/* Admin bar */
.admin-bar .wpbf-menu-off-canvas,
.admin-bar .wpbf-menu-full-screen {
	margin-top: 32px;
}

/* Video shortcode */
.wpbf-video-opt-in {
	padding: 40px;
	background: $base-color-alt;
	img {
		width: 800px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	p:last-child {
		margin-bottom: 0;
	}
}

.wpbf-responsive-embed.opt-in {
	display: none;
}

/* Blog layouts */
.wpbf-post-grid {
	padding-left: 0;
	.wpbf-article-wrapper {
		margin-bottom: 20px;
		article {
			height: 100%;
			margin-bottom: 0;
		}
	}
}

.wpbf-post-grid-masonry {
	.wpbf-article-wrapper {
		article {
			height: auto;
		}
	}
}

/* Social media icons */
.wpbf-social-icons {
	display: inline-block;
	a {
		display: inline-block;
		margin: 3px;
	}
}

.wpbf-social-icons.wpbf-social-shape-plain a {
	margin: 6px;
}

.wpbf-social-shape-rounded a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: $base-color-alt;
	@include border-radius(100%);
}

.wpbf-social-shape-rounded.wpbf-social-size-large a {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.wpbf-social-shape-boxed a {
	@include transition(all 0.2s);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: $base-color-alt;
}

.wpbf-social-shape-boxed.wpbf-social-size-large a {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.wpbf-social-style-brand {
	.wpbf-social-facebook {
		color: #3b5998;
		&:hover {
			color: rgba(#3b5998,.7);
		}
	}
	.wpbf-social-twitter {
		color: #1da1f2;
		&:hover {
			color: rgba(#1da1f2,.7);
		}
	}
	.wpbf-social-google {
		color: #dd4b39;
		&:hover {
			color: rgba(#dd4b39,.7);
		}
	}
	.wpbf-social-pinterest {
		color: #bd081c;
		&:hover {
			color: rgba(#bd081c,.7);
		}
	}
	.wpbf-social-youtube {
		color: #cd201f;
		&:hover {
			color: rgba(#cd201f,.7);
		}
	}
	.wpbf-social-instagram {
		color: #405de6;
		&:hover {
			color: rgba(#405de6,.7);
		}
	}
	.wpbf-social-vimeo {
		color: #1ab7ea;
		&:hover {
			color: rgba(#1ab7ea,.7);
		}
	}
	.wpbf-social-soundcloud {
		color: #ff8800;
		&:hover {
			color: rgba(#ff8800,.7);
		}
	}
	.wpbf-social-linkedin {
		color: #0077b5;
		&:hover {
			color: rgba(#0077b5,.7);
		}
	}
	.wpbf-social-yelp {
		color: #d32323;
		&:hover {
			color: rgba(#d32323,.7);
		}
	}
	.wpbf-social-behance {
		color: #1769ff;
		&:hover {
			color: rgba(#1769ff,.7);
		}
	}
	.wpbf-social-spotify {
		color: #1db954;
		&:hover {
			color: rgba(#1db954,.7);
		}
	}
	.wpbf-social-reddit {
		color: #ff4500;
		&:hover {
			color: rgba(#ff4500,.7);
		}
	}
	.wpbf-social-rss {
		color: #f26522;
		&:hover {
			color: rgba(#f26522,.7);
		}
	}
	.wpbf-social-github {
		color: #333;
		&:hover {
			color: rgba(#333,.7);
		}
	}
	.wpbf-social-messenger {
		color: #0084ff;
		&:hover {
			color: rgba(#0084ff,.7);
		}
	}
	.wpbf-social-whatsapp {
		color: #25d366;
		&:hover {
			color: rgba(#25d366,.7);
		}
	}
	.wpbf-social-snapchat {
		color: #fffc00;
		&:hover {
			color: rgba(#fffc00,.7);
		}
	}
	.wpbf-social-xing {
		color: #026466;
		&:hover {
			color: rgba(#026466,.7);
		}
	}
	.wpbf-social-tiktok {
		color: #000000;
		&:hover {
			color: rgba(#000000,.7);
		}
	}
	.wpbf-social-patreon {
		color: #f96854;
		&:hover {
			color: rgba(#f96854,.7);
		}
	}
	.wpbf-social-dribbble {
		color: #ea4c89;
		&:hover {
			color: rgba(#ea4c89,.7);
		}
	}
	.wpbf-social-dribbble {
		color: #35465c;
		&:hover {
			color: rgba(#35465c,.7);
		}
	}
}

.wpbf-social-style-filled:not(.wpbf-social-shape-plain) {
	a {
		color: #fff;
	}
	.wpbf-social-facebook {
		background: #3b5998;
		&:hover {
			background: rgba(#3b5998,.7);
		}
	}
	.wpbf-social-twitter {
		background: #1da1f2;
		&:hover {
			background: rgba(#1da1f2,.7);
		}
	}
	.wpbf-social-google {
		background: #dd4b39;
		&:hover {
			background: rgba(#dd4b39,.7);
		}
	}
	.wpbf-social-pinterest {
		background: #bd081c;
		&:hover {
			background: rgba(#bd081c,.7);
		}
	}
	.wpbf-social-youtube {
		background: #cd201f;
		&:hover {
			background: rgba(#cd201f,.7);
		}
	}
	.wpbf-social-instagram {
		background: #405de6;
		&:hover {
			background: rgba(#405de6,.7);
		}
	}
	.wpbf-social-vimeo {
		background: #1ab7ea;
		&:hover {
			background: rgba(#1ab7ea,.7);
		}
	}
	.wpbf-social-soundcloud {
		background: #ff8800;
		&:hover {
			background: rgba(#ff8800,.7);
		}
	}
	.wpbf-social-linkedin {
		background: #0077b5;
		&:hover {
			background: rgba(#0077b5,.7);
		}
	}
	.wpbf-social-yelp {
		background: #d32323;
		&:hover {
			background: rgba(#d32323,.7);
		}
	}
	.wpbf-social-behance {
		background: #1769ff;
		&:hover {
			background: rgba(#1769ff,.7);
		}
	}
	.wpbf-social-spotify {
		background: #1db954;
		&:hover {
			background: rgba(#1db954,.7);
		}
	}
	.wpbf-social-reddit {
		background: #ff4500;
		&:hover {
			background: rgba(#ff4500,.7);
		}
	}
	.wpbf-social-rss {
		background: #f26522;
		&:hover {
			background: rgba(#f26522,.7);
		}
	}
	.wpbf-social-github {
		background: #333;
		&:hover {
			background: rgba(#333,.7);
		}
	}
	.wpbf-social-messenger {
		background: #0084ff;
		&:hover {
			background: rgba(#0084ff,.7);
		}
	}
	.wpbf-social-whatsapp {
		background: #25d366;
		&:hover {
			background: rgba(#25d366,.7);
		}
	}
	.wpbf-social-snapchat {
		background: #fffc00;
		&:hover {
			background: rgba(#fffc00,.7);
		}
	}
	.wpbf-social-xing {
		background: #026466;
		&:hover {
			background: rgba(#026466,.7);
		}
	}
	.wpbf-social-tiktok {
		background: #000000;
		&:hover {
			background: rgba(#000000,.7);
		}
	}
	.wpbf-social-patreon {
		background: #f96854;
		&:hover {
			background: rgba(#f96854,.7);
		}
	}
	.wpbf-social-dribbble {
		background: #ea4c89;
		&:hover {
			background: rgba(#ea4c89,.7);
		}
	}
	.wpbf-social-tumblr {
		background: #35465c;
		&:hover {
			background: rgba(#35465c,.7);
		}
	}
}

.wpbf-social-style-grey a {
	color: #aaa;
	&:hover {
		color: rgba(#aaa,.7);
	}
}

/* Footer */
.wpbf-widget-footer {
	background: $base-color-alt;
	.wpbf-footer-widget {
		margin-bottom: 20px;
	}
}

/* WooCommerce */

// Quick view.
// This is here because even with the Woo styles disabled, this is present on every page.
.wpbf-woo-quick-view-modal {
	display: none;
}

/* Related Posts */

// Grid.
.wpbf-related-posts-grid {
	padding: 0;
	li {
		list-style: none;
	}
	.wp-post-image,
	.article-meta {
		margin-bottom: 10px;
	}
}