@charset "UTF-8";

/*--------------------------------------------------------------
Hello, this is the BuddyPress Legacy stylesheet.

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Navigation
	1.1 - Pagination
2.0 - WordPress
	2.1 - Images
3.0 - BuddyPress
	3.1 - Activity
		3.1.1 - Activity Listing
		3.1.2 - Activity Comments
	3.2 - Toolbar
	3.3 - Directories - Members, Groups, Blogs, Forums
	3.4 - Error / Success Messages
	3.5 - Forms
	3.6 - Ajax Loading
	3.7 - Topics and Tables - Forums and General
	3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
	3.9 - Private Messaging Threads
	3.10 - Extended Profiles
	3.11 - Widgets
4.0 - Media Queries
	4.1 - Smartphones Landscape
	4.2 - Smartphones Portrait
	4.3 - Smartphones - smaller screen sizes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1 - Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 - Pagination
--------------------------------------------------------------*/
#buddypress div.pagination {
	background: transparent;
	border: none;
	color: #888;
	font-size: small;
	margin: 0;
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding: 10px 15px;
}
#buddypress div.pagination .pag-count {
	float: left;
	margin-left: 10px;
}
#buddypress div.pagination .pagination-links {
	float: right;
	margin-right: 10px;
}
#buddypress div.pagination .pagination-links span,
#buddypress div.pagination .pagination-links a {
	font-size: 90%;
	padding: 0 5px;
}
#buddypress div.pagination .pagination-links a:hover {
	font-weight: bold;
}
#buddypress noscript div.pagination {
	margin-bottom: 15px;
}
#buddypress #nav-above {
	display: none;
}
#buddypress .paged #nav-above {
	display: block;
}
/*--------------------------------------------------------------
2 - WordPress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - Images
--------------------------------------------------------------*/
#buddypress img.wp-smiley {
	border: none !important;
	clear: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#buddypress .clear {
	clear: left;
}

/*--------------------------------------------------------------
3.0 - BuddyPress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 - Activity
--------------------------------------------------------------*/
#buddypress #activity-stream {
	margin-top: -5px;
}

#buddypress #activity-stream p {
	margin: 5px 0;
}

#buddypress form#whats-new-form {
	margin: 0;
	padding: 20px;
}
#buddypress #item-body form#whats-new-form {
	margin: 0;
	padding: 0;
}
#buddypress .home-page form#whats-new-form {
	border-bottom: none;
	padding-bottom: 0;
}
#buddypress form#whats-new-form #whats-new-avatar {
	float: left;
}
#buddypress form#whats-new-form #whats-new-content {
	margin-left: 55px;
	padding: 0 20px 20px 20px;
}
#buddypress form#whats-new-form p.activity-greeting {
	line-height: 0.5em;
	margin-bottom: 15px;
	margin-left: 75px;
}
#buddypress form#whats-new-form textarea {
	background: #fff;
	color: #555;
	font-family: inherit;
	font-size: medium;
	height: 20px;
	padding: 6px;
	width: 98%;
}
body.no-js #buddypress form#whats-new-form textarea {
	height: 50px;
}
#buddypress form#whats-new-form #whats-new-options select {
	max-width: 200px;
	margin-top: 12px;
}
#buddypress form#whats-new-form #whats-new-submit {
	float: right;
	margin-top: 12px;
}
#buddypress #whats-new-options {
	overflow: auto;
	height: 0;
}
body.no-js #buddypress #whats-new-options {
	height: auto;
}
#buddypress #whats-new:focus {
	border-color: rgba(31, 179, 221, 0.9) !important;
	outline-color: rgba(31, 179, 221, 0.9);
}

/*--------------------------------------------------------------
3.1.1 - Activity Listing
--------------------------------------------------------------*/
#buddypress ul.activity-list li {
	overflow: hidden;
	padding: 15px 0 0;
	list-style: none;
}
#buddypress .activity-list .activity-avatar {
	float: left;
}
#buddypress ul.item-list.activity-list li.has-comments {
	padding-bottom: 15px;
}
body.activity-permalink #buddypress ul.activity-list li.has-comments {
	padding-bottom: 0;
}
#buddypress .activity-list li.mini {
	font-size: 80%;
	position: relative;
}
#buddypress .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
	height: 20px;
	margin-left: 30px;
	width: 20px;
}
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
	height: auto;
	margin-left: 0;
	width: auto;
}
body.activity-permalink #buddypress .activity-list > li:first-child {
	padding-top: 0;
}
#buddypress .activity-list li .activity-content {
	position: relative;
}
#buddypress .activity-list li.mini .activity-content p {
	margin: 0;
}
#buddypress .activity-list li.mini .activity-comments {
	clear: both;
	font-size: 120%;
}
body.activity-permalink #buddypress li.mini .activity-meta {
	margin-top: 4px;
}
#buddypress .activity-list li .activity-inreplyto {
	color: #888;
	font-size: 80%;
}
#buddypress .activity-list li .activity-inreplyto > p {
	margin: 0;
	display: inline;
}
#buddypress .activity-list li .activity-inreplyto blockquote,
#buddypress .activity-list li .activity-inreplyto div.activity-inner {
	background: none;
	border: none;
	display: inline;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#buddypress .activity-list .activity-content {
	margin: 0 0 0 70px;
}
body.activity-permalink #buddypress .activity-list li .activity-content {
	border: none;
	font-size: 100%;
	line-height: 150%;
	margin-left: 170px;
	margin-right: 0;
	padding: 0;
}
body.activity-permalink #buddypress .activity-list li .activity-header > p {
	margin: 0;
	padding: 5px 0 0 0;
}
#buddypress .activity-list .activity-content .activity-header,
#buddypress .activity-list .activity-content .comment-header {
	color: #888;
	line-height: 220%;
}
#buddypress .activity-header {
	margin-right: 20px;
}
#buddypress .activity-header a,
#buddypress .comment-meta a,
#buddypress .acomment-meta a {
	text-decoration: none;
}
#buddypress .activity-list .activity-content .activity-header img.avatar {
	float: none !important;
	margin: 0 5px -8px 0 !important;
}
#buddypress a.bp-secondary-action,
#buddypress span.highlight {
	font-size: 80%;
	padding: 0;
	margin-right: 5px;
	text-decoration: none;
}
#buddypress .activity-list .activity-content .activity-inner,
#buddypress .activity-list .activity-content blockquote {
	margin: 10px 10px 5px 0;
	overflow: hidden;
}
#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
	border-left: 2px solid #EAEAEA;
	margin-left: 5px;
	padding-left: 10px;
}
body.activity-permalink #buddypress .activity-content .activity-inner,
body.activity-permalink #buddypress .activity-content blockquote {
	margin-left: 0;
	margin-top: 5px;
}
#buddypress .activity-inner > p {
	word-wrap: break-word;
}
#buddypress .activity-inner > .activity-inner {
	margin: 0;
}
#buddypress .activity-inner > blockquote {
	margin: 0;
}
#buddypress .activity-list .activity-content img.thumbnail {
	border: 2px solid #eee;
	float: left;
	margin: 0 10px 5px 0;
}
#buddypress .activity-read-more {
	margin-left: 1em;
	white-space: nowrap;
}
#buddypress .activity-list li.load-more,
#buddypress .activity-list li.load-newest {
	background: #f0f0f0;
	font-size: 110%;
	margin: 15px 0;
	padding: 10px 15px;
	text-align: center;
}
#buddypress .activity-list li.load-more a,
#buddypress .activity-list li.load-newest a {
	color: #4D4D4D;
}


/*--------------------------------------------------------------
3.1.2 - Activity Comments
--------------------------------------------------------------*/
#buddypress div.activity-meta {
	margin: 18px 0 0;
}
body.activity-permalink #buddypress div.activity-meta {
	margin-bottom: 6px;
}
#buddypress div.activity-meta a {
	padding: 4px 8px;
}
#buddypress a.activity-time-since {
	color: #aaa;
	text-decoration: none;
}
#buddypress a.activity-time-since:hover {
	color: #888;
	text-decoration: underline;
}
#buddypress a.bp-primary-action,
#buddypress #reply-title small a {
	font-size: 95%;
	margin-right: 5px;
	text-decoration: none;
}
#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span {
	background: #999;
	color: #fff;
	font-size: 90%;
	margin-left: 2px;
	padding: 0 5px;
}
#buddypress a.bp-primary-action:hover span,
#buddypress #reply-title small a:hover span {
	background: #555;
	color: #fff;
}
#buddypress div.activity-comments {
	margin: 0 0 0 70px;
	overflow: hidden; /* IE fix */
	position: relative;
	width: auto;
	clear: both;
}
body.activity-permalink #buddypress div.activity-comments {
	background: none;
	margin-left: 170px;
	width: auto;
}
#buddypress div.activity-comments > ul {
	padding: 0 0 0 10px;
}
#buddypress div.activity-comments ul,
#buddypress div.activity-comments ul li {
	border: none;
	list-style: none;
}
#buddypress div.activity-comments ul {
	clear: both;
	margin: 0;
}
#buddypress div.activity-comments ul li {
	border-top: 1px solid #eee;
	padding: 10px 0 0;
}
body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
	clear: none;
	margin-top: 0;
}
body.activity-permalink #buddypress div.activity-comments ul li {
	border-width: 1px;
	padding: 10px 0 0 0;
}
#buddypress div.activity-comments > ul > li:first-child {
	border-top: none;
}
#buddypress div.activity-comments ul li:last-child {
	margin-bottom: 0;
}
#buddypress div.activity-comments ul li > ul {
	margin-left: 30px;
	margin-top: 0;
	padding-left: 10px;
}
body.activity-permalink #buddypress div.activity-comments ul li > ul {
	margin-top: 10px;
}
body.activity-permalink #buddypress div.activity-comments > ul {
	padding: 0 10px 0 15px;
}
#buddypress div.activity-comments div.acomment-avatar img {
	border-width: 1px;
	float: left;
	height: 25px;
	margin-right: 10px;
	width: 25px;
}
#buddypress div.activity-comments div.acomment-content {
	font-size: 95%;
	margin: 5px 0 0 40px;
}
#buddypress div.acomment-content .time-since,
#buddypress div.acomment-content .activity-delete-link,
#buddypress div.acomment-content .comment-header {
	display: none;
}
body.activity-permalink #buddypress div.activity-comments div.acomment-content {
	font-size: 95%;
}
#buddypress div.activity-comments div.acomment-meta {
	color: #888;
	font-size: 95%;
}
#buddypress div.activity-comments form.ac-form {
	display: none;
	padding: 10px;
}
#buddypress div.activity-comments li form.ac-form {
	margin-right: 15px;
	clear: both;
}
#buddypress div.activity-comments form.root {
	margin-left: 0;
}
#buddypress div.activity-comments div#message {
	margin-top: 15px;
	margin-bottom: 0;
}
#buddypress div.activity-comments form .ac-textarea {
	background: #fff;
	border: 1px inset #ccc;
	margin-bottom: 10px;
	padding: 8px;
}
#buddypress div.activity-comments form textarea {
	border: none;
	background: transparent;
	box-shadow: none;
	outline: none;
	color: #555;
	font-family: inherit;
	font-size: 100%;
	height: 60px;
	padding: 0;
	margin: 0;
	width: 100%;
}
#buddypress div.activity-comments form input {
	/*margin-top: 5px;*/
}
#buddypress div.activity-comments form div.ac-reply-avatar {
	float: left;
}
#buddypress div.ac-reply-avatar img {
	border: 1px solid #eee;
}
#buddypress div.activity-comments form div.ac-reply-content {
	color: #888;
	margin-left: 50px;
	padding-left: 15px;
}
#buddypress div.activity-comments form div.ac-reply-content a {
	text-decoration: none;
}
#buddypress .acomment-options {
	float: left;
	margin: 5px 0 5px 40px;
}
#buddypress .acomment-options a {
	color: #999;
}
#buddypress .acomment-options a:hover {
	color: inherit;
}

/*--------------------------------------------------------------
3.3 - Directories - Members, Groups, Blogs, Forums
--------------------------------------------------------------*/
#buddypress div.dir-search {
	float: right;
	margin: -39px 0 0 0;
}
#buddypress div.dir-search input[type=text],
#buddypress li.groups-members-search input[type=text] {
	font-size: 90%;
	padding: 1px 3px;
}
#buddypress .current-member-type {
	font-style: italic;
}
#buddypress .dir-form {
	clear: both;
}

/*--------------------------------------------------------------
3.4 - Errors / Success Messages
--------------------------------------------------------------*/
#buddypress div#message {
	margin: 0 0 15px;
}
#buddypress #message.info {
	margin-bottom: 0;
}
#buddypress div#message.updated {
	clear: both;
	display: block;
}
#buddypress div#message p,
#sitewide-notice p {
	font-size: 90%;
	display: block;
	padding: 10px 15px;
}
#buddypress div#message.error p {
	background-color: #fdc;
	border: 1px solid #a00;
	clear: left;
	color: #800;
}
#buddypress div#message.warning p {
	background-color: #ffe0af;
	border: 1px solid #ffd087;
	clear: left;
	color: #800;
}
#buddypress div#message.updated p {
	background-color: #efc;
	border: 1px solid #591;
	color: #250;
}
#buddypress #pass-strength-result {
	background-color: #eee;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	display: none;
	margin: 5px 5px 5px 0;
	padding: 5px;
	text-align: center;
	width: 150px;
}
#buddypress .standard-form #basic-details-section #pass-strength-result {
	width: 35%;
}
#buddypress #pass-strength-result.error,
#buddypress #pass-strength-result.bad {
	background-color: #ffb78c;
	border-color: #ff853c !important;
	display: block;
}
#buddypress #pass-strength-result.good {
	background-color: #ffec8b;
	border-color: #fc0 !important;
	display: block;
}
#buddypress #pass-strength-result.short {
	background-color: #ffa0a0;
	border-color: #f04040 !important;
	display: block;
}
#buddypress #pass-strength-result.strong {
	background-color: #c3ff88;
	border-color: #8dff1c !important;
	display: block;
}
#buddypress .standard-form#signup_form div div.error {
	background: #faa;
	color: #a00;
	margin: 0 0 10px 0;
	padding: 6px;
	width: 90%;
}
#buddypress div.accept,
#buddypress div.reject {
	float: left;
	margin-left: 10px;
}
#buddypress ul.button-nav li {
	float: left;
	margin: 0 10px 10px 0;
	list-style: none;
}
#buddypress ul.button-nav li.current a {
	font-weight: bold;
}
#sitewide-notice #message {
	left: 2%;
	position: fixed;
	top: 1em;
	width: 96%;
	z-index: 9999;
}
#sitewide-notice.admin-bar-on #message {
	top: 3.3em;
}
#sitewide-notice strong {
	display: block;
	margin-bottom: -1em;
}

/*--------------------------------------------------------------
3.5 - Forms
--------------------------------------------------------------*/
#buddypress .standard-form textarea,
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form input[type=password],
#buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text] {
	border: 1px solid #ccc;
	background: #fafafa;
	border-radius: 0;
	color: #888;
	font: inherit;
	font-size: 100%;
	padding: 6px;
}
#buddypress .standard-form select {
	padding: 3px;
}
#buddypress .standard-form input[type=password] {
	margin-bottom: 5px;
}
#buddypress .standard-form label,
#buddypress .standard-form span.label {
	display: block;
	font-weight: bold;
	margin: 15px 0 5px 0;
	width: auto;
}
#buddypress .standard-form div.checkbox label:nth-child(n+2),
#buddypress .standard-form div.radio div label {
	color: #888;
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0 0 0;
}
#buddypress .standard-form#sidebar-login-form label {
	margin-top: 5px;
}
#buddypress .standard-form input[type=text] {
	width: 75%;
}
#buddypress .standard-form#sidebar-login-form input[type=text],
#buddypress .standard-form#sidebar-login-form input[type=password] {
	padding: 4px;
	width: 95%;
}
#buddypress .standard-form #basic-details-section input[type=password],
#buddypress .standard-form #blog-details-section input#signup_blog_url {
	width: 35%;
}
#buddypress .standard-form#signup_form input[type=text],
#buddypress .standard-form#signup_form textarea,
#buddypress .form-allowed-tags,
#buddypress #commentform input[type=text],
#buddypress #commentform textarea {
	width: 90%;
}
#buddypress .standard-form#signup_form div.submit {
	float: right;
}
#buddypress div#signup-avatar img {
	margin: 0 15px 10px 0;
}
#buddypress .standard-form textarea {
	width: 75%;
	height: 120px;
}
#buddypress .standard-form textarea#message_content {
	height: 200px;
}
#buddypress .standard-form#send-reply textarea {
	width: 97.5%;
}
#buddypress .standard-form p.description {
	color: #888;
	font-size: 80%;
	margin: 5px 0;
}
#buddypress .standard-form div.submit {
	clear: both;
	padding: 15px 0 0 0;
}
#buddypress .standard-form p.submit {
	margin-bottom: 0;
	padding: 15px 0 0 0;
}
#buddypress .standard-form div.submit input {
	margin-right: 15px;
}
#buddypress .standard-form div.radio ul {
	margin: 10px 0 15px 38px;
	list-style: disc;
}
#buddypress .standard-form div.radio ul li {
	margin-bottom: 5px;
}
#buddypress .standard-form a.clear-value {
	display: block;
	margin-top: 5px;
	outline: none;
}
#buddypress .standard-form #basic-details-section,
#buddypress .standard-form #blog-details-section,
#buddypress .standard-form #profile-details-section {
	float: left;
	width: 48%;
}
#buddypress .standard-form #profile-details-section {
	float: right;
}
#buddypress .standard-form #blog-details-section,
#buddypress #notifications-bulk-management {
	clear: left;
}
body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
body.no-js #buddypress label[for="message-type-select"],
body.no-js #buddypress #message-type-select,
body.no-js #buddypress #delete_inbox_messages,
body.no-js #buddypress #delete_sentbox_messages,
body.no-js #buddypress #messages-bulk-management #select-all-messages {
	display: none;
}
#buddypress .standard-form input:focus,
#buddypress .standard-form textarea:focus,
#buddypress .standard-form select:focus {
	background: #fafafa;
	color: #555;
}
#buddypress form#send-invite-form {
	margin-top: 20px;
}
#buddypress div#invite-list {
	background: #f5f5f5;
	height: 400px;
	margin: 0 0 10px;
	overflow: auto;
	padding: 5px;
	width: 160px;
}
#buddypress button,
#buddypress a.button,
#buddypress input[type=submit],
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button {
	background: #fff; /* Old browsers */
	border: 1px solid #ccc;
	color: #777;
	font-size: small;
	cursor: pointer;
	outline: none;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
}
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress a.button:focus,
#buddypress input[type=submit]:hover,
#buddypress input[type=button]:hover,
#buddypress input[type=reset]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li.current a,
#buddypress div.generic-button a:hover,
#buddypress .comment-reply-link:hover {
	background: #ededed;
	border: 1px solid #bbb;
	color: #555;
	outline: none;
	text-decoration: none;
}

#buddypress form.standard-form .left-menu {
	float: left;
}

#buddypress form.standard-form .left-menu #invite-list ul{
	margin:1%;
	list-style: none;
}

#buddypress form.standard-form .left-menu #invite-list ul li {
	margin:0 0 0 1%;
}

#buddypress form.standard-form .main-column {
	margin-left: 190px;
}

#buddypress form.standard-form .main-column ul#friend-list {
	clear:none;
	float: left;
}

#buddypress form.standard-form .main-column ul#friend-list h4 {
	clear:none;
}

/* Overrides for embedded WP editors */
#buddypress .wp-editor-wrap a.button,
#buddypress .wp-editor-wrap button,
#buddypress .wp-editor-wrap input[type=submit],
#buddypress .wp-editor-wrap input[type=button],
#buddypress .wp-editor-wrap input[type=reset] {
	padding: 0 10px 1px;
}

/* Form classes & generic attr styling */
#buddypress form *[disabled="disabled"]{
	cursor: default;
	opacity: .4;
}
.bp-screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

/*--------------------------------------------------------------
3.6 - Ajax Loading
--------------------------------------------------------------*/
#buddypress a.loading,
#buddypress input.loading {
	-webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
	-moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
	border-color: #aaa;
}
@-webkit-keyframes loader-pulsate {
	from {
		border-color: #aaa;
		-webkit-box-shadow: 0 0 6px #ccc;
		box-shadow: 0 0 6px #ccc;
	}
	to {
		border-color: #ccc;
		-webkit-box-shadow: 0 0 6px #f8f8f8;
		box-shadow: 0 0 6px #f8f8f8;
	}
}
@-moz-keyframes loader-pulsate {
	from {
		border-color: #aaa;
		-moz-box-shadow: 0 0 6px #ccc;
		box-shadow: 0 0 6px #ccc;
	}
	to {
		border-color: #ccc;
		-moz-box-shadow: 0 0 6px #f8f8f8;
		box-shadow: 0 0 6px #f8f8f8;
	}
}

#buddypress a.loading:hover,
#buddypress input.loading:hover {
	color: #777;
}
#buddypress input[type="submit"].pending,
#buddypress input[type="button"].pending,
#buddypress input[type="reset"].pending,
#buddypress input[type="submit"].disabled,
#buddypress input[type="button"].disabled,
#buddypress input[type="reset"].disabled,
#buddypress input[type="submit"][disabled=disabled],
#buddypress button.pending,
#buddypress button.disabled,
#buddypress div.pending a,
#buddypress a.disabled {
	border-color: #eee;
	color: #bbb;
	cursor: default;
}
#buddypress input[type="submit"]:hover.pending,
#buddypress input[type="button"]:hover.pending,
#buddypress input[type="reset"]:hover.pending,
#buddypress input[type="submit"]:hover.disabled,
#buddypress input[type="button"]:hover.disabled,
#buddypress input[type="reset"]:hover.disabled,
#buddypress button.pending:hover,
#buddypress button.disabled:hover,
#buddypress div.pending a:hover,
#buddypress a.disabled:hover {
	border-color: #eee;
	color: #bbb;
}

/*--------------------------------------------------------------
3.7 - Forums, Tables and Topics
--------------------------------------------------------------*/
#buddypress ul#topic-post-list {
	margin: 0;
	width: auto;
}
#buddypress ul#topic-post-list li {
	padding: 15px;
	position: relative;
}
#buddypress ul#topic-post-list li.alt {
	background: #f5f5f5;
}
#buddypress ul#topic-post-list li div.poster-meta {
	color: #888;
	margin-bottom: 10px;
}
#buddypress ul#topic-post-list li div.post-content {
	margin-left: 54px;
}
#buddypress div.topic-tags {
	font-size: 80%;
}
#buddypress div.admin-links {
	color: #888;
	font-size: 80%;
	position: absolute;
	top: 15px;
	right: 25px;
}
#buddypress div#topic-meta {
	margin: 0;
	padding: 5px 19px 30px;
	position: relative;
}
#buddypress div#topic-meta div.admin-links {
	right: 19px;
	top: -36px;
}
#buddypress div#topic-meta h3 {
	margin: 5px 0;
}
#buddypress div#new-topic-post {
	display: none;
	margin: 20px 0 0 0;
	padding: 1px 0 0 0;
}
#buddypress table.notifications,
#buddypress table.notifications-settings,
#buddypress table.profile-settings,
#buddypress table.profile-fields,
#buddypress table.wp-profile-fields,
#buddypress table.messages-notices,
#buddypress table.forum {
	width: 100%;
}
#buddypress table.notifications thead tr,
#buddypress table.notifications-settings thead tr,
#buddypress table.profile-settings thead tr,
#buddypress table.profile-fields thead tr,
#buddypress table.wp-profile-fields thead tr,
#buddypress table.messages-notices thead tr,
#buddypress table.forum thead tr {
	background: #eaeaea;
}
#buddypress table#message-threads {
	clear: both;
}
#buddypress table.profile-fields {
	margin-bottom: 20px;
}
#buddypress table.profile-fields:last-child {
	margin-bottom: 0;
}
#buddypress table.profile-fields p {
	margin: 0;
}
#buddypress table.profile-fields p:last-child {
	margin-top: 0;
}
#buddypress table.notifications tr td,
#buddypress table.notifications-settings tr td,
#buddypress table.profile-settings tr td,
#buddypress table.profile-fields tr td,
#buddypress table.wp-profile-fields tr td,
#buddypress table.messages-notices tr td,
#buddypress table.forum tr td,
#buddypress table.notifications tr th,
#buddypress table.notifications-settings tr th,
#buddypress table.profile-fields tr th,
#buddypress table.wp-profile-fields tr th,
#buddypress table.messages-notices tr th,
#buddypress table.forum tr th {
	padding: 8px;
	vertical-align: middle;
}
#buddypress table.notifications tr td.label,
#buddypress table.notifications-settings tr td.label,
#buddypress table.profile-fields tr td.label,
#buddypress table.wp-profile-fields tr td.label,
#buddypress table.messages-notices tr td.label,
#buddypress table.forum tr td.label {
	border-right: 1px solid #eaeaea;
	font-weight: bold;
	width: 25%;
}
#buddypress #message-threads .thread-info {
	min-width: 40%;
}
#buddypress table tr td.thread-info p {
	margin: 0;
}
#buddypress table tr td.thread-info p.thread-excerpt {
	color: #888;
	font-size: 80%;
	margin-top: 3px;
}
#buddypress table.forum td {
	text-align: center;
}
#buddypress table.notifications tr.alt td,
#buddypress table.notifications-settings tr.alt td,
#buddypress table.profile-settings tr.alt td,
#buddypress table.profile-fields tr.alt td,
#buddypress table.wp-profile-fields tr.alt td,
#buddypress table.messages-notices tr.alt td,
#buddypress table.forum tr.alt td {
	background: #f5f5f5;
}
#buddypress table.notification-settings {
	margin-bottom: 10px;
	text-align: left;
}
#buddypress #groups-notification-settings {
	margin-bottom: 0;
}
#buddypress table.notifications th.icon,
#buddypress table.notifications td:first-child,
#buddypress table.notification-settings th.icon,
#buddypress table.notification-settings td:first-child {
	display: none;
}
#buddypress table.notification-settings th.title,
#buddypress table.profile-settings th.title {
	width: 80%;
}
#buddypress table.notification-settings .yes,
#buddypress table.notification-settings .no {
	text-align: center;
	width: 40px;
}
#buddypress table.forum {
	margin: 0;
	width: auto;
	clear: both;
}
#buddypress table.forum tr.sticky td {
	font-size: 110%;
	background: #fff9db;
	border-top: 1px solid #ffe8c4;
	border-bottom: 1px solid #ffe8c4;
}
#buddypress table.forum tr.closed td.td-title {
	padding-left: 35px;
}
#buddypress table.forum td p.topic-text {
	color: #888;
	font-size: 100%;
}
#buddypress table.forum tr > td:first-child,
#buddypress table.forum tr > th:first-child {
	padding-left: 15px;
}
#buddypress table.forum tr > td:last-child,
#buddypress table.forum tr > th:last-child {
	padding-right: 15px;
}
#buddypress table.forum tr th#th-title,
#buddypress table.forum tr th#th-poster,
#buddypress table.forum tr th#th-group,
#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group,
#buddypress table.forum td.td-title {
	text-align: left;
}
#buddypress table.forum tr td.td-title a.topic-title {
	font-size: 110%;
}
#buddypress table.forum td.td-freshness {
	white-space: nowrap;
}
#buddypress table.forum td.td-freshness span.time-since {
	font-size: 80%;
	color: #888;
}
#buddypress table.forum td img.avatar {
	float: none;
	margin: 0 5px -8px 0;
}
#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group {
	min-width: 140px;
}
#buddypress table.forum th#th-title {
	width: 80%;
}
#buddypress table.forum th#th-freshness {
	width: 25%;
}
#buddypress table.forum th#th-postcount {
	width: 15%;
}
#buddypress table.forum p.topic-meta {
	font-size: 80%;
	margin: 5px 0 0 0;
}

/*-------------------------------------------------------------------------
3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles
-------------------------------------------------------------------------*/
#buddypress .item-body {
	margin: 20px 0;
}
#buddypress span.activity {
	display: inline-block;
	font-size: small;
	opacity: 0.8;
	padding: 0;
}
#buddypress span.user-nicename {
	color: #777;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
}
#buddypress div#message p,
#sitewide-notice p {
	font-weight: normal;
	margin-top: 3px;
	text-decoration: none;
	background-color: #ffd;
	border: 1px solid #cb2;
	color: #440;
}
#buddypress div#item-header {
	overflow: hidden;
}
#buddypress div#item-header div#item-header-content {
	float: left;
	margin-left: 0;
}
#buddypress div#item-header h2 {
	line-height: 120%;
	margin: 0 0 15px 0;
}
#buddypress div#item-header h2 a {
	color: #777;
	text-decoration: none;
}
#buddypress div#item-header img.avatar {
	float: left;
	/*margin: 0 15px 19px 0;*/
}
#buddypress div#item-header h2 {
	margin-bottom: 5px;
}
#buddypress div#item-header h2 span.highlight {
	font-size: 60%;
	font-weight: normal;
	line-height: 170%;
	vertical-align: middle;
	display: inline-block;
}
#buddypress div#item-header h2 span.highlight span {
	background: #a1dcfa;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 2px;
	padding: 1px 4px;
	position: relative;
	right: -2px;
	top: -2px;
	vertical-align: middle;
}
#buddypress div#item-header div#item-meta {
	/*font-size: 80%;*/
	color: #aaa;
	overflow: hidden;
	margin: 15px 0 5px 0;
	padding-bottom: 10px;
}
#buddypress div#item-header div#item-actions {
	float: right;
	margin: 0 0 15px 15px;
	text-align: right;
	width: 20%;
}
#buddypress div#item-header div#item-actions h3 {
	margin: 0 0 5px 0;
}
#buddypress div#item-header ul {
	margin-bottom: 15px;
	overflow: hidden;
}
#buddypress div#item-header ul h5,
#buddypress div#item-header ul span,
#buddypress div#item-header ul hr {
	display: none;
}
#buddypress div#item-header ul li {
	float: right;
	list-style: none;
}
#buddypress div#item-header ul img.avatar,
#buddypress div#item-header ul.avatars img.avatar {
	height: 30px;
	margin: 2px;
	width: 30px;
}
#buddypress div#item-header div.generic-button,
#buddypress div#item-header a.button {
	float: left;
	margin: 10px 10px 0 0;
}
#buddypress div#item-header div#message.info {
	line-height: 80%;
}
#buddypress ul.item-list {
	border-top: 1px solid #eaeaea;
	width: 100%;
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
}
body.activity-permalink #buddypress ul.item-list,
body.activity-permalink #buddypress ul.item-list li.activity-item {
	border: none;
}
#buddypress ul.item-list li {
	border-bottom: 1px solid #eaeaea;
	padding: 15px;
	margin: 0;
	position: relative;
	list-style: none;
}
#buddypress ul.single-line li {
	border: none;
}
#buddypress ul.item-list li img.avatar {
	float: left;
	margin: 0 10px 0 0;
}
#buddypress ul.item-list li div.item-title,
#buddypress ul.item-list li h4 {
	font-weight: normal;
	font-size: 90%;
	margin: 0;
	width: 75%;
}
#buddypress ul.item-list li div.item-title span {
	color: #999;
}
#buddypress ul.item-list li div.item-desc {
	color: #888;
	font-size: 80%;
	margin: 10px 0 0 60px;
	width: 50%;
}
#buddypress ul.item-list li.group-no-avatar div.item-desc {
	margin-left: 0;
}
#buddypress ul.item-list li div.action {
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
}
#buddypress ul.item-list li div.meta {
	color: #888;
	font-size: 80%;
	margin-top: 10px;
}
#buddypress ul.item-list li h5 span.small {
	float: right;
	font-size: 80%;
	font-weight: normal;
}
#buddypress div.item-list-tabs {
	background: transparent;
	clear: left;
	overflow: hidden;
}

#buddypress div.item-list-tabs ul {
	margin: 0;
	padding: 0;
}
#buddypress div.item-list-tabs ul li {
	float: left;
	margin: 0;
	list-style: none;
}
#buddypress div.item-list-tabs#subnav ul li {
	margin-top: 0;
}
#buddypress div.item-list-tabs ul li.last {
	float: right;
	margin: 7px 0 0;
}
#buddypress div.item-list-tabs#subnav ul li.last {
	margin-top: 4px;
}
#buddypress div.item-list-tabs ul li.last select {
	max-width: 185px;
}
#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	text-decoration: none;
	font-weight: 500;
}
#buddypress div.item-list-tabs ul li a span {
	background: #eee;
	border-radius: 50%;
	border: 1px solid #ccc;
	color: #999;
	display: inline;
	font-size: 70%;
	margin-left: 2px;
	padding: 3px 6px;
	text-align: center;
	vertical-align: middle;
}
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
	background-color: #eee;
	color: #555;
	opacity: .8;
	font-weight: bold;
}
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span,
#buddypress div.item-list-tabs ul li a:hover span {
	background-color: #eee;
}
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span {
	background-color: #fff;
}
#buddypress div#item-nav ul li.loading a {
	background-position: 88% 50%;
}
#buddypress div.item-list-tabs#object-nav {
	margin-top: 0;
}
#buddypress div.item-list-tabs#subnav {
	background: transparent;
	margin: 10px 0 10px;
	overflow: hidden;
}
#buddypress #admins-list li,
#buddypress #mods-list li,
#buddypress #members-list li {
	overflow: auto;
	list-style: none;
}


/*--------------------------------------------------------------
3.9 - Private Messaging Threads
--------------------------------------------------------------*/
#buddypress table#message-threads tr.unread td {
	background: #fff9db;
	border-top: 1px solid #ffe8c4;
	border-bottom: 1px solid #ffe8c4;
	font-weight: bold;
}
#buddypress table#message-threads tr.unread td .thread-excerpt,
#buddypress table#message-threads tr.unread td .activity,
#buddypress table#message-threads tr.unread td.thread-options {
	font-weight: normal;
}
#buddypress li span.unread-count,
#buddypress tr.unread span.unread-count {
	background: #dd0000;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
}
#buddypress div.item-list-tabs ul li a span.unread-count {
	padding: 1px 6px;
	color: #fff;
}
#buddypress div#message-thread div.message-box {
	margin: 0;
	padding: 15px;
}
#buddypress div#message-thread div.alt {
	background: #f4f4f4;
}
#buddypress div#message-thread p#message-recipients {
	margin: 10px 0 20px 0;
}
#buddypress div#message-thread img.avatar {
	float: left;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#buddypress div#message-thread strong {
	font-size: 100%;
	margin: 0;
}
#buddypress div#message-thread strong a {
	text-decoration: none;
}
#buddypress div#message-thread strong span.activity {
	margin-top: 4px;
}
#buddypress div#message-thread div.message-metadata {
	overflow: hidden;
}
#buddypress div#message-thread div.message-content {
	margin-left: 45px;
}
#buddypress div#message-thread div.message-options {
	text-align: right;
}
#buddypress #message-threads img.avatar {
	max-width: none;
}
#buddypress div.message-search {
	float: right;
	margin: 0 20px;
}

.message-metadata {
	position: relative;
}
.message-star-actions {
	position: absolute;
	right: 0;
	top: 0;
}
#buddypress a.message-action-star,
#buddypress a.message-action-unstar {
	border-bottom: 0;
	text-decoration: none;
	outline: none;
}
a.message-action-star {
	opacity: .7;
}
a.message-action-star:hover {
	opacity: 1;
}
.message-action-star span.icon:before,
.message-action-unstar span.icon:before {
	font-family: dashicons;
	font-size: 18px;
}
.message-action-star span.icon:before {
	color: #aaa;
	content: "\f154";
}
.message-action-unstar span.icon:before {
	color: #FCDD77;
	content: "\f155";
}

/*--------------------------------------------------------------
3.10 - Extended Profiles
--------------------------------------------------------------*/

#buddypress div.profile h4 {
	margin-bottom: auto;
	margin-top: 15px;
}
#buddypress #profile-edit-form ul.button-nav {
	margin-top: 15px;
}
body.no-js #buddypress .field-visibility-settings-toggle,
body.no-js #buddypress .field-visibility-settings-close {
	display: none;
}
#buddypress .field-visibility-settings {
	display: none;
	margin-top: 10px;
}
body.no-js #buddypress .field-visibility-settings {
	display: block;
}
#buddypress .current-visibility-level {
	font-weight: bold;
	font-style: normal;
}
#buddypress .field-visibility-settings,
#buddypress .field-visibility-settings-toggle,
#buddypress .field-visibility-settings-notoggle {
	color: #888;
}
#buddypress .field-visibility-settings-toggle a,
#buddypress .field-visibility-settings a {
	font-size: 80%;
}
body.register #buddypress div.page ul {
	list-style: none;
}
#buddypress .standard-form .field-visibility-settings label {
	margin: 0;
	font-weight: normal;
}
#buddypress .field-visibility-settings legend,
#buddypress .field-visibility-settings-toggle {
	font-style: italic;
}
#buddypress .field-visibility-settings .radio {
	list-style: none;
	margin-bottom: 0;
}
#buddypress .field-visibility select {
	margin: 0;
}

/*--------------------------------------------------------------
3.11 - Widgets
--------------------------------------------------------------*/

.widget.buddypress div.item-avatar img.avatar {
	float: left;
	margin: 0 10px 15px 0;
}

.widget.buddypress span.activity {
	display: inline-block;
	font-size: small;
	opacity: 0.8;
	padding: 0;
}

.widget.buddypress div.item-options {
	font-size: 90%;
	margin: 0 0 1em 0;
	padding: 1em 0;
}

.widget.buddypress div.item{
	margin:0 0 1em 0;
}

.widget.buddypress div.item-meta,
.widget.buddypress div.item-content {
	font-size: 11px;
	margin-left: 50px;
}

.widget.buddypress ul.item-list img.avatar {
	height: 40px;
	margin-right: 10px;
	width: 40px;
}
.widget.buddypress div.item-avatar img {
	height: 40px;
	margin: 1px;
	width: 40px;
}

.widget.buddypress div.avatar-block{
	overflow: hidden;
}

.widget.buddypress #bp-login-widget-form label {
	display: block;
	margin: 1rem 0 .5rem;
}

.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
	margin-right: 10px;
}

.widget.buddypress .bp-login-widget-user-avatar {
	float: left;
}

.bp-login-widget-user-avatar img.avatar {
	height: 40px;
	width: 40px;
}

.widget.buddypress .bp-login-widget-user-links > div {
	padding-left: 60px;
}

.widget.buddypress .bp-login-widget-user-links > div {
	margin-bottom: .5rem;
}

.widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
	font-weight: bold;
}

.widget.buddypress #groups-list,
.widget.buddypress #members-list,
.widget.buddypress #friends-list {
	margin-left: 0;
	padding-left: 0;
}

.widget.buddypress #groups-list li,
.widget.buddypress #members-list li,
.widget.buddypress #friends-list li {
	clear: both;
	list-style-type: none;
}

/*--------------------------------------------------------------
4.0 - Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 - Smartphones - landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 480px ){
	#buddypress div.dir-search {
		float: right;
		margin-top: -50px;
		text-align: right;
	}
	#buddypress div.dir-search input[type="text"] {
		margin-bottom: 1em;
		width: 50%;
	}
	a.bp-title-button {
		margin-left: 10px;
	}
	#buddypress form.standard-form .main-column div.action{
		position: relative;
		margin-bottom:1em;
	}
	#buddypress form.standard-form .main-column ul#friend-list h4{
		width:100%;
	}
}

/*--------------------------------------------------------------
4.2 - Smartphones - portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
	#buddypress div.dir-search {
		clear: left;
		float: left;
		margin-top: 0;
		text-align: left;
	}
	#buddypress li#groups-order-select {
		clear: left;
		float: left;
	}
	#buddypress ul.item-list li div.action {
		clear: left;
		float: left;
		margin-top: 0;
		margin-left: 70px;
		position: relative;
		top: 0;
		right: 0;
		text-align: left;
	}
	#buddypress ul.item-list li div.item-desc {
		clear: left;
		float: left;
		margin: 10px 0 0;
		width: auto;
	}
	#buddypress li div.item {
		margin-left: 70px;
		width: auto;
	}
	#buddypress ul.item-list li div.meta {
		margin-top: 0;
	}
	#buddypress .item-desc p {
		margin: 0 0 10px;
	}
	#buddypress div.pagination .pag-count {
		margin-left: 0;
	}
}

/*--------------------------------------------------------------
4.2 - Smartphones - smaller screen sizes
--------------------------------------------------------------*/
@media only screen and (max-width: 240px) {
	#buddypress div.dir-search {
		float: left;
		margin: 0;
	}
	#buddypress div.dir-search input[type="text"] {
		width: 50%;
	}
	#buddypress li#groups-order-select {
		float: left;
	}
	#buddypress ul.item-list li img.avatar {
		width: 30px;
		height: auto;
	}
	#buddypress ul.item-list li div.action,
	#buddypress li div.item{
		margin-left: 45px;
	}
	h1 a.bp-title-button {
		clear: left;
		float: left;
		margin: 10px 0 20px;
	}
}


/*------------------------------------------------------------------------------

This is the BuddyPress companion stylesheet for
the WordPress Flatastic theme.

This sheet supports the primary BuddyPress styles in buddypress.css

If you are running as a child theme of flatastic this stylesheet will be
loaded by default. If you want to modify the styles the normal BP Theme Compat
hierarchy works and you can copy the file to buddypress/css/ or community/css/
in your child themes root & either start over or modify the rulesets.

If you do not require the styles you can dequeue them from the themes functions file.

Please see this codex article for more information:
http://codex.buddypress.org/themes/buddypress-companion-stylesheets/

--------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
1.0 Theme Structural Elements & overrides
2.0 - Navigation - General
	2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
	2.2 - Pagination
3.0 - Images
4.0 - BP Lists / Loops Generic
	4.1 - Activity Loop
		4.1.1 Whats New Activity
		4.1.2 - Activity Listing
		4.1.3 - Activity Comments
	4.2 - Members Loop
	4.3 - Groups Loop
	4.4 - Blogs Loop
5.0 - Directories - Members, Groups, Blogs, Forums
6.0 - Single Item screens: User Account & Single Group Screens
	6.1 - Item Headers: Global
		6.1.1 - item-header: Groups
		6.1.2 - item-header: User Accounts
	6.2 - Item Body: Global
		6.2.1 - item-body: Groups
			6.2.1.1 - Management settings screens
			6.2.1.2 - Group members list
			6.2.1.3 - Group Send Invites
		6.2.2 - item-body: User Accounts
			6.2.2.1 - classes, pag, filters
			6.2.2.2 - Extended Profiles
			6.2.2.3 - Groups
			6.2.2.4 - friends
			6.2.2.5 - Private Messaging Threads
			6.2.2.6 - Settings
7.0 - Forms  -  General
8.0 - Tables -  General
9.0 - Error / Success Messages
10.0 - Ajax Loading, Widgets, General classes
------------------------------------------------------------------------------*/
/**
*-------------------------------------------------------------------------------
* @section 1.0 - Theme - Structural Elements & overrides
*-------------------------------------------------------------------------------
*/
#buddypress h1,
#buddypress h2,
#buddypress h3,
#buddypress h4,
#buddypress h5,
#buddypress h6 {
	clear: none;
}

.buddypress div.clear {
	display: none;
}

.buddypress main {
	padding-top: 4%;
}

@media screen and (min-width: 59.6875em) {
	.buddypress main {
		padding-top: 0;
	}
}

.buddypress main article {
	margin: 0 4%;
	padding-top: 8.3333%;
}

@media screen and (min-width: 59.6875em) {
	.buddypress main article {
		margin: 0 0 0 1px;
	}
}

@media screen and (min-width: 87.6875em) {
	.buddypress main article {
		margin: 0 4.3333% 0 8.3333%;
	}
}

.buddypress main article .entry-header,
.buddypress main article .entry-content {
	padding: 0 3rem 3rem 3rem;
}

.buddypress main article #buddypress {
	margin-bottom: 40px;
}

.buddypress .site-footer {
	margin: 0 4%;
}

@media screen and (min-width: 59.6875em) {
	.buddypress .site-footer {
		margin: 0 0 0 35.2941%;
		width: 61.8235%;
	}
}

/**
*-------------------------------------------------------------------------------
* @section 2.0 - Navigation - General
*-------------------------------------------------------------------------------
*/
.buddypress #buddypress .item-list-tabs a,
.buddypress #buddypress .activity-header a,
.buddypress #buddypress .activity-inner a,
.buddypress #buddypress .activity-comments a,
.buddypress #buddypress .item-title a,
.buddypress #buddypress .load-more a,
.buddypress #buddypress .field-visibility-settings-toggle a,
.buddypress #buddypress #latest-update a,
.buddypress #buddypress table a,
.buddypress #buddypress .avatar-nav-items a {
	border-bottom: 0;
}

.buddypress #buddypress .pagination-links a,
.buddypress #buddypress .pagination-links span {
	border-bottom: 0;
}

/**
*----------------------------------------------------------
* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
*
* The main navigational elements for all BP screens
*----------------------------------------------------------
*/
#buddypress {
	/*__ Horizontal menus __*/
}

#buddypress div.item-list-tabs ul li.selected a {
	background: #555;
	color: #fff;
	opacity: 1;
}

#buddypress div.item-list-tabs ul {
	background-color: #f7f7f7;
	border-bottom: 1px solid rgba(234, 234, 234, 0.9);
	border-top: 1px solid rgba(234, 234, 234, 0.9);
	overflow: hidden;
	padding: 5px 0;
}

#buddypress div.item-list-tabs ul li a span {
	border-radius: 25%;
}

#buddypress #object-nav ul {
	overflow: hidden;
}

#buddypress #object-nav ul li {
	float: none;
}

#buddypress #object-nav ul li:not(.selected) a {
	opacity: 0.7;
	font-weight: 500;
}

@media screen and (min-width: 38.75em) {
	#buddypress #object-nav ul li {
		float: left;
	}
}

#buddypress div#subnav.item-list-tabs {
	margin-top: 0;
}

#buddypress div#subnav.item-list-tabs ul {
	background-color: #f7f7f7;
	border-bottom: 0;
	padding: 0;
}

#buddypress div#subnav.item-list-tabs ul li.last {
	background: #fff;
	margin-top: 0;
	padding: 5px 5px 5px 0;
	width: 100%;
}

#buddypress div#subnav.item-list-tabs ul li.last select,
#buddypress div#subnav.item-list-tabs ul li.last select:focus {
	background: transparent;
	border: 0;
	outline: 0;
}

#buddypress div#subnav.item-list-tabs ul li.last select,
#buddypress div#subnav.item-list-tabs ul li.last label,
#buddypress div#subnav.item-list-tabs ul li.last option {
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;
}

#buddypress div#subnav.item-list-tabs ul li.last select {
	font-style: italic;
}

@media screen and (min-width: 38.75em) {
	#buddypress div#subnav.item-list-tabs ul li.last {
		text-align: right;
	}
}


#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
	background: #555;
	color: #fff;
	opacity: 1;
}

/*__ Vertical menu User Account / Group single screens __*/
@media screen and (min-width: 55em) {
	.bp-user #buddypress,
	.single-item.groups #buddypress {
		/*background: #f7f7f7;*/
	}
	#buddypress #item-header,
	#buddypress #item-body {
		background: #fff;
	}
	#buddypress #object-nav {
		border-right: 1px solid #ddd;
		float: left;
		margin-right: -1px;
		width: 300px;
	}
	#buddypress #object-nav ul {
		border-bottom: 0;
		padding: 0;
	}
	#buddypress #object-nav ul li {
		float: none;
		overflow: hidden;
	}
	#buddypress #object-nav ul li span {
		background: #fff;
		border-radius: 10%;
		float: right;
		margin-right: 2px;
		margin-top: -4px;
	}
	#buddypress #item-body {
		border-left: 1px solid #ddd;
		overflow: hidden;
		padding: 0 20px 20px 20px;
		width: auto;
	}
	#buddypress #item-body #subnav {
		margin: 0 0 0 -20px;
	}
}

/**
*----------------------------------------------------------
* @section 2.2 - Pagination
*----------------------------------------------------------
*/
#buddypress div.pagination {
	box-shadow: none;
}

#buddypress div.pagination .pag-count {
	margin-left: 0;
}

#buddypress div.pagination .pagination-links {
	margin-right: 0;
}

#buddypress div.pagination .pagination-links span,
#buddypress div.pagination .pagination-links a {
	height: auto;
	line-height: 1;
	padding: 5px;
}

#buddypress div.pagination .pagination-links .prev,
#buddypress div.pagination .pagination-links .next {
	background-color: transparent;
	color: inherit;
	overflow: visible;
	width: auto;
}

#buddypress div.pagination .pagination-links .prev:before,
#buddypress div.pagination .pagination-links .next:before {
	display: none;
}

#buddypress div.pagination .pagination-links .prev {
	left: auto;
	position: static;
}

#buddypress div.pagination .pagination-links .next {
	position: static;
	right: auto;
}

/**
*-------------------------------------------------------------------------------
* @section 4.0 - BP Lists / Loops Generic
*-------------------------------------------------------------------------------
*/
#buddypress .item-list .activity-header,
#buddypress .item-list .activity-meta {
	font-family: "Noto Sans", sans-serif;
}

#buddypress ul.item-list li {
	overflow: hidden !important;
}

#buddypress ul.item-list li .item-avatar {
	margin-bottom: 10px;
	text-align: center;
}

@media screen and (min-width: 38.75em) {
	#buddypress ul.item-list li .item-avatar {
		margin-bottom: 0;
	}
}

#buddypress ul.item-list li .item-avatar a {
	border-bottom: 0;
}

#buddypress ul.item-list li .item-avatar img.avatar {
	display: inline-block;
	float: none;
}

@media screen and (min-width: 38.75em) {
	#buddypress ul.item-list li .item-avatar img.avatar {
		display: block;
		float: left;
	}
}

#buddypress ul.item-list li .item {
	margin-left: 25%;
}

#buddypress ul.item-list li .item span.activity {
	font-style: italic;
}

#buddypress ul.item-list li .item .item-desc {
	margin-left: 0;
	width: 70%;
}

@media screen and (min-width: 59.6875em) {
	#buddypress ul.item-list li .item-avatar,
	#buddypress ul.item-list li .item,
	#buddypress ul.item-list li .action {
		float: left;
	}
	#buddypress ul.item-list li .item {
		left: 5%;
		margin-left: 0;
		position: relative;
		width: 55%;
	}
}

#buddypress ul.item-list li div.action {
	clear: left;
	float: none;
	margin-bottom: -20px;
	margin-left: 0;
	padding: 20px 0 5px;
	position: relative;
	text-align: left;
	top: 0;
}

@media screen and (min-width: 59.6875em) {
	#buddypress ul.item-list li div.action {
		clear: none;
		float: right;
		margin-bottom: 0;
		padding: 0;
	}
}

#buddypress ul.item-list li div.action div {
	display: inline-block;
	margin: 10px 0;
	width: 100%;
}

#buddypress ul.item-list li div.action div a {
	display: block;
	width: 100%;
}

@media screen and (min-width: 38.75em) {
	#buddypress ul.item-list li div.action div {
		margin: 0 10px 10px 0;
		width: auto;
	}
}

@media screen and (min-width: 59.6875em) {
	#buddypress ul.item-list li div.action div {
		clear: right;
		float: right;
		margin: 0 0 10px 0;
	}
}

#buddypress ul.item-list li div.action .meta {
	font-style: italic;
}

/**
*----------------------------------------------------------
* @section 4.1 - Activity
*----------------------------------------------------------
*/
/**
*-----------------------------------------------------
* @section 4.1.1 - Activity Whats New
*-----------------------------------------------------
*/
#buddypress form#whats-new-form p.activity-greeting {
	line-height: 1.4;
}

#buddypress form#whats-new-form textarea {
	width: 100%;
}

@media screen and (max-width: 30em) {
	#buddypress form#whats-new-form #whats-new-post-in-box select {
		font-size: 14px;
		font-size: 1.4rem;
		max-width: 120px;
	}
}

@media screen and (max-width: 38.75em) {
	#buddypress form#whats-new-form #whats-new-content {
		clear: left;
		margin: 10px 0 40px;
		padding: 10px 0 0;
	}
	#buddypress form#whats-new-form #whats-new-content #whats-new-submit {
		float: none;
	}
	#buddypress form#whats-new-form #whats-new-content #whats-new-submit input {
		width: 100%;
	}
	#buddypress form#whats-new-form #whats-new-options {
		display: flex;
		flex-direction: column;
	}
	#buddypress form#whats-new-form #whats-new-options #whats-new-submit {
		order: 2;
	}
	#buddypress form#whats-new-form #whats-new-options #whats-new-post-in-box {
		order: 1;
	}
}

#buddypress form#whats-new-form #whats-new-options[style] {
	min-height: 6rem;
	overflow: visible;
}

#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
	border: 1px solid rgba(153, 153, 153, 0.5);
	float: left;
	line-height: 1.5em;
	margin-top: 12px;
	padding-left: 0.2em;
	width: 100%;
}

#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
	background: none;
	border: 0;
	float: right;
	margin: 0;
	min-height: 1.5em;
	outline: 0;
	padding-left: 0.4em;
}

@media screen and (min-width: 30em) {
	#buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
		width: auto;
	}
	#buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
		float: right;
	}
}

#buddypress #item-body form#whats-new-form {
	margin: 40px 0;
}

/**
*-----------------------------------------------------
* @section 4.1.2 - Activity Listing
*-----------------------------------------------------
*/
#buddypress #activity-stream li {
	padding: 25px 20px 15px;
}

#buddypress #activity-stream li .activity-avatar {
	float: none;
	text-align: center;
}

#buddypress #activity-stream li .activity-avatar a {
	display: inline-block;
}

#buddypress #activity-stream li .activity-avatar a img.avatar {
	display: inline;
	float: none;
	height: 60px;
	margin-bottom: 20px;
	margin-left: 0;
	width: 60px;
}

#buddypress #activity-stream li .activity-content {
	margin-left: 0;
}

#buddypress #activity-stream li .activity-content .activity-header {
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (min-width: 46.25em) {
	#buddypress #activity-stream li .activity-avatar {
		float: left;
		/*margin-right: 10px;*/
		text-align: left;
	}
	#buddypress #activity-stream li .activity-avatar a {
		border-bottom: 0;
	}
	#buddypress #activity-stream li .activity-content {
		margin: 0;
		overflow: hidden;
	}
	#buddypress #activity-stream li .activity-content .activity-header {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

#buddypress #activity-stream li.mini .activity-avatar a img.avatar {
	height: 30px;
	margin-left: 15px;
	width: 30px;
}

#buddypress #activity-stream li.mini .activity-content .activity-header {
	font-size: 13px;
	font-size: 1.3rem;
}

#buddypress #activity-stream .activity-content {
	margin-top: -12px;
}

#buddypress #activity-stream .activity-content .activity-header {
	line-height: inherit;
	margin-right: 0;
}

#buddypress #activity-stream .activity-content .activity-header p {
	background-color: #f7f7f7;
	border: 1px solid rgba(234, 234, 234, 0.6);
	padding: 0.3em;
}

#buddypress #activity-stream .activity-content .activity-header img.avatar {
	display: inline-block;
	margin-bottom: 0 !important;
}

#buddypress #activity-stream .activity-content .activity-meta a {
	display: block;
	margin: 0 0 5px;
}

@media screen and (min-width: 38.75em) {
	#buddypress #activity-stream .activity-content .activity-meta a {
		display: inline-block;
		margin: 0;
	}
}

#buddypress #activity-stream .load-more {
	background: #f7f7f7;
	border: 1px solid transparent;
	padding: 10px;
}

#buddypress #activity-stream .load-more:focus,
#buddypress #activity-stream .load-more:hover {
	background: #f4f4f4;
	border: 1px solid rgba(159, 209, 226, 0.3);
}

#buddypress #activity-stream .load-more:focus a,
#buddypress #activity-stream .load-more:hover a {
	font-style: italic;
}

#buddypress #activity-stream .load-more a {
	display: block;
}

/* Single activity view  - activity permalink */
.activity-permalink #buddypress {
	/*background: none;*/
}

.activity-permalink #buddypress #activity-stream li.activity-item {
	padding: 20px;
}

.activity-permalink #buddypress #activity-stream li.mini .activity-header {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

@media screen and (min-width: 46.25em) {
	.activity-permalink #buddypress #activity-stream li.mini .activity-header {
		font-size: 20px;
		font-size: 2rem;
	}
}

.activity-permalink #buddypress #activity-stream li.mini .activity-header p {
	padding: 20px;
}

/**
*-----------------------------------------------------
* @section 4.1.3 - Activity Comments
*-----------------------------------------------------
*/
#buddypress #activity-stream .activity-comments {
	margin: 10px 0 0;
}

#buddypress #activity-stream .activity-comments.has-comments {
	border-left: 1px solid #eaeaea;
}

#buddypress #activity-stream .activity-comments .ac-form {
	padding: 20px 0 0;
}

#buddypress #activity-stream .activity-comments > ul {
	background: rgba(247, 247, 247, 0.6);
	margin: 15px 0 0 2px;
}

@media screen and (min-width: 38.75em) {
	#buddypress #activity-stream .activity-comments > ul {
		margin-left: 70px;
	}
}

#buddypress #activity-stream .activity-comments > ul ul {
	margin-left: 1%;
	padding-left: 0;
}

@media screen and (min-width: 30em) {
	#buddypress #activity-stream .activity-comments > ul ul {
		margin-left: 1%;
		padding-left: 1em;
	}
}

#buddypress #activity-stream .activity-comments > ul ul li {
	border-left: 1px solid #eaeaea;
	border-top: 0;
	padding-left: 0.2em;
}

#buddypress #activity-stream .activity-comments > ul .acomment-meta {
	border-bottom: 1px solid #eaeaea;
	font-style: italic;
}

@media screen and (max-width: 38.75em) {
	#buddypress #activity-stream .activity-comments > ul .acomment-avatar {
		display: block;
		text-align: center;
	}
	#buddypress #activity-stream .activity-comments > ul .acomment-avatar a,
	#buddypress #activity-stream .activity-comments > ul .acomment-avatar img.avatar {
		display: inline;
		float: none;
	}
	#buddypress #activity-stream .activity-comments > ul .acomment-content,
	#buddypress #activity-stream .activity-comments > ul .acomment-meta,
	#buddypress #activity-stream .activity-comments > ul .acomment-options {
		margin: 5px;
	}
	#buddypress #activity-stream .activity-comments > ul .acomment-content {
		padding: 0 10px;
	}
}

#buddypress #activity-stream .activity-comments .ac-reply-avatar {
	display: none;
}

#buddypress #activity-stream .activity-comments .ac-reply-content {
	margin-left: 0;
	padding-left: 0;
}

@media screen and (min-width: 38.75em) {
	#buddypress #activity-stream .activity-comments .ac-reply-avatar {
		display: block;
	}
	#buddypress #activity-stream .activity-comments .ac-reply-content {
		overflow: hidden;
	}
}

#buddypress #activity-stream .activity-comments .ac-form input[type="submit"],
#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
	color: rgba(51, 51, 51, 0.8);
	display: inline-block;
	font-family: inherit;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.2;
	padding: 4px 10px;
	text-transform: lowercase;
	width: 100px;
}

#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel {
	border: 1px solid rgba(153, 153, 153, 0.7);
	text-align: center;
}

#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:focus,
#buddypress #activity-stream .activity-comments .ac-form .ac-reply-cancel:hover {
	background: #ededed;
}

/**
*----------------------------------------------------------
* @section 4.2 - Members Loop
*----------------------------------------------------------
*/
@media screen and (min-width: 59.6875em) {
	#buddypress #members-list li .item-avatar,
	#buddypress #members-list li .item {
		float: left;
	}
	#buddypress #members-list li .action {
		float: right;
	}
}

/**
*-------------------------------------------------------------------------------
* @section 6.0 - Single Item screens: User Account & Single Group Screens
*-------------------------------------------------------------------------------
*/
/**
*-----------------------------------------------------------
* @subsection 6.1 - Item Header Global
*-----------------------------------------------------------
*/
@media screen and (max-width: 46.25em) {
	.bp-user main header.entry-header,
	.single-item.groups main header.entry-header {
		padding-bottom: 1rem;
	}
}

@media screen and (max-width: 38.75em) {
	.bp-user h1,
	.bp-user #item-header-content,
	.single-item.groups h1,
	.single-item.groups #item-header-content {
		text-align: center;
	}
}

@media screen and (max-width: 46.25em) {
	.bp-user #buddypress #item-header .generic-button,
	.single-item.groups #buddypress #item-header .generic-button {
		float: none;
		margin: 1.5em 0 0 0;
	}
}

@media screen and (max-width: 38.75em) {
	.bp-user #buddypress h1,
	.single-item.groups #buddypress h1 {
		margin-bottom: 0;
	}
	.bp-user #buddypress #item-header-avatar img.avatar,
	.single-item.groups #buddypress #item-header-avatar img.avatar {
		margin-right: 0;
	}
	.bp-user #buddypress #item-header-content,
	.single-item.groups #buddypress #item-header-content {
		width: 100%;
	}
}

/**
*-----------------------------------------------------
* @subsection 6.1.1 - item-header Groups
*
* Group Specific Item Header
*-----------------------------------------------------
*/
@media screen and (max-width: 46.25em) {
	.single-item.groups #buddypress #item-header #item-meta {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 38.75em) {
	.single-item.groups #buddypress div#item-header {
		display: flex;
		flex-direction: column;
	}
	.single-item.groups #buddypress div#item-header #item-header-avatar {
		order: 1;
		text-align: center;
	}
	.single-item.groups #buddypress div#item-header #item-header-avatar a {
		border-bottom: 0;
	}
	.single-item.groups #buddypress div#item-header #item-header-avatar a img {
		display: inline-block;
		float: none;
	}
	.single-item.groups #buddypress div#item-header #item-header-content {
		order: 2;
	}
	.single-item.groups #buddypress div#item-header #item-actions {
		order: 3;
	}
}

.single-item.groups #buddypress div#item-header {
	padding-bottom: 40px;
}

.single-item.groups #buddypress div#item-header div#item-actions {
	margin: 0;
	width: 100%;
}

@media screen and (min-width: 38.75em) {
	.single-item.groups #buddypress div#item-header div#item-actions {
		clear: none;
		float: right;
		width: 50%;
	}
}

.single-item.groups #buddypress div#item-header div#item-actions h3 {
	background: #555;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0.2em;
}

@media screen and (min-width: 46.25em) {
	.single-item.groups #buddypress div#item-header div#item-actions h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 46.25em) {
	.single-item.groups #buddypress div#item-header #item-header-avatar,
	.single-item.groups #buddypress div#item-header #item-header-content {
		float: left;
	}
	.single-item.groups #buddypress div#item-header #item-header-avatar {
		width: 21%;
	}
	.single-item.groups #buddypress div#item-header #item-header-content {
		margin-left: 4%;
		width: 40%;
	}
	.single-item.groups #buddypress div#item-header div#item-actions {
		float: right;
		width: 28%;
	}
}

/**
*-----------------------------------------------------
* @subsection 6.1.2 - Item Header User Accounts
*
* User Accounts Specific Item Header
*-----------------------------------------------------
*/
.bp-user #buddypress #item-header {
	padding: 20px;
}

.bp-user #buddypress #item-header #item-header-avatar {
	text-align: center;
	width: 100%;
}

.bp-user #buddypress #item-header #item-header-avatar img.avatar,
.bp-user #buddypress #item-header #item-header-avatar a {
	border-bottom: 0;
	display: inline-block;
	float: none;
}

@media screen and (min-width: 46.25em) {
	.bp-user #buddypress #item-header #item-header-avatar {
		float: left;
		width: 20%;
	}
	.bp-user #buddypress #item-header #item-header-avatar img.avatar,
	.bp-user #buddypress #item-header #item-header-avatar a {
		float: left;
		width: 100%;
	}
	.bp-user #buddypress #item-header #item-header-content {
		float: right;
		margin-right: 5%;
		width: 69%;
	}
}

/**
*-----------------------------------------------------------
* @subsection 6.2 - Item Body: Global
*-----------------------------------------------------------
*/
#item-body h1,
#item-body h2,
#item-body h3,
#item-body h4,
#item-body h5,
#item-body h6 {
	margin: 1em 0;
}

#item-body h1 a,
#item-body h2 a,
#item-body h3 a,
#item-body h4 a,
#item-body h5 a,
#item-body h6 a {
	border-bottom: 0;
}

/**
*----------------------------------------------------
* @subsection 6.2.1 - Item Body Groups
*
* Groups specific item body rules -  screens
*----------------------------------------------------
*/
/**
*-----------------------------------------
* @subsection 6.2.1.1 - Group Management
*-----------------------------------------
*/
.groups #group-settings-form h4 {
	background: #555;
	color: #fff;
	padding: 0.2em;
}

.groups #group-settings-form #request-list h4 {
	background: none;
	color: inherit;
}

.groups.edit-details #group-settings-form label {
	background: #555;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	background-clip: padding-box;
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	padding: 0.2em;
	width: 80%;
}

@media screen and (min-width: 38.75em) {
	.groups.edit-details #group-settings-form label {
		width: 60%;
	}
}

.groups.edit-details #group-settings-form textarea + p label {
	background: none;
	color: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	width: auto;
}

.groups.group-settings #group-settings-form div.radio label,
.groups.group-settings #create-group-form div.radio label {
	border: 1px solid #eaeaea;
	padding: 0.2em;
}

.groups.group-settings #group-settings-form div.radio ul,
.groups.group-settings #create-group-form div.radio ul {
	color: rgba(51, 51, 51, 0.6);
	font-size: 14px;
	font-size: 1.4rem;
}

.groups.group-avatar form > p {
	margin-top: 20px;
}

.groups.manage-members #group-settings-form .item-list li {
	border-bottom: 1px solid #eaeaea;
}

.groups.manage-members #group-settings-form .item-list li img,
.groups.manage-members #group-settings-form .item-list li h5 {
	float: left;
}

.groups.manage-members #group-settings-form .item-list li img > a,
.groups.manage-members #group-settings-form .item-list li h5 > a {
	border-bottom: 0;
}

.groups.manage-members #group-settings-form .item-list li span.small {
	clear: left;
	display: block;
	float: none;
	margin-top: 10px;
}

.groups.manage-members #group-settings-form .item-list li span.small a {
	display: inline-block;
	margin: 5px 0;
	width: 100%;
}

@media screen and (min-width: 38.75em) {
	.groups.manage-members #group-settings-form .item-list li span.small a {
		width: auto;
	}
}

.groups.manage-members #group-settings-form .item-list li h5 {
	margin: 0;
}

/**
*-----------------------------------------
* @subsection 6.2.1.2 - Group members
*-----------------------------------------
*/
/* Members loop */
@media screen and (max-width: 30em) {
	.groups.group-members #buddypress #members-group-list li > a {
		border-bottom: 0;
		display: block;
		margin-bottom: 10px;
		text-align: center;
	}
	.groups.group-members #buddypress #members-group-list li > a img.avatar {
		display: inline;
		float: none;
	}
}

.groups.group-members #buddypress #members-group-list li h5 {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
}

@media screen and (min-width: 59.6875em) {
	.groups.group-members #buddypress #members-group-list li h5 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.groups.group-members #buddypress #members-group-list li h5 a {
	border-bottom: 0;
}

.groups.group-members #buddypress #members-group-list li span.activity {
	font-size: 12px;
	font-size: 1.2rem;
}

.groups.group-members #buddypress #members-group-list li .action {
	top: 0;
}

.groups.group-members #subnav li {
	width: 100%;
}

@media screen and (max-width: 38.75em) {
	.groups.group-members #subnav li {
		background: #fff;
		padding: 20px 0;
	}
}

.groups.group-members #subnav li #search-members-form {
	float: right;
	margin: 5px 5px 0 0;
}

@media screen and (max-width: 38.75em) {
	.groups.group-members #subnav li #search-members-form {
		margin: 0;
		width: 100%;
	}
	.groups.group-members #subnav li #search-members-form label input[type="text"] {
		width: 100%;
	}
}

/**
*-----------------------------------------
* @subsection 6.2.1.3 - Group Send Invites
*-----------------------------------------
*/
.groups.group-invites #item-body .item-list .action {
	margin-bottom: 0;
}

@media screen and (min-width: 46.25em) {
	.groups.group-invites #buddypress #item-body #message {
		margin-top: 0;
	}
}

@media screen and (min-width: 55em) {
	.groups.group-invites #buddypress #send-invite-form {
		margin-top: 0;
	}
}

@media screen and (max-width: 46.25em) {
	.groups.group-invites #item-body .left-menu {
		float: none;
		margin: 10px 0;
	}
	.groups.group-invites #item-body .left-menu #invite-list {
		height: auto;
		width: auto;
	}
	.groups.group-invites #item-body .main-column {
		margin-left: 0;
	}
	.groups.group-invites #item-body .submit input {
		display: inline-block;
		width: 100%;
	}
}

/**
*-----------------------------------------------------
* @subsection 6.2.2 - Item Body User Accounts
*
* User Account specific item body rules
*-----------------------------------------------------
*/
.bp-user .entry-title {
	margin-bottom: 0.5em;
}

/**
*--------------------------------------------
* @subsection 6.2.2.1 - classes, pag, filters
*--------------------------------------------
*/
.bp-user #buddypress table th {
	font-size: 14px;
	font-size: 1.4rem;
}

.bp-user #buddypress table td {
	font-size: 12px;
	font-size: 1.2rem;
}

@media screen and (min-width: 46.25em) {
	.bp-user #buddypress table th {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.bp-user #buddypress table td {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 77.5em) {
	.bp-user #buddypress table th {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 6px;
	}
	.bp-user #buddypress table td {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 6px;
	}
}

.bp-user #buddypress .pag-count {
	font-style: italic;
}

.bp-user #buddypress .notifications-options-nav,
.bp-user #buddypress .messages-options-nav {
	float: left;
	width: 100%;
}

@media screen and (min-width: 30em) {
	.bp-user #buddypress .notifications-options-nav,
	.bp-user #buddypress .messages-options-nav {
		width: 50%;
	}
}

.bp-user #buddypress .notifications-options-nav select,
.bp-user #buddypress .notifications-options-nav input,
.bp-user #buddypress .messages-options-nav select,
.bp-user #buddypress .messages-options-nav input {
	font-size: 14px;
	font-size: 1.4rem;
	outline: 0;
	padding: 0;
}

.bp-user #buddypress .notifications-options-nav select,
.bp-user #buddypress .messages-options-nav select {
	float: left;
	margin-right: 0;
	width: 100%;
}

@media screen and (min-width: 30em) {
	.bp-user #buddypress .notifications-options-nav select,
	.bp-user #buddypress .messages-options-nav select {
		width: 60%;
	}
}

.bp-user #buddypress .notifications-options-nav input,
.bp-user #buddypress .messages-options-nav input {
	float: right;
	font-family: "Noto Serif", serif;
	line-height: 1.5;
	margin-top: 10px;
	width: 100%;
}

.bp-user #buddypress .notifications-options-nav input[disabled]:hover,
.bp-user #buddypress .messages-options-nav input[disabled]:hover {
	background: none;
}

@media screen and (min-width: 30em) {
	.bp-user #buddypress .notifications-options-nav input,
	.bp-user #buddypress .messages-options-nav input {
		margin-top: 0;
		width: 38%;
	}
}

/**
	*-------------------------------------------
	* @subsection 6.2.2.2 - Extended Profiles
	*-------------------------------------------
	*/
.bp-user #buddypress .profile .bp-widget h4 {
	background: #6e6e6e;
	color: #fff;
	margin-bottom: 0;
	padding: 0.4em;
}

.bp-user #buddypress .profile .bp-widget table {
	margin-top: 0;
}

/* Edit Profile */
.bp-user #buddypress .profile #profile-edit-form .button-nav:before,
.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
	content: " ";
	display: table;
}

.bp-user #buddypress .profile #profile-edit-form .button-nav:after {
	clear: both;
}

.bp-user #buddypress .profile #profile-edit-form ul.button-nav {
	border-bottom: 1px solid #eaeaea;
	margin-left: 0;
}

.bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
	float: left;
	margin-bottom: 0;
}

.bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
	border: 1px solid #eaeaea;
	border-bottom-color: #fff;
	margin-bottom: -1px;
}

.bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
	background: none;
	border: 0;
	font-size: 18px;
	font-size: 1.8rem;
}

.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
	font-size: 14px;
	font-size: 1.4rem;
}

.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
	background: #555;
	color: #fff;
	padding: 0.2em 0.5em;
}

.bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
	font-size: inherit;
}

/**
	*-------------------------------------------
	* @subsection 6.2.2.3 - Groups
	*-------------------------------------------
	*/
@media screen and (min-width: 77.5em) {
	.bp-user #buddypress #groups-list li .item {
		left: 5%;
		width: 50%;
	}
}

/**
	*-------------------------------------------
	* @subsection 6.2.2.5 - Private Messaging
	*-------------------------------------------
	*/
.bp-user #buddypress {
	/* Auto Complete background */
	/* Sitewide Notices loop */
}

.bp-user #buddypress #message-thread a {
	border-bottom: 0;
}

.bp-user #buddypress #message-thread #message-subject {
	background: #6e6e6e;
	color: #fff;
	padding: 0.3em 0 0.3em 0.2em;
}

.bp-user #buddypress #message-thread #message-recipients {
	font-style: italic;
}

.bp-user #buddypress #message-thread #message-recipients a.confirm {
	border: 1px solid #eaeaea;
	font-style: normal;
}

.bp-user #buddypress #message-thread .message-metadata {
	overflow: hidden;
}

.bp-user #buddypress #message-thread .message-metadata img.avatar {
	float: none;
}

@media screen and (min-width: 46.25em) {
	.bp-user #buddypress #message-thread .message-metadata img.avatar {
		float: left;
	}
}

.bp-user #buddypress #message-thread .message-metadata .message-star-actions {
	float: right;
	margin-right: 5px;
	position: static;
}

.bp-user #buddypress #message-thread .message-content {
	background: #f7f7f7;
	border: 1px solid #eaeaea;
	margin: 10px 0 0 0;
	padding: 0.3em;
}

.bp-user #buddypress #message-thread #send-reply .message-content {
	background: #fff;
	border: 0;
}

.bp-user #buddypress #message-thread .alt {
	background: #fff;
}

.bp-user #buddypress #message-threads thead tr {
	background: #6e6e6e;
}

.bp-user #buddypress #message-threads tr td {
	background: #fff;
	display: inline-block;
	float: left;
}

.bp-user #buddypress #message-threads tr td.thread-star,
.bp-user #buddypress #message-threads tr td.thread-options {
	border-bottom-color: #b7b7b7;
	border-bottom-width: 2px;
	height: 2.4em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

@media screen and (max-width: 46.25em) {
	.bp-user #buddypress #message-threads tr td.thread-star,
	.bp-user #buddypress #message-threads tr td.thread-options {
		padding-top: 0;
	}
}

.bp-user #buddypress #message-threads tr td.bulk-select-check,
.bp-user #buddypress #message-threads tr td.thread-from {
	height: 2.6em;
}

@media screen and (max-width: 38.75em) {
	.bp-user #buddypress #message-threads tr td.bulk-select-check,
	.bp-user #buddypress #message-threads tr td.thread-from {
		height: 5.2em;
	}
}

.bp-user #buddypress #message-threads tr td.thread-from,
.bp-user #buddypress #message-threads tr td.thread-options {
	border-left: 0 !important;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	margin-left: 0;
}

.bp-user #buddypress #message-threads tr td.thread-info {
	padding-left: 41px;
	width: 100%;
}

.bp-user #buddypress #message-threads tr td.thread-info a::after {
	content: " –  " attr(title);
	font-size: 12px;
	font-size: 1.2rem;
}

.bp-user #buddypress #message-threads tr td.thread-options {
	text-align: right;
}

.bp-user #buddypress #message-threads tr td.thread-options a {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.2;
}

.bp-user #buddypress #message-threads tr span.from {
	display: none;
}

.bp-user #buddypress #message-threads tr span.activity {
	display: block;
	float: right;
	line-height: 2;
}

@media screen and (max-width: 38.75em) {
	.bp-user #buddypress #message-threads tr span.activity {
		clear: both;
		font-size: 11px;
		font-size: 1.1rem;
		width: 100%;
	}
}

.bp-user #buddypress #message-threads tr.unread td {
	background: #dce5ff;
	border-bottom-color: #b7b7b7;
	border-color: #d1d1d1;
}

.bp-user #buddypress #message-threads th {
	display: none;
}

.bp-user #buddypress #message-threads th.bulk-select-all {
	border-bottom: 0;
	display: inline-block;
	text-align: left;
}

.bp-user #buddypress #message-threads th.bulk-select-all,
.bp-user #buddypress #message-threads td.bulk-select-check,
.bp-user #buddypress #message-threads td.thread-star {
	border-right: 0;
	width: 30px;
}

.bp-user #buddypress .acfb-holder li.friend-tab {
	margin-right: 0;
}

.bp-user #buddypress .acfb-holder li.friend-tab a {
	border-bottom: 0;
}

.bp-user #buddypress .acfb-holder li.friend-tab a img {
	display: inline;
	height: 20px;
	margin-right: 0.5em;
	width: 20px !important;
}

.bp-user #buddypress #message-threads.sitewide-notices td {
	width: 100%;
}

.bp-user #buddypress #message-threads.sitewide-notices td strong {
	background: #6e6e6e;
	color: #fff;
	display: block;
	margin-bottom: 0.4em;
	padding-left: 0.2em;
}

.bp-user #buddypress #message-threads.sitewide-notices td a {
	display: inline-block;
}

.bp-user #buddypress #message-threads.sitewide-notices td:first-child {
	display: none;
}

.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td {
	border-bottom: 0;
}

.bp-user #buddypress #message-threads.sitewide-notices td:first-child + td + td span {
	line-height: 1;
}

.bp-user #buddypress #message-threads.sitewide-notices td:last-child {
	border-bottom-color: #b7b7b7;
	line-height: 1;
	text-align: right;
}

.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child {
	line-height: 0;
	margin-left: 0.7em;
	text-indent: -999em;
}

.bp-user #buddypress #message-threads.sitewide-notices td:last-child a:last-child::after {
	content: attr(title);
	display: block;
	line-height: initial;
	text-indent: 0;
}

/**
	*------------------------------
	* @subsection 6.2.2.6 - Settings
	*------------------------------
	*/
.bp-user #buddypress #settings-form > p {
	font-size: 20px;
	font-size: 2rem;
	margin: 20px 0 10px;
}

.bp-user #buddypress table.notification-settings th.title {
	width: 75%;
}

.bp-user #buddypress table.notification-settings td.yes,
.bp-user #buddypress table.notification-settings td.no {
	vertical-align: middle;
}

.bp-user #buddypress table.profile-settings {
	width: 100%;
}

.bp-user #buddypress table.profile-settings th.field-group-name,
.bp-user #buddypress table.profile-settings td.field-name {
	width: 50%;
}

@media screen and (min-width: 46.25em) {
	.bp-user #buddypress table.profile-settings th.field-group-name,
	.bp-user #buddypress table.profile-settings td.field-name {
		width: 70%;
	}
}

.bp-user #buddypress table.profile-settings th.title,
.bp-user #buddypress table.profile-settings td.field-visibility {
	width: 30%;
}

.bp-user #buddypress table.profile-settings td.field-visibility select {
	width: 100%;
}

/**
*-------------------------------------------------------------------------------
* @section 7.0 - Forms  - General
*-------------------------------------------------------------------------------
*/
#buddypress div.activity-comments form .ac-textarea {
	background: #f7f7f7;
	border: 1px solid rgba(153, 153, 153, 0.3);
}

#buddypress div.activity-comments form .ac-textarea textarea {
	background: none;
	border: 0;
}

#buddypress select {
	border: 1px solid rgba(153, 153, 153, 0.5);
}

#buddypress .standard-form li,
#buddypress .group-create-form li {
	float: none;
}

#buddypress .standard-form input[type='text'],
#buddypress .standard-form textarea,
#buddypress .group-create-form input[type='text'],
#buddypress .group-create-form textarea {
	width: 100%;
}

#buddypress div.dir-search,
#buddypress div.message-search,
#buddypress
li.groups-members-search {
	float: none;
	margin: 10px;
}

#buddypress div.dir-search form,
#buddypress div.message-search form,
#buddypress
li.groups-members-search form {
	border: 1px solid rgba(153, 153, 153, 0.4);
	overflow: hidden;
}

#buddypress div.dir-search form label,
#buddypress div.message-search form label,
#buddypress
li.groups-members-search form label {
	float: left;
	width: 80%;
}

#buddypress div.dir-search form input[type='text'],
#buddypress div.message-search form input[type='text'],
#buddypress
li.groups-members-search form input[type='text'] {
	float: left;
	margin: 0;
	width: 80%;
}

#buddypress div.dir-search form input[type='text'],
#buddypress div.dir-search form input[type='submit'],
#buddypress div.message-search form input[type='text'],
#buddypress div.message-search form input[type='submit'],
#buddypress
li.groups-members-search form input[type='text'],
#buddypress
li.groups-members-search form input[type='submit'] {
	font-size: 14px;
	font-size: 1.4rem;
	border: 0;
	line-height: inherit;
}

#buddypress div.dir-search form input[type='text'],
#buddypress div.message-search form input[type='text'],
#buddypress
li.groups-members-search form input[type='text'] {
	border-right: 1px solid rgba(153, 153, 153, 0.4);
	padding: 0.2em 0 0.2em 0.2em;
}

#buddypress div.dir-search form input[type='submit'],
#buddypress div.message-search form input[type='submit'],
#buddypress
li.groups-members-search form input[type='submit'] {
	float: right;
	font-weight: normal;
	padding: 0.2em 1em;
	text-align: center;
	text-transform: none;
	width: 20%;
}

@media screen and (min-width: 38.75em) {
	#buddypress div.dir-search,
	#buddypress div.message-search,
	#buddypress li.groups-members-search {
		float: right;
	}
	#buddypress div.dir-search form label,
	#buddypress div.dir-search form input[type='text'],
	#buddypress div.dir-search form input[type='submit'],
	#buddypress div.message-search form label,
	#buddypress div.message-search form input[type='text'],
	#buddypress div.message-search form input[type='submit'],
	#buddypress li.groups-members-search form label,
	#buddypress li.groups-members-search form input[type='text'],
	#buddypress li.groups-members-search form input[type='submit'] {
		width: auto;
	}
}

@media screen and (min-width: 77.5em) {
	#buddypress .dir-search form input[type='text'],
	#buddypress .message-search form input[type='text'] {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#buddypress .dir-search form input[type='submit'],
	#buddypress .message-search form input[type='submit'] {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/**
*-------------------------------------------------------------------------------
* @section 8.0 - Tables - General
*-------------------------------------------------------------------------------
*/
#buddypress table {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 20px 0 10px 0;
}

#buddypress table tr th {
	background: #6e6e6e;
	border-color: #b7b7b7;
	color: #fff;
	padding: 8px;
	font-weight: 400;
}

#buddypress table p {
	margin-bottom: 0.5em;
}

@media screen and (min-width: 55em) {
	#buddypress table {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/*__ User Account tables __*/
#buddypress .notifications th,
#buddypress .messages-notices th {
	width: 30%;
}

#buddypress .notifications th.bulk-select-all,
#buddypress .messages-notices th.bulk-select-all {
	text-align: center;
	width: 10%;
}

#buddypress .notifications .bulk-select-check,
#buddypress .notifications .thread-star,
#buddypress .messages-notices .bulk-select-check,
#buddypress .messages-notices .thread-star {
	text-align: center;
}

#buddypress .notifications .notification-actions,
#buddypress .notifications td.thread-options,
#buddypress .messages-notices .notification-actions,
#buddypress .messages-notices td.thread-options {
	text-align: center;
}

#buddypress .notifications .notification-actions a,
#buddypress .notifications td.thread-options a,
#buddypress .messages-notices .notification-actions a,
#buddypress .messages-notices td.thread-options a {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#buddypress .notifications td .button,
#buddypress .messages-notices td .button {
	border: 0;
	display: block;
	padding: 0;
	text-align: center;
}

/**
*-------------------------------------------------------------------------------
* @section 9.0 - Error / Success messages
*-------------------------------------------------------------------------------
*/
#buddypress #item-body div#message {
	margin-top: 20px;
}

@media screen and (min-width: 55em) {
	#buddypress #item-body div#message {
		margin-right: 20px;
	}
}

#buddypress div#message p {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#buddypress div#message.info p {
	background: #c6e4ee;
	border: 1px solid #78bed6;
	color: #1e5264;
}

#buddypress div#message.updated p {
	background: #dee6b2;
	border: 1px solid #becc66;
	color: #454d19;
}

.delete-group #buddypress div#message.info p {
	background: #db7e7e;
	border: 1px solid #be3535;
	color: #1f0808;
}

/**
*-------------------------------------------------------------------------------
* @section 10.0 - Ajax Loading, Widgets, General classes
*-------------------------------------------------------------------------------
*/
#buddypress {
	overflow: hidden;
	margin-bottom: 70px;
	text-align: left;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10);
			box-shadow: 0 1px 1px rgba(0,0,0,.10);
	-webkit-border-radius: 4px;
			border-radius: 4px;
}

#buddypress .acfb-holder li.friend-tab {
	background: #9fd1e2;
	border: inherit;
}
