/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.grve-mc-shortcode-button .grve-mc-add-collection {
	margin-left: 10px;
}

.grve-mc-shortcode-button-singular .grve-mc-add-wishlist,
.grve-mc-shortcode-button-singular .grve-mc-add-collection {
	margin-left: 10px;
}

.grve-mc-shortcode-button-singular {
	font-size: 20px;
	line-height: 40px;
}

/* =============================================================================
- Wishlist Counter
============================================================================= */

.grve-header-element .grve-mc-wishlist-count,
.grve-header-element .grve-mc-collection-count {
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	top: -5px;
	right: -5px;
	position: absolute;
}

/* =============================================================================
- Top Collection / Wishlist
============================================================================= */
.grve-mc-top-list ul {
	margin: 0;
	list-style: none;
}

.grve-mc-top-list li {
	margin-bottom: 18px;
}

.grve-mc-top-list li:last-child {
	margin-bottom: 0;
}

.grve-mc-top-list-number {
	width: 10%;
}
.grve-mc-top-list .grve-post-thumb {
	width: 30%;
}
.grve-mc-top-list-content {
	width: 50%;
}

.grve-mc-top-list li a,
.grve-mc-top-list-number,
.grve-mc-top-list-content {
    display: inline-block;
    vertical-align: middle;
}
.grve-mc-top-list li img {
	width: 150px;
}