// BP Blogs loop.
// @version 3.0.0

.buddypress-wrap {

	.blogs-list { // ul

		li {

			.item-avatar {

				img.avatar-150 {
					max-width: 150px;
					max-height: 150px;
				}

				img.avatar-50 {
					max-width: 50px;
					max-height: 50px;
				}
			}

			@include medium-up() {

				.item-block {
					float: none;
					width: auto;
				}

				.item-meta {
					clear: left;
					float: none;
				}
			} // close @media

		} // close li

	} // close .blogs-list
}

// If BP Dir Navs are selected as vertical
// We need to just adjust the loop item elements a little
// to cope with the decreased width.

@include medium-up() {

	.buddypress-wrap {

		.bp-dir-vert-nav {

			.blogs-list {

				.list-title {
					width: auto;
				}
			}
		}
	}
}