/**
 * Colorful Style Pack
 *
 */

/**
 * Fonts
 */

body,
button,
input,
select,
textarea,
.post-navigation a,
.site-description,
.header-search .s,
.entry-meta,
.site-footer,
.main-navigation a,
.entry-footer,
.post-navigation a span,
.comment-actions,
.comment-navigation,
#wp-calendar tfoot a,
form,
input,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button .wp-block-button__link,
#infinite-handle span {
	font-family: Inconsolata, monospace;
}

.main-navigation a,
.entry-meta,
.entry-meta a,
.archive .page-title,
.search .page-title,
.error404 .page-title,
.posts-navigation a,
.comments-title,
.comment-reply-title,
.site-info {
	font-weight: 400;
}

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
.archive .page-title,
.comment-header,
.site-title,
.entry-title {
	font-family: 'Karla', 'Helvetica Neue', Helvetica, arial, sans-serif;
	text-transform: none;
}

/**
 * Colours
 */

body {
	background-color: #fff;
}

.hero-area .button,
.hero-area .button:focus,
.hero-area .button:hover {
	background-color: #d97059;
	color: #fff;
}

.hero-area {
	background-color: #888;
}

blockquote:before,
blockquote:after {
	background-color: #f1f1f1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.archive .page-title,
.comment-header,
.site-title,
.jetpack-social-navigation a:hover,
.jetpack-social-navigation a:focus,
.jetpack-social-navigation a:visited:hover {
	color: #71db9d;
}

a,
a:visited,
.entry-title a:hover,
.entry-meta a,
.entry-footer a,
.posts-navigation a,
.post-navigation a,
.comment-navigation a:hover,
.site-title a:hover,
.site-info a,
.site-info a:hover,
#wp-calendar tfoot a:hover,
.entry-title a:hover,
.menu-toggle {
	color: #d97059;
}

.archive .entry-title a:hover,
.blog .entry-title a:hover,
.search .entry-title a:hover {
	color: #ffed78;
}

.single .entry-header,
.page .entry-header {
	position: relative;
}

.posts-navigation a:hover,
.post-navigation a:hover,
.entry-meta a:hover,
.entry-footer a:hover {
	color: #222;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover,
button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.wp-block-button .wp-block-button__link:focus,
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.wp-block-button .wp-block-button__link:active,
.bypostauthor .by-post-author {
	background-color: #d97059;
}

.archive article:nth-of-type(3n+1) .entry-header,
.blog article:nth-of-type(3n+1) .entry-header,
.search-results article:nth-of-type(3n+1) .entry-header {
	background-color: rgba(39,140,176,0.7);
}

.archive article:nth-of-type(3n+1) .entry-header:hover,
.blog article:nth-of-type(3n+1) .entry-header:hover,
.search-results article:nth-of-type(3n+1) .entry-header:hover {
	background-color: rgba(39,140,176,0.9);
}

.archive article:nth-of-type(3n+2) .entry-header,
.blog article:nth-of-type(3n+2) .entry-header,
.search-results article:nth-of-type(3n+2) .entry-header {
	background-color: rgba(217,112,89,0.7);
}

.archive article:nth-of-type(3n+2) .entry-header:hover,
.blog article:nth-of-type(3n+2) .entry-header:hover,
.search-results article:nth-of-type(3n+2) .entry-header:hover {
	background-color: rgba(217,112,89,0.9);
}

.archive article:nth-of-type(3n+3) .entry-header,
.blog article:nth-of-type(3n+3) .entry-header,
.search-results article:nth-of-type(3n+3) .entry-header {
	background-color: rgba(59,159,100,0.7);
}

.archive article:nth-of-type(3n+3) .entry-header:hover,
.blog article:nth-of-type(3n+3) .entry-header:hover,
.search-results article:nth-of-type(3n+3) .entry-header:hover {
	background-color: rgba(59,159,100,0.9);
}

.entry-title a {
	color: #fff;
}

.comments-title,
.comment-reply-title {
	color: #222;
	font-weight: 400;
}

.widget-title,
.archive .page-title {
	text-transform: uppercase;
}

.single .entry-title,
.page-template-default .entry-title,
.widget-title {
	color: #4ba3c3;
}

.hero-area-title {
	color: #fff;
}

.post-nav-wrapper,
.site-footer,
.widget-area,
.entry-author,
.entry-links,
.page-header,
.comments-area,
.respond {
	border-top-color: #e5e5e5;
}

.comments-area,
.comments-title,
.respond {
	border-color: #60cd8e;
}

.menu-toggle:hover,
.comments-area,
.respond {
	background-color: #71db9d;
}

.comment-navigation a {
	color: #222;
}

.single.no-featured-image .site-header,
.page.no-featured-image .site-header,
.error-404 .page-header,
.no-results .page-header,
.search-no-results .page-header {
	border-bottom-color: #e5e5e5;
}

.contact-info-area {
	background-color: #ffed78;
	border-color: #f4d35e;
}

.cat-links .icon,
.tags-links .icon,
.edit-link .icon {
	fill: #d97059;
}

.site-title a,
.contact-info-area,
.contact-info-area a,
.contact-info-area a:hover {
	color: #222;
}

.contact-info-area .icon {
	fill: #d97059;
}

.main-navigation a,
.jetpack-social-navigation a,
.jetpack-social-navigation a:visited {
	color: #d97059;
}

.widget-area {
	background-color: #fafafa;
}

/**
 * Layout-y stuff
 */


.hero-area-button .button {
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #bd5842;
	position: relative;
	top: 0;
	transition: all 0.2s;
}

.hero-area-button .button:hover {
	box-shadow: 0px 10px 0px 0px #bd5842;
	top: -5px;
}

.hero-area-button .button:focus,
.hero-area-button .button:active {
	box-shadow: 0px 0px 0px 0px #bd5842;
	top: 5px;
}

.menu-toggle .icon {
	height: 0.9em;
	width: 0.9em;
}

/* Hero area */

.hero-area .button:focus,
.hero-area .button:hover {
	opacity: 1.0;
}

/* Posts */

#infinite-handle span {
	font-size: 22px;
	font-size: 2.2rem;
	padding: 75px 0;
}

#infinite-handle span:hover  {
	background-color: #ffed78;
	color: #666;
}

.site-footer {
	background-color: #d97059;
	color: #fff;
}

.site-footer a {
	color: #fff;
}

@media all and (max-width: 768px) {
	.main-navigation.toggled ul {
		border-top-color: #e5e5e5;
	}

	.main-navigation.toggled li a:hover,
	.main-navigation.toggled li a:focus,
	.main-navigation.toggled li a:active {
		background-color: #4ba3c3;
	}
}

@media all and (min-width: 768px) {
	.main-navigation li:hover > a,
	.main-navigation li.focus > a,
	.main-navigation li.current-menu-item > a {
		background-color: #60cd8e;
	}

	.main-navigation li li:hover > a,
	.main-navigation li li.focus > a {
		background-color: #4ba3c3;
	}

	.main-navigation ul ul > li.current-menu-item:first-child:after {
		border-bottom-color: #60cd8e;
	}

	.main-navigation ul ul ul > li.current-menu-item:first-child:after {
		border-bottom-color: transparent;
		border-right-color: #60cd8e;
	}

	.main-navigation ul ul > li:first-child:hover:after,
	.main-navigation ul ul > li.current-menu-item:first-child:hover:after {
		border-bottom-color: #4ba3c3;
	}

	.main-navigation ul ul ul > li:first-child:hover:after,
	.main-navigation ul ul ul > li.current-menu-item:first-child:hover:after {
		border-bottom-color: transparent;
		border-right-color: #4ba3c3;
	}
}

/* Woocommerce */

.woocommerce-tabs ul.tabs li.active a,
.site-header-cart .cart-contents,
.site-header-cart .count {
	color: #d97059;
}

ul.products li.product .woocommerce-loop-product__title {
	color: #4ba3c3;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.site-header-cart:hover>li>a,
.site-header-cart.focus>li>a,
.site-header-cart>li:hover>a,
.site-header-cart>li.focus>a {
	background: #60cd8e;
}

.star-rating span:before,
p.stars:hover a:before {
	color: #d97059;
}

.woocommerce-MyAccount-navigation li:hover > a,
.woocommerce-MyAccount-navigation li.focus > a,
.woocommerce-tabs ul.tabs li:hover a {
	background-color: #46cddd;
}

.woocommerce-MyAccount-navigation a {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
}

.site-header-cart .cart-contents,
.site-header-cart .widget_shopping_cart_content .mini_cart_item .quantity,
.single-product div.product .commentlist .comment-text .meta,
.single-product div.product .commentlist .comment-text .description,
.single-product div.product .product_meta,
.single-product div.product .comment-reply-title,
.single-product div.product .entry-summary .price,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-navigation a,
.woocommerce-tabs ul.tabs li a,
.woocommerce.widget .amount,
.woocommerce.widget .reviewer,
.woocommerce.widget .total,
.woocommerce.widget .quantity,
.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-ordering select,
.onsale {
	font-family: Inconsolata, monospace;
}

.single-product div.product .woocommerce-Reviews-title,
ul.products li.product .woocommerce-loop-product__title,
.woocommerce-tabs .panel h2:first-of-type,
.woocommerce-tabs ul.tabs li a,
.upsells.products>h2:first-of-type,
.related.products>h2:first-of-type {
	text-transform: none;
}