// BP Single Screens Item Header General Styles.
// @version 3.0.0

#buddypress {
	#item-header-avatar{
		width: 100%;

		img{
			float: none;
			display: inline-block;
			margin: 0 0 20px;
			box-shadow: 0 0 0 5px rgba(#000000, 0.05);
		}
	}

	#item-header-content {
		width: 100%;

		p{
			display: inline-block;
		}

		p.activity{
			text-decoration: underline;
			color: rgba(255,255,255,0.7);
		}
	}

	#item-header-content,
	#item-actions,
	.desc-wrap > .group-description{
		color: #ffffff;
		text-shadow: 0 0 4px rgba(#000000, 0.6);
	}

	#item-meta {
		overflow: hidden;
		margin: 15px 0 0 0;
		padding: 0 30px;

		p{
			margin: 10px 0 0;
		}
	}

	#latest-update a{
		color: $brand-color;
		font-size: 80%;

		&:before{
			content: " - ";
		}
	}

	#item-actions {
		margin-bottom: 30px;

		h3,
		h2 {
			@include font-size(14);
			font-weight: normal;
			display: inline-block;
			margin: 10px;
			line-height: 30px;
		}

		ul{
			display: inline-block;
			margin: 0 ;
			vertical-align: middle;

			li{
				margin: 0;
			}

			img{
				border-radius: 50%;
			}
		}
	}

	#item-header{
		h2 {
			line-height: 120%;
			margin: 0 0 5px 0;
			direction: ltr;

			a {
				color: #767676;
				text-decoration: none;
			}
		}

		ul {
			margin-bottom: 15px;
			overflow: hidden;
			text-align: center;

			h5,
			span,
			hr {
				display: none;
			}

			li {
				float: none;
				display: inline-block;
				list-style: none;
			}

			img.avatar,
			&.avatars img.avatar {
				height: 30px;
				margin: 2px;
				width: 30px;
			}
		}

		.generic-button,
		a.button {
			margin: 10px 5px;
			display: inline-block;
		}

		.generic-button a,
		.generic-button button{
			padding: 2px 10px;
			background-color: transparent;
			color: #fff;
		}
	}

	body.no-js & .js-self-profile-button {
		display:none;
	}

	#item-header{
		text-align: center;
		position: relative;

		&:after {
			clear: both;
			content: "";
			display: table;
		}

		.bp-feedback{
			background: #fff;
			color: #000;
		}

		.bp-feedback.info {
			line-height: 80%;
		}

		.bp-feedback:not(.bp-sitewide-notice){
			position: absolute;
			bottom: 10px;
			left: 50%;
			width: 95%;
			transform: translateX(-50%);
			z-index: 1;

			p{
				padding-right: 20px;
			}
		}

		.bp-sitewide-notice{
			border-color: $loading;
			background: lighten($loading, 20%);
			margin: $marg-lrg auto;
			text-align: start;
			max-width: 1170px;

			button[data-bp-close]{
				background: transparent;

				span:before{
					font-size: 25px;
				}
			}
		}
	}
}
