/**
 * This CSS file was auto-generated via PostCSS
 *
 * Contributors should avoid editing this file, but instead edit the associated
 * src/resources/postcss/ file. For more information, check out our engineering
 * docs on how we handle CSS in our engineering docs.
 *
 * @see: http://moderntribe.github.io/products-engineering/css/
 */

#tribe-app-shop {
	max-width: 960px;
}
#tribe-app-shop .addon-grid {
	width: 100%;
}
#tribe-app-shop .header h1 {
	display: inline-block;
}
#tribe-app-shop .header .button {
	margin-top: 10px;
}
#tribe-app-shop .tribe-addon {
	background-color: #fff;
	border-bottom: 1px solid #dfdfdf;
	display: inline-block;
	margin: 0 15px 15px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	vertical-align: top;
	width: 300px;
	border-radius: 3px 3px 3px 3px;
	box-sizing: border-box;
}
#tribe-app-shop .tribe-addon h4 {
	font-size: 1.17em;
	margin: 15px 0;
}
#tribe-app-shop .tribe-addon h4 a {
	text-decoration: none;
}
#tribe-app-shop .tribe-addon .button {
	bottom: 15px;
	display: block;
	position: absolute;
	width: 123px;
}
#tribe-app-shop .tribe-addon .button-disabled {
	padding-left: 3px;
	width: 100px;
}
#tribe-app-shop .tribe-addon .button-disabled .dashicons {
	font-size: 28px;
	padding-right: 9px;
}
#tribe-app-shop .tribe-addon .caption {
	padding: 0 15px 45px 15px;
}
#tribe-app-shop .tribe-addon .thumb img {
	height: 228px;
	max-width: 100%;
	width: 300px;
}
#tribe-app-shop .tribe-addon.first {
	margin: 20px 0;
	overflow: hidden;
	padding: 0;
	width: 937px;
}
#tribe-app-shop .tribe-addon.first h4 {
	font-size: 20px;
	line-height: 1.4;
	margin: 15px 0 0 0;
}
#tribe-app-shop .tribe-addon.first .caption {
	display: inline-block;
	padding-left: 20px;
	width: 600px;
}
#tribe-app-shop .tribe-addon.first .thumb {
	float: left;
	height: 228px;
	width: 300px;
}
