body, .site {
	overflow-x: hidden;
}

.sprh-hero {
	margin-bottom: 2.618em;
	text-align: center;
	background-position: center center;
	position: relative;
	margin-left: -1.618em;
	margin-right: -1.618em;
}

.sprh-hero .sprh-featured-image img {
	margin: 0 auto 1.618em;
	display: block;
}

.sprh-hero .star-rating {
	margin: 0 auto 1.618em;
}

.sprh-hero p.more-details, .sprh-hero p.add_to_cart_inline {
	display: block;
	text-align: left;
}

.sprh-hero p.add_to_cart_inline {
	border: 0 !important;
	padding: 0 !important;
	line-height: 2.618;
}

.sprh-hero p.add_to_cart_inline:before, .sprh-hero p.add_to_cart_inline:after {
	content: "";
	display: table;
}

.sprh-hero p.add_to_cart_inline:after {
	clear: both;
}

.sprh-hero p.add_to_cart_inline .amount {
	font-weight: 700;
}

.sprh-hero p.add_to_cart_inline .button {
	float: left;
	margin-right: 1em;
	line-height: 1.618;
}

.sprh-hero .overlay {
	padding: 2.618em;
}

.sprh-hero .col-full {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.sprh-hero.fixed {
	margin-left: auto;
	margin-right: auto;
}

.sprh-hero h3 {
	font-weight: 700;
	font-size: 2.617924em;
	line-height: 1.214;
	letter-spacing: -1px;
}

.sprh-hero p:last-child {
	margin-bottom: 0;
}

.page-template-template-homepage .site-main .sprh-hero:first-child {
	margin-top: -4.236em;
}

/* Remove negative margin when there's a WooCommerce notice */
.woocommerce + #primary #main .sprh-hero:first-child {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.sprh-hero {
		margin-bottom: 4.236em;
		margin-left: -2.618em;
		margin-right: -2.618em;
	}
	
	.sprh-hero .overlay {
		padding: 9.505em;
	}
	
	.sprh-hero.left p, .sprh-hero.left h3 {
		margin-left: 0;
		margin-right: 40%;
	}
	
	.sprh-hero.right p, .sprh-hero.right h3 {
		margin-right: 0;
		margin-left: 40%;
	}
	
	.sprh-hero p, .sprh-hero h3 {
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.sprh-hero.sprh-layout-left, .sprh-hero.sprh-layout-right {
		text-align: left;
	}
	
	.sprh-hero.sprh-layout-left .col-full:before, .sprh-hero.sprh-layout-left .col-full:after, .sprh-hero.sprh-layout-right .col-full:before, .sprh-hero.sprh-layout-right .col-full:after {
		content: "";
		display: table;
	}
	
	.sprh-hero.sprh-layout-left .col-full:after, .sprh-hero.sprh-layout-right .col-full:after {
		clear: both;
	}
	
	.sprh-hero.sprh-layout-left p, .sprh-hero.sprh-layout-left h3, .sprh-hero.sprh-layout-left .sprh-featured-image img, .sprh-hero.sprh-layout-left .star-rating, .sprh-hero.sprh-layout-right p, .sprh-hero.sprh-layout-right h3, .sprh-hero.sprh-layout-right .sprh-featured-image img, .sprh-hero.sprh-layout-right .star-rating {
		margin-left: 0;
		margin-right: 0;
	}
	
	.sprh-hero.sprh-layout-left .sprh-featured-image {
		width: 39.13043%;
		float: right;
		margin-right: 0;
	}
	
	.sprh-hero.sprh-layout-left .sprh-hero-content-wrapper {
		width: 56.52174%;
		float: left;
		margin-right: 4.34783%;
	}
	
	.sprh-hero.sprh-layout-right .sprh-featured-image {
		width: 39.13043%;
		float: left;
		margin-right: 4.34783%;
	}
	
	.sprh-hero.sprh-layout-right .sprh-hero-content-wrapper {
		width: 56.52174%;
		float: right;
		margin-right: 0;
	}
	
	body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-left.fixed .overlay, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-left.full .overlay, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-right.fixed .overlay, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-right.full .overlay, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-center.fixed .overlay, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-center.full .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-left.fixed .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-left.full .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-right.fixed .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-right.full .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-center.fixed .overlay, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-center.full .overlay, .textwidget .sprh-hero.sprh-layout-left.fixed .overlay, .textwidget .sprh-hero.sprh-layout-left.full .overlay, .textwidget .sprh-hero.sprh-layout-right.fixed .overlay, .textwidget .sprh-hero.sprh-layout-right.full .overlay, .textwidget .sprh-hero.sprh-layout-center.fixed .overlay, .textwidget .sprh-hero.sprh-layout-center.full .overlay, .page-description .sprh-hero.sprh-layout-left.fixed .overlay, .page-description .sprh-hero.sprh-layout-left.full .overlay, .page-description .sprh-hero.sprh-layout-right.fixed .overlay, .page-description .sprh-hero.sprh-layout-right.full .overlay, .page-description .sprh-hero.sprh-layout-center.fixed .overlay, .page-description .sprh-hero.sprh-layout-center.full .overlay, .term-description .sprh-hero.sprh-layout-left.fixed .overlay, .term-description .sprh-hero.sprh-layout-left.full .overlay, .term-description .sprh-hero.sprh-layout-right.fixed .overlay, .term-description .sprh-hero.sprh-layout-right.full .overlay, .term-description .sprh-hero.sprh-layout-center.fixed .overlay, .term-description .sprh-hero.sprh-layout-center.full .overlay {
		padding: 2.618em;
	}
	
	body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-left.full, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-right.full, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-center.full, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-left.full, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-right.full, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-center.full, .textwidget .sprh-hero.sprh-layout-left.full, .textwidget .sprh-hero.sprh-layout-right.full, .textwidget .sprh-hero.sprh-layout-center.full, .page-description .sprh-hero.sprh-layout-left.full, .page-description .sprh-hero.sprh-layout-right.full, .page-description .sprh-hero.sprh-layout-center.full, .term-description .sprh-hero.sprh-layout-left.full, .term-description .sprh-hero.sprh-layout-right.full, .term-description .sprh-hero.sprh-layout-center.full {
		margin-left: 0;
		margin-right: 0;
	}
	
	body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-left p, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-left h3, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-right p, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-right h3, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-center p, body:not(.page-template-template-fullwidth-php) .entry-content .sprh-hero.sprh-layout-center h3, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-left p, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-left h3, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-right p, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-right h3, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-center p, body:not(.storefront-full-width-content) .entry-content .sprh-hero.sprh-layout-center h3, .textwidget .sprh-hero.sprh-layout-left p, .textwidget .sprh-hero.sprh-layout-left h3, .textwidget .sprh-hero.sprh-layout-right p, .textwidget .sprh-hero.sprh-layout-right h3, .textwidget .sprh-hero.sprh-layout-center p, .textwidget .sprh-hero.sprh-layout-center h3, .page-description .sprh-hero.sprh-layout-left p, .page-description .sprh-hero.sprh-layout-left h3, .page-description .sprh-hero.sprh-layout-right p, .page-description .sprh-hero.sprh-layout-right h3, .page-description .sprh-hero.sprh-layout-center p, .page-description .sprh-hero.sprh-layout-center h3, .term-description .sprh-hero.sprh-layout-left p, .term-description .sprh-hero.sprh-layout-left h3, .term-description .sprh-hero.sprh-layout-right p, .term-description .sprh-hero.sprh-layout-right h3, .term-description .sprh-hero.sprh-layout-center p, .term-description .sprh-hero.sprh-layout-center h3 {
		margin-left: 0;
		margin-right: 0;
	}
	
	/**
	 * Storefront Designer integration
	 */
	.sd-fixed-width .sprh-hero {
		margin-left: 0;
		margin-right: 0;
	}
	
	.sd-fixed-width .sprh-hero.full {
		margin-left: -5.4285em;
		margin-right: -5.4285em;
	}
	
	.page-template-template-homepage .sprh-hero.fixed .overlay {
		padding: 4.236em;
	}
}

@media screen and (min-width: 1024px) {
	.sprh-hero {
		margin-left: -55em;
		margin-right: -55em;
	}
}