/**
 * Colorful Style Pack
 *
 */

/**
 * Typography
 */

body,
button,
input,
select,
textarea {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.75;
}

body,
button,
input,
select,
textarea,
.post-navigation a,
.site-description,
.post-navigation a span,
.comment-actions,
.comment-navigation,
#wp-calendar tfoot a,
.single-product div.product .comment-reply-title,
form,
input {
	font-family: Merriweather, Lora, Garamond, "Hoefler Text", Times New Roman, Times, serif
}

@media (min-width: 600px) {
	.page-content, .entry-content, .entry-summary, .comment-body {
		margin: 0;
		font-size: 18px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.contact-info-area,
.site-title,
.main-navigation a,
.menu-toggle,
.hero-area-title,
.ent-title,
.entry-meta,
.entry-meta a,
.entry-links,
.edit-link,
.comment-author .fn,
.comment-metadata, .reply,
#cancel-comment-reply-link,
.archive .page-title,
.search .page-title,
.error404 .page-title,
.post-navigation a span,
.posts-navigation a,
.comment-navigation,
.comments-title,
.comment-reply-title,
#infinite-handle span,
.site-info,
.woocommerce-tabs ul.tabs li a,
.woocommerce-MyAccount-navigation,
.site-header-cart .cart-contents,
.onsale,
th,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: "Open Sans", Futura, "Century Gothic", AppleGothic, sans-serif;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
.archive .page-title,
.search .page-title,
.comment-header,
.site-title,
.entry-title {
	text-transform: none;
}

p {
	margin-bottom: 1.75em;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span,
.posts-navigation {
	background-color: #bd4d35;
	border-style: none;
	color: #fff;
	font-size: 14px;
}

/**
 * Colours
 */
body,
.widget-area {
	background: #fff;
	color: #343434;
}

.site-header {
	margin-top: 0;
	margin-bottom: 32px;
}

.header-wrapper,
.site-footer {
	background: #fbf0ee;
	text-align: center;
	position: relative;
	z-index: 1;
}

.header-wrapper {
	position: static;
	border: none;
}

.header-wrapper:before,
.site-header:before,
.header-wrapper:after,
.site-header:after {
	display: none;
}

.header-diagonal-bg {
	background: inherit;
	border-radius: 0;
	display: block;
	height: 200px;
	top: 50%;
	left: 0;
	position: absolute;
	right: 0;
	transform: skew(0deg, -2deg) translate3d( 0, 0, 0);
	transform-origin: 100%;
	width: 100%;
	z-index: -1;
}

/* Site footer */
.site-info {
	font-size: 12px;
	padding-top: 32px;
}
.site-info .sep {
	opacity: 0.4;
}

.site-footer {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.928;
	padding: 0;
}

.site-footer:before {
	background: inherit;
	bottom: 25px;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	transform: skewY(-2deg);
	transform-origin: 100% 0;
	z-index: -1;
}

#infinite-footer .container {
	background-color: #fbf0ee;
}

@media screen and (max-width: 768px) {
	.header-diagonal-bg {
		top: auto !important;
		bottom: -100px;
	}
}

@media screen and (min-width: 768px) {
	.site-header {
		display: block;
	}

	.header-wrapper {
		display: block;
	}

	.header-wrapper > *:nth-child(1):nth-last-child(4),
	.header-wrapper > *:nth-child(2):nth-last-child(3),
	.header-wrapper > *:nth-child(3):nth-last-child(2),
	.header-wrapper > *:nth-child(4):nth-last-child(1) {
		width: auto;
	}

	.header-wrapper > *:nth-child(1):nth-last-child(2) {
		padding: 32px 0;
	}

	.header-wrapper > *:nth-child(4):nth-last-child(1) {
		height: 200px;
	}

	.social-wrapper {
		display: block;
		padding-right: 0;
	}

	.site-header .jetpack-social-navigation {
		text-align: inherit;
	}

	.main-navigation li.current-menu-item ~ li.current-menu-item > a {
		color: #343434;
	}

	.site-info {
		padding-top: 64px;
	}

	.site-footer:before {
		bottom: 35px;
	}

}

@media screen and (min-width: 1024px) {
	.site-footer:before {
		bottom: 55px;
	}
}

@media screen and (min-width: 1600px) {
	.site-footer:before {
		bottom: 90px;
	}
}

.site-branding {
	background: #fbf0ee;
	padding: 32px 0;
}

.site-title,
.custom-logo-link,
.wp-custom-logo .custom-logo-link + .site-title {
	margin-top: 0;
}

.site-title a,
.site-title a:visited {
	color: #343434;
	text-decoration: none;
}

.site-description {
	color: #343434;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.143;
	margin: 0;
}

.main-navigation a {
	font-size: 15px;
	line-height: 1.067;
	padding-top: 8px;
	padding-bottom: 8px;
}

.main-navigation ul ul a {
	font-size: 14px;
	line-height: 1.143;
	padding-top: 11px;
	padding-bottom: 12px;
}

.menu-toggle,
.main-navigation a,
.main-navigation ul a,
.main-navigation ul ul a,
.site-header .jetpack-social-navigation a,
.site-header .jetpack-social-navigation a:visited {
	color: #343434;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active,
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
	color: #a54231;
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.main-navigation a {
		color: #343434;
	}

	a:hover + .dropdown-toggle,
	a:focus + .dropdown-toggle {
		color: #a54231
	}

	.menu-toggle {
		border: 1px solid rgba(0,0,0,0.15);
		margin-top: 0;
		margin-bottom: 0;
	}

	.main-navigation .sub-menu {
		padding-left: 0;
	}
}

@media screen and (min-width: 768px) {
	.site-title {
		font-size: 48px;
		font-size: 4.8rem;
		line-height: 1.334;
		margin-top: 0;
	}

	.main-navigation {
		padding-left: 0;
	}

	.main-navigation ul ul {
		background: #fff;
		border: 2px solid #c45f49;
	}

	.main-navigation ul ul ul {
		border: none;
	}

	.main-navigation ul ul li {
		border-top: 2px solid rgba(0,0,0,0.05);
	}

	.main-navigation ul ul a {
		color: #343434;
		text-transform: none;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		display: inline-block;
	}
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.site-header .jetpack-social-navigation a:hover,
.site-header .jetpack-social-navigation a:focus,
.site-header .jetpack-social-navigation a:focus .icon,
.site-header .jetpack-social-navigation a:active {
	opacity: 1;
	color: #bd4d35;
}

.social-wrapper {
	margin-bottom: 15px;
}

/* Contact info */
.contact-info-area {
	background: #fff;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding: 8px 0;
	margin: 0 auto;
}

.site-content ~ .contact-info-area {
	margin-bottom: 64px;
}

.site-content ~ .site-footer {
	margin-top: 64px;
}

.contact-info-area .icon {
	height: 16px;
	width: 16px;
}

/* Hero area */
.hero-area {
	z-index: 1;
}

.hero-area .button {
	background: #343434;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	padding: .8em 1.6em;
	text-transform: none;
}

.hero-area .button:hover {
	background: #fff;
	color: #343434;
}

.hero-area.has-post-thumbnail {
	align-items: flex-end;
}

.hero-area:before {
	z-index: -2;
}

.hero-area-wrapper {
	width: 100%;
	max-width: 100%;
	padding-top: 1.6em;
	padding-bottom: 3.2em;
}

.hero-area-wrapper:before {
	bottom: 62%;
	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	transform: skewY(-3deg);
	transform-origin: 100% 0;
	z-index: -1;
}

.hero-area-title,
.hero-area-content {
	text-shadow: 0.5px 1px 1px rgba(0, 0, 0, 0.35);
}

.home:not(.blog) .hero-area + .site-content .entry-title {
	padding-top: 0;
}

.home .site-main .entry-thumbnail:last-child {
	margin-bottom: 64px;
}

---
.hero-area {
	background: #a54231;
	padding-top: 54px;
}

.hero-area:not(.has-post-thumbnail) {
	overflow: hidden;
}

.hero-area:not(.has-post-thumbnail):before {
	display: none;
}

.hero-area:not(.has-post-thumbnail) .hero-area-wrapper {
	padding-top: 96px;
	padding-bottom: 96px;
}

.hero-area:not(.has-post-thumbnail) .hero-area-wrapper:before {
	background: rgba(255, 255, 255, 0.6);
	top: 290px;
	z-index: 0;
}

.hero-area:not(.has-post-thumbnail) .hero-area-wrapper:after {
	background: rgba(255,255,255,0.3);
	top: 412px;
	transform: skewY(-352deg);
	z-index: 1;
}

@media screen and (max-width: 767px){
	.hero-area-wrapper {
		padding: 1.6em 0;
	}
	.hero-area-wrapper:after,
	.hero-area-wrapper:before {
		display: none;
	}
}

@media screen and (min-width: 768px){
	.hero-area:not(.has-post-thumbnail) {
		height: auto;
	}

	.hero-area-wrapper,
	.hero-area-wrapper:before  {
		background: #a54231;
	}

	.hero-area-wrapper:after {
		background: rgba(255, 255, 255, 0.75);
		bottom: 19%;
		content: '';
		display: block;
		height: 50%;
		left: 0;
		position: absolute;
		right: 0;
		transform: skewY(-350deg);
		transform-origin: 100% 0;
		z-index: -2;
	}

	#small-business-hero-image {
		max-height: 704px;
		max-width: 954px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Post/Page content */
.site-content {
	z-index: auto;
}

.blog .hentry:after,
.archive .hentry:after,
.search .hentry:after,
.archive .page-header:after,
.search .page-header:after,
.hero-area + .site-content:before,
.site-content + .contact-info-area:before,
.widget-area:before {
	background:
	linear-gradient(45deg, #fff 25%, transparent 25%),
	linear-gradient(135deg, #fff 25%, transparent 25%) -7px 0,
	linear-gradient(225deg, #fff 25%, transparent 25%) -7px 0,
	linear-gradient(315deg, #fff 25%, transparent 25%);
	background-size: 14px 14px;
	background-color: #bd4d35;
	content: '';
	display: block;
	height: 14px;
	margin: 32px auto;
	width: 50px;
}

.single.no-featured-image .hentry,
.blog .hentry:first-of-type:not(.has-post-thumbnail) .entry-header,
.archive .page-header,
.search .page-header,
.page-template-default.no-featured-image .hentry {
	background: #fff;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	max-width: 94%;
}

.archive .page-header:after,
.search .page-header:after {
	margin-bottom: 0;
}

.archive .hentry:first-of-type {
	margin-top: 0;
}

.blog .hentry:last-of-type:after,
.search .hentry:last-of-type:after,
.archive .hentry:last-of-type:after {
	display: none;
}

.page .entry-title:before,
.single-post .entry-title:before {
	margin: 1.8em auto 0.8em;
}

.entry-title,
.page-title {
	margin: 0 auto 16px;
	padding: 32px 0 0;
}

.entry-thumbnail {
	max-width: 94%;
}

.entry-header {
	padding-bottom: 16px;
}

.page-header,
.page-content,
.entry-content,
.entry-summary,
.posts-navigation,
.comments-wrapper,
.respond-wrapper {
	margin-top: 0;
	margin-bottom: 32px;
	padding-top: 0;
	padding-bottom: 0;
}

.page-header {
	padding: 0 4%;
}

.archive .entry-content,
.blog .entry-content,
.archive .page-content {
	margin-bottom: 16px;
}

.archive-description {
	text-align: center;
}

.page-content > :last-child,
.entry-content > :last-child,
.entry-summary > :last-child,
.comment-content > :last-child,
.widget-column > :last-child {
	margin-bottom: 0;
}

.entry-footer {
	margin-top: 0;
	overflow: hidden;
	padding-left: 4%;
	padding-right: 4%;
}

.single .entry-footer {
	margin-top: 0;
}

.entry-author {
	border: none;
	background-color: #fbf0ee;
	margin: 0 0 32px;
	position: relative;
	padding: 16px;
}

.author-avatar {
	height: auto;
	left: 16px;
	margin-top: auto;
	-webkit-transform: none;
	ms-transform: none;
	transform: none;
	width: auto;
}

.author-avatar img {
	border-radius: 0;
	width: 60px;
}

.author-heading {
	margin-top: 0;
}

.author-title {
	line-height: 1.45;
	text-align: left;
}

.author-heading,
.author-bio {
	margin-left: 76px;
}

.author-avatar-hide .author-heading,
.author-avatar-hide .author-bio {
	margin-left: 0;
}

@media screen and (min-width: 600px) {
	.entry-author {
		padding: 32px;
	}

	.author-avatar {
		left: 32px;
	}

	.author-avatar img {
		width: 90px;
	}

	.author-heading,
	.author-bio {
		margin-left: 110px;
	}
}

.entry-footer {
	padding-top: 0;
}

.entry-footer span {
	margin: 0;
}

.cat-links,
.tags-links,
.edit-link {
	display: inline;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
}

.entry-links {
	padding-left: 0;
	padding-right: 0;
}

.entry-links,
.cat-links a,
.tags-links a,
.edit-link a {
	color: rgba(37,46,54,0.4);
}

.byline:before,
.comments-link:before,
.cat-links:before,
.tags-links:before,
.edit-link:before {
	color: rgba(37,46,54,0.15);
	content: "\2022";
	margin: 0 .4em;
}

.entry-links span:first-child:before,
.page .edit-link:before {
	display: none;
}

.cat-links .icon,
.tags-links .icon,
.edit-link .icon {
	display: none;
}

.post-navigation {
	font-size: 16px;
	margin-top: 29px;
}

.post-navigation .icon {
	fill: rgba(37,46,54,0.4);
}

.post-navigation a {
	color: #343434;
}

.post-navigation a span {
	color: rgba(37,46,54,0.4);
	clip: auto;
	display: block;
	font-size: 14px;
	height: auto;
	position: static !important;
	width: auto;
}

.comment-navigation {
	font-size: 14px;
}

#infinite-handle span,
.posts-navigation {
	border-radius: 3px;
	float: none;
	font-size: 14px;
	margin: 48px auto 64px;
	padding: 12px !important;
	width: 170px;
}

.posts-navigation {
	width: 280px;
}

.posts-navigation .nav-links .nav-previous:last-child {
	float: none;
	text-align: center;
	width: 100%;
}

@media (min-width: 600px) {
	.entry-header,
	.page-header {
		margin-bottom: 32px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.page-content,
	.entry-content,
	.entry-summary,
	.posts-navigation,
	.comments-wrapper,
	.respond-wrapper {
		margin-bottom: 48px;
		padding-bottom: 0;
	}

	.archive .entry-content,
	.blog .entry-content,
	.archive .page-content {
		margin-bottom: 32px;
	}

	.entry-thumbnail {
		max-width: 94%;
		text-align: center;
	}

	.post-navigation {
		padding-top: 32px;
	}

	.post-navigation .nav-next {
		padding-right: 2em !important;
		padding-left: 0;
	}

	.entry-links .post-navigation .nav-next .icon {
		left: auto !important;
		right: 0 !important;
	}

	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		text-align: left;
		width: 50%;
	}

	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	.pingback, .trackback {
		padding: 0;
	}

	.blog .hentry:after,
	.archive .hentry:after,
	.search .hentry:after,
	.archive .page-header:after,
	.search .page-header:after,
	.hero-area + .site-content:before,
	.site-content + .contact-info-area:before,
	.widget-area:before {
		margin: 48px auto;
	}
}

@media (min-width: 768px) {

	.archive .page-header,
	.search .page-header {
		margin: 0 auto;

	}

	.single.no-featured-image .entry-header,
	.blog .hentry:first-of-type:not(.has-featured-image) {
		background: #fff;
		margin-top: 0;
		width: 940px;
		max-width: 94%;
	}

	.custom-background.single.no-featured-image .entry-header,
	.custom-background.blog .hentry:first-of-type:not(.has-featured-image) {
		padding-bottom: 0.005em; /* triggers proper margin for the bottom decorative accent when a custom background is present */
	}

	.blog .hentry:first-of-type:not(.has-featured-image) .entry-header,
	.blog .hentry:first-of-type:not(.has-featured-image) .entry-content,
	.blog .hentry:first-of-type:not(.has-featured-image) .entry-footer,
	.single.no-featured-image .entry-header,
	.single.no-featured-image .entry-content,
	.single.no-featured-image .entry-footer,
	.page-template-default.no-featured-image .hentry .entry-header,
	.page-template-default.no-featured-image .hentry .entry-content,
	.page-template-default.no-featured-image .hentry .entry-footer {
		margin-left: auto;
		margin-right: auto;
		max-width: 740px;
	}

	.entry-title {
		padding-bottom: 16px;
	}

	.entry-title {
		line-height: 1.24;
	}

	.single .hentry,
	.page .hentry,
	.comments-area,
	.error-404.not-found,
	.no-results.not-found {
		margin-top: 0;
		margin-bottom: 64px;
	}

	.entry-footer {
		padding-left: 0;
		padding-right: 0;
	}

	.hentry,
	.comments-area,
	.error-404.not-found,
	.no-results.not-found {
		margin: 32px auto;
	}
}

@media screen and (min-width: 1000px) {
	.entry-thumbnail {
		width: 940px;
	}

	.entry-footer {
		display: block;
	}

	.entry-author + .entry-links .post-navigation .nav-previous {
		width: auto;
	}

	.entry-author + .entry-links .post-navigation .nav-next {
		text-align: right;
		width: auto;
	}
}

/* Comments */
.comment-list .comment .avatar {
	border-radius: 0;
	display: block;
	float: left;
	position: relative;
	left: 29px;
	top: auto;
	width: 60px;
	height: 60px;
}

.comment .comment .avatar {
	top: auto;
}

.comment-author .fn,
.comment-metadata,
.reply,
#cancel-comment-reply-link {
	text-align: left;
}

.comment-author .fn,
.comment-metadata {
	margin-left: 74px;
}

.pingback .edit-link,
.trackback .edit-link {
	float: none;
}

@media (min-width: 768px) {
	.comments-title,
	.comment-reply-title {
		margin-bottom: 58px;
	}
}

/* Widgets */
.widget-area:before {
	margin: 0 auto 3.2em;
}

.widget-area {
	border-top: none;
	border-bottom: none;
	padding: 0;
}

.widget-title {
	color: #343434;
	text-align: center;
	text-transform: uppercase;
}

.widget li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* WooCommerce */

.woocommerce .site-main {
	padding-top: 0;
}

.woocommerce-products-header {
	background: #fff;
	margin: 0 auto;
	width: 940px;
	max-width: 94%;
}

.woocommerce-products-header__title.page-title {
	font-size: 36px;
}

@media screen and (min-width: 768px) {
	.woocommerce-products-header__title.page-title {
		font-size: 52px;
	}
}

/* WooCommerce */

/* Mini Cart */
.site-header-cart {
	margin-bottom: 16px;
}

.jetpack-social-navigation + .site-header-cart {
	margin-top: 20px;
}

.site-header-cart .widget_shopping_cart_content {
	background: #fff;
	border: 2px solid #a54231;
	color: #343434;
}

.site-header-cart li:first-of-type {
	display: block;
}

#site-header-cart .widget_shopping_cart_content .mini_cart_item,
.site-header-cart .cart-contents {
	color: #343434;
}

.site-header-cart .count {
	display: block;
}

.site-header-cart .cart-contents {
	margin: 0;
}

.widget.woocommerce ul.product_list_widget li > a {
	color: #a54231;
}

.widget.woocommerce ul.product_list_widget li {
	border-top: 1px solid rgba(0,0,0,0.05);
}

.widget.woocommerce ul.product_list_widget {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Widgets */
.woocommerce-account .woocommerce {

}

/* Products */
.woocommerce .site-main .products {
	margin-bottom: 64px;
	overflow: hidden;
}

@media screen and (min-width: 768px) {
	.site-header-cart {
		margin-left: auto;
		margin-right: auto;
		width: 200px;
	}

	.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
		display: block;
		left: 50%;
		right: auto;
		transform: translate(-50%, 0%);
	}
}