/*
 * bp-nouveau styling: invite members, sent invites
 * @version 3.0.0
 */
.buddypress {

	.bp-invites-content {

		ul.item-list {
			border-top: 0;

			> li {
				border: 1px solid $light-grey;
				margin: 0 0 1%;
				padding: 10px;
				position: relative;
				width: auto;
				transition: 0.3s;
				min-height: 70px;

				.item{
					float: left;

					.list-title{
						text-align: start;
					}
				}

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

				.avatar{
					display: block;
				}

				.action {
					position: absolute;
					top: 50%;
					right: 10px;
					transform: translateY(-50%);
					text-align: center;
				}

				button.invite-button span.icons{
					width: 30px;
					height: 30px;
					line-height: 30px;
					display: block;

					&:before{
						font-style: 20px;
					}
				}

				a.button.invite-button {
					border: 0;

					&:focus,
					&:hover {
						color: #1fb3dd;
					}
				}

			} // close li

			> li.selected {
				background: #ebffd4;
				border-color: #8BC34A;
				@include box-shadow(inset 0 0 12px 0 #ccf59d );
			}

		} // close ul

		.item-list .item-meta span,
		.group-inviters li {
			color: $light-text;
		}

		li {

			.item .item-meta{
				margin-bottom: 0;
				text-align: start;
			}

			ul.group-inviters {
				clear: both;
				margin: 0;
				overflow: hidden;

				li {
					border: 0;
					float: left;
					margin: 0;
					padding: 0;
					line-height: 30px;

					@include font-size(13) ;
					width: inherit;

					.avatar{
						margin-left: 5px;
					}
				}
			} // close .group-inviters

			.status {

				@include font-size(13);
				font-style: italic;
				clear: both;
				color: $bp-text;
				margin: $marg-sml 0 0;
			}

		} // close li

		@include clearfix-element("#send-invites-editor ul");

		#send-invites-editor {

			textarea {
				width: 100%;
			}

			ul {
				clear: both;
				list-style: none;
				margin: $marg-sml 0;

				li {
					float: left;
					margin: 0.5%;
					max-height: 50px;
					max-width: 50px;
				}
			} // ul

			#bp-send-invites-form {
				clear: both;
				margin-top: $marg-sml;
			}

			.action {
				margin-top: $marg-sml;
				padding-top: 10px;
			}

		} // close #send-invites-editor

		#send-invites-editor.bp-hide {
			display: none;
		}

		@include medium-up() {

			ul.item-list {

				> li {

					@include box-model();
					border: 1px solid #eaeaea;
					float: left;
					width: 49.5%;

					&:nth-child(odd) {
						margin-right: 0.5%;
					}

					&:nth-child(even) {
						margin-left: 0.5%;
					}
				} // close  li

			} // ul

		} // close @media

	} // close bp-invites-content
}

@include medium-up() {

	.item-body #group-invites-container {
		.bp-invites-nav{
			border-width: 0;
			box-shadow: none;

			.count{
				position: static;
			}
		}
	}

	:not(.vertical) + .item-body #group-invites-container {

		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 25% auto;
		grid-template-columns: 25% auto;
		grid-template-areas: "group-invites-nav group-invites-column";

		.bp-invites-nav {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			grid-area: group-invites-nav;

			li {
				display: block;
				float: none;
			}
		}

		.group-invites-column {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
			grid-area: group-invites-column;
		}
	}
}

