/*
	Theme Name: Agency Pro
	Theme URI: https://my.studiopress.com/themes/agency/
	Description: Represent your professional services with confidence and clarity by harnessing the streamlined professionalism of the Agency theme.
	Author: StudioPress
	Author URI: https://www.studiopress.com/
	Version: 3.1.5
 
	Tags: one-column, two-columns, three-columns, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 
	Template: genesis
	Template Version: 2.1
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php

	Text Domain: agency-pro
*/

/* Table of Contents
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
		- Screen Reader Text
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Gravity Forms
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Portfolio
		- Entries
		- After Entry
		- Pagination
		- Comments
- WooCommerce
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Agency Pro Blue
		- Agency Pro Green
		- Agency Pro Orange
		- Agency Pro Red
	- Media Queries
		- max-width: 1180px
		- max-width: 1040px
		- max-width: 800px
		- max-width: 782px
		- max-width: 680px
		- max-width: 480px
*/


/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Reset (normalize.css 2.1.2)
--------------------------------------------- */
/* normalize.css v2.1.2 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #d7c603;
	color: #666;
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.agency-pro-home .featured-content img,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #d7c603;
	text-decoration: none;
}

a img {
	margin-bottom: -4px;
}

a:hover {
	color: #333;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

mark {
	background: #ddd;
	color: #000;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 40px 40px 24px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content code {
    background-color: #333;
    color: #ddd;
}

cite {
	font-style: normal;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 2px solid #f5f5f5; 
	clear: both;
	margin: 26px 0;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Spinnaker', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 16px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	margin-bottom: 28px;
}

.gallery-caption {
	margin: 0 0 10px;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
	margin-bottom: 0;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #eee inset;
	color: #999;
	font-size: 14px;
	padding: 16px;
	width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

::-moz-placeholder {
	color: #999;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #222;
	border-radius: 3px;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-family: 'Spinnaker', sans-serif;
	padding: 16px 24px;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
}

button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
	padding: 8px 16px;
}

.button,
.entry-content .button {
	display: inline-block;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.agency-pro-home .content .featured-content a.button:hover,
.button:hover,
.entry-content .button:hover {
	background-color: #d7c603;
	color: #fff;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.error404 .entry-content input[type="search"],
.post-password-form input[type="password"] {
	margin-bottom: 15px;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	background-color: #fff;
	border: 0;
	clip: rect(0, 0, 0, 0);
	color: #222;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.genesis-nav-menu .search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	display: block;
	height: auto;
	padding: 20px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.header-full-width .site-container,
.site-container {
	padding-top: 61px;
}

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.site-inner {
	clear: both;
	padding: 5% 0;
}

.agency-pro-home .site-inner {
	padding: 0;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 920px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 740px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 520px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.search-form {
	overflow: hidden;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

a.alignnone,
.alignnone img {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.entry-content .wp-caption-text {
	font-size: 14px;
	text-align: center;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

.wp-audio-shortcode,
.wp-playlist,
.wp-video {
	margin: 0 0 28px;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.breadcrumb a {
	color: #fff;
}

.archive-description,
.author-box {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
}

.archive-description {
	padding: 40px 40px 24px;
}

.author-box {
	padding: 40px;
}

.author-box-title {
	color: #333;
	font-size: 16px;
	margin-bottom: 4px;
}

.author-box p {
	margin-bottom: 0;
}

.author-box .avatar {
	margin-right: 24px;
}

/* Titles
--------------------------------------------- */

.entry-title {
	color: #333;
	font-size: 36px;
	line-height: 1;
}

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

.widget-title {
	color: #333;
	font-size: 16px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.archive-title {
	font-size: 20px;
	margin-bottom: 24px;
}


/* Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget li {
    list-style-type: none;
    margin-bottom: 6px;
}

.widget li li {
    margin: 0;
    padding: 0 0 0 20px;
}

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	margin-bottom: 20px;
	padding: 0 0 24px;
}

.featured-content .entry:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.featured-content .entry-title {
	font-size: 22px;
	line-height: 1.1;
}

a.more-link {
	font-family: 'Spinnaker', sans-serif;
	text-transform: uppercase;
}

/* Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget input {
	margin-bottom: 16px;
}

.enews-widget input:focus {
	border: 1px solid #ddd;
}

.enews-widget input[type="submit"] {
	background-color: #222;
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews-widget input:hover[type="submit"] {
	background-color: #d7c603;
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #333;
	color: #999;
}

.sidebar .enews-widget .widget-title {
	color: #fff;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
}

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	padding: 16px;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
	font-size: 14px;
}

/* Jetpack
---------------------------------------------- */

img#wpstats {
	display: none;
}


/* Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #333;
	left: 0;
	min-height: 61px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.admin-bar .site-header {
	top: 32px;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 16px 0;
	width: 300px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-family: 'Spinnaker', sans-serif;
	font-size: 28px;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

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

.site-title a:hover {
	color: #d7c603;
}

.site-description {
	color: #999;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
	text-align: center;
}

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

.header-full-width.header-image .site-title a {
	background-position: center !important;
	margin: 0;
}

/* Logo, hide text */

.header-image .site-header .wrap {
	padding: 0;
}

.header-image .site-title a {
	float: left;
	min-height: 60px;
	width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 800px;
}

.site-header .widget-area li {
	margin: 0;
	padding: 0;   
}

.site-header .search-form {
	float: right;
}


/* Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	border-top: 2px solid transparent;
	color: #fff;
	display: block;
	padding: 18px 16px 20px;
	position: relative;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .v .current-menu-item > a:hover {
	background-color: #282828;
	border-color: #d7c603;
	color: #d7c603;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
	color: #999;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 180px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #282828;
	border: none;
	font-size: 12px;
	padding: 16px;
	position: relative;
	width: 180px;
}

.genesis-nav-menu .sub-menu a:hover {
	background-color: #333;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -50px 0 0 179px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 0;
}

.genesis-nav-menu > .right > a,
.genesis-nav-menu > .date {
	display: inline-block;
	padding: 18px 16px 20px;
}

.genesis-nav-menu > .search {
	padding: 10px 0 0;
}

.genesis-nav-menu .search input {
	font-size: 12px;
	padding: 12px;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu {
	float: right;
	width: auto;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #383838;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	margin-bottom: 20px;
}

.nav-secondary .genesis-nav-menu a {
	background: none;
	border: none;
	padding: 5px 20px;
}

.nav-secondary .genesis-nav-menu a:hover {
	color: #333;
}

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
}

.responsive-menu-icon::before {
	color: #fff;
	content: "\f333";
	display: block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}


/* Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

.agency-pro-home .content .widget {
	background: #fff;
	margin-bottom: 80px;
	padding: 40px;
}

.agency-pro-home .content .featured-content,
.agency-pro-home .content .widget_text {
	padding: 0;
}

.agency-pro-home .content .textwidget {
	padding: 40px;
}

.agency-pro-home .content .featured-content .widget-title,
.agency-pro-home .content .widget_text .widget-title {
	color: #fff;
	text-align: center;
	margin: -40px 0 0;
	padding-bottom: 20px;
}

.agency-pro-home .content .featured-content .widget-title::after,
.agency-pro-home .content .featured-content .widget-title::before,
.agency-pro-home .content .widget_text .widget-title:after,
.agency-pro-home .content .widget_text .widget-title:before {
	content: " ";
	display: inline-block;
	border-top: 2px solid #fff;
	padding-bottom: 4px;
	width: 15%;
}

.agency-pro-home .content .featured-content .widget-title::before,
.agency-pro-home .content .widget_text .widget-title:before {
	margin-right: 12px;
}

.agency-pro-home .content .featured-content .widget-title::after,
.agency-pro-home .content .widget_text .widget-title:after {
	margin-left: 12px;
}

.agency-pro-home .content .featured-content article ~ .widget-title {
	clear: both;
	color: #333333;
	margin: 0;
	padding: 20px 0;
}

.agency-pro-home .content .featured-content article ~ .widget-title:before,
.agency-pro-home .content .featured-content article ~ .widget-title:after {
	border-color: #333333;
}

.agency-pro-home .content .home-middle .featured-content article ~ .widget-title,
.agency-pro-home .content .home-middle .featured-content article ~ .widget-title:before,
.agency-pro-home .content .home-middle .featured-content article ~ .widget-title:after {
	border-color: #fff;
	color: #fff;
}

.agency-pro-home .content .featured-content article ~ ul,
.agency-pro-home .content .featured-content .more-from-category {
	margin-bottom: 40px;
	padding: 0 10px;
	text-align: center;
}

.agency-pro-home .content .featured-content .entry {
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

.agency-pro-home .content .featured-content .entry-image {
	display: block;
	margin-bottom: 0;
}

.agency-pro-home .content .featured-content .entry-header {
	padding: 40px 40px 0;
}

.agency-pro-home .content .featured-content .entry-content {
	padding: 0 40px;
}

.agency-pro-home .content .featured-content .entry-content p {
	margin-bottom: 40px;
}

.agency-pro-home .content .featured-content a:hover {
	color: #d7c603;
}

.agency-pro-home .content .featuredpost .entry {
	background: none;
	float: left;
	width: 33.33334%;
}

.agency-pro-home .content .featuredpost img.entry-image {
	margin: 0;
}

.home-top .wrap {
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	padding: 15% 0;
	text-align: center;
}

.home-top .widget-title {
	color: #fff;
	font-size: 60px;
	line-height: 1;
}

.home-top .button {
	background-color: #fff;
	border-radius: 50px;
	color: #333;
	text-transform: uppercase;
}

.home-top .widget .button:hover {
	background-color: #333;
	color: #fff;
}

.home-middle {
	padding: 10% 0 5%;
}

.home-middle .featuredpost img.entry-image {
	left: 0;
	position: absolute;
}

.home-middle .featuredpost a:focus img,
.home-middle .featuredpost a.hover img,
.home-middle .featuredpost img:hover,
.home-middle .featuredpost .entry.focused img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.home-middle .featured-content.featuredpost {
	background: #333;
}

.home-middle .featuredpost .entry {
	background-color: #333;
	color: #fff;
}

.home-middle .featuredpost .entry {
	min-height: 380px;
}

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

.home-bottom {
	padding: 5% 0 10%;
}

.home-bottom .featuredpost .entry {
	min-height: 320px;
}

.home-bottom .featuredpost .post:nth-of-type(3n+1),
.home-middle .featuredpost .post:nth-of-type(3n+1) {
	clear: left;
}

.home-bottom .featuredpost .entry:hover {
	background-color: #333;
	color: #fff;
}

.home-bottom .featuredpost .entry:hover .entry-title a {
	color: #fff;
}

/* Entries
--------------------------------------------- */

.entry {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding: 40px 40px 24px;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
}

.entry-content ol,
.entry-content ul {
	margin-left: 40px;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: square;
}

.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p {
	margin-bottom: 0;
}

.entry-content .search-form input {
	margin-bottom: 16px;
}

.entry-meta {
	color: #999;
	font-size: 14px;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-footer .entry-meta {
	border-top: 2px solid #f5f5f5;
	margin: 0 -40px;
	padding: 32px 40px 8px;
}

.entry-comments-link::before {
	content: "\2B";
	font-weight: 700;
	margin: 0 4px 0 6px;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding: 40px;
	text-align: center;
}

.after-entry .widget {
	margin-bottom: 40px;
}

.after-entry .widget:last-child,
.after-entry p:last-child {
	margin: 0;
}

.after-entry li {
	list-style-type: none;
}

/* Pagination
--------------------------------------------- */

.archive-pagination {
	clear: both;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	margin: 40px 0;
	text-transform: uppercase;
}

.archive-pagination a {
	color: #fff;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #fff;
	border-radius: 3px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
	padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #d7c603;
	color: #fff;
}

/* Comments
--------------------------------------------- */

.entry-pings,
.comment-respond,
.entry-comments {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding: 40px;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 40px;
	padding: 0 40px;
}

.comment-list li li {
	margin-right: -32px;
}

li.comment {
	border-left: 2px solid #f5f5f5;
}

.comment-header {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

.comment-header  .comment-meta,
.comment-header  .comment-meta a {
	color: #999;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.comment-reply-link {
	font-family: 'Spinnaker', sans-serif;
	text-transform: uppercase;
}

.entry-pings .reply {
	display: none;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}


/* Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	color: #999;
}

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

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding: 40px;
}


/* Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	border-top: 1px solid #ececec;
	color: #999;
	clear: both;
	padding: 60px 0 36px;
}

.footer-widgets-1,
.footer-widgets-3 {
	width: 350px;
}

.footer-widgets-2 {
	width: 360px;
}

.footer-widgets-1 {
	margin-right: 40px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets .widget {
	margin-bottom: 24px;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ddd;
}


/* Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #f5f5f5;
	color: #999;
	font-family: 'Spinnaker', sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 40px 0;
	text-align: center;
	text-transform: uppercase;
}

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

.site-footer a:hover {
	color: #333;
}

.site-footer p {
	margin-bottom: 0;
}


/* Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Agency Pro Blue
--------------------------------------------- */

.agency-pro-blue .genesis-nav-menu .current-menu-item > a,
.agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover,
.agency-pro-blue .genesis-nav-menu a:hover,
.agency-pro-blue .site-title a:hover,
.agency-pro-blue a,
.agency-pro-blue.agency-pro-home .featured-content a:hover {
	color: #0cc4c6;
}

.agency-pro-blue .archive-pagination li a:hover,
.agency-pro-blue .archive-pagination li.active a,
.agency-pro-blue .breadcrumb a,
.agency-pro-blue .genesis-nav-menu a,
.agency-pro-blue .home-top a:hover,
.agency-pro-blue .site-title a,
.agency-pro-blue a:hover.button,
.agency-pro-blue a.button {
	color: #fff;
}

.agency-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a,
.agency-pro-blue .site-footer a {
	color: #999;
}

.agency-pro-blue .archive-pagination a,
.agency-pro-blue .entry-title a,
.agency-pro-blue .entry-title,
.agency-pro-blue .home-top a,
.agency-pro-blue .site-footer a:hover,
.agency-pro-blue a:hover {
	color: #333;
}

.agency-pro-blue .genesis-nav-menu a:hover,
.agency-pro-blue .genesis-nav-menu .current-menu-item > a,
.agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover {
	border-color: #0cc4c6;
}

.agency-pro-blue .archive-pagination li a:hover,
.agency-pro-blue .archive-pagination li.active a,
.agency-pro-blue .content .featured-content a.button:hover,
.agency-pro-blue a:hover.button,
.agency-pro-blue button:hover,
.agency-pro-blue input:hover[type="button"],
.agency-pro-blue input:hover[type="reset"],
.agency-pro-blue input:hover[type="submit"],
body.agency-pro-blue {
	background-color: #0cc4c6;
}

/* Agency Pro Green
--------------------------------------------- */

.agency-pro-green .genesis-nav-menu .current-menu-item > a,
.agency-pro-green .genesis-nav-menu .v .current-menu-item > a:hover,
.agency-pro-green .genesis-nav-menu a:hover,
.agency-pro-green .site-title a:hover,
.agency-pro-green a,
.agency-pro-green.agency-pro-home .featured-content a:hover {
	color: #36c38c;
}

.agency-pro-green .archive-pagination li a:hover,
.agency-pro-green .archive-pagination li.active a,
.agency-pro-green .breadcrumb a,
.agency-pro-green .genesis-nav-menu a,
.agency-pro-green .home-top a:hover,
.agency-pro-green .site-title a,
.agency-pro-green a:hover.button,
.agency-pro-green a.button {
	color: #fff;
}

.agency-pro-green .genesis-nav-menu .sub-menu .current-menu-item > a,
.agency-pro-green .site-footer a {
	color: #999;
}

.agency-pro-green .archive-pagination a,
.agency-pro-green .entry-title a,
.agency-pro-green .entry-title,
.agency-pro-green .home-top a,
.agency-pro-green .site-footer a:hover,
.agency-pro-green a:hover {
	color: #333;
}

.agency-pro-green .genesis-nav-menu a:hover,
.agency-pro-green .genesis-nav-menu .current-menu-item > a,
.agency-pro-green .genesis-nav-menu .v .current-menu-item > a:hover {
	border-color: #36c38c;
}

.agency-pro-green .archive-pagination li a:hover,
.agency-pro-green .archive-pagination li.active a,
.agency-pro-green .content .featured-content a.button:hover,
.agency-pro-green a:hover.button,
.agency-pro-green button:hover,
.agency-pro-green input:hover[type="button"],
.agency-pro-green input:hover[type="reset"],
.agency-pro-green input:hover[type="submit"],
body.agency-pro-green {
	background-color: #36c38c;
}

/* Agency Pro Orange
--------------------------------------------- */

.agency-pro-orange .genesis-nav-menu .current-menu-item > a,
.agency-pro-orange .genesis-nav-menu .v .current-menu-item > a:hover,
.agency-pro-orange .genesis-nav-menu a:hover,
.agency-pro-orange .site-title a:hover,
.agency-pro-orange a,
.agency-pro-orange.agency-pro-home .featured-content a:hover  {
	color: #f07802;
}

.agency-pro-orange .archive-pagination li a:hover,
.agency-pro-orange .archive-pagination li.active a,
.agency-pro-orange .breadcrumb a,
.agency-pro-orange .genesis-nav-menu a,
.agency-pro-orange .home-top a:hover,
.agency-pro-orange .site-title a,
.agency-pro-orange a:hover.button,
.agency-pro-orange a.button {
	color: #fff;
}

.agency-pro-orange .genesis-nav-menu .sub-menu .current-menu-item > a,
.agency-pro-orange .site-footer a {
	color: #999;
}

.agency-pro-orange .archive-pagination a,
.agency-pro-orange .entry-title a,
.agency-pro-orange .entry-title,
.agency-pro-orange .home-top a,
.agency-pro-orange .site-footer a:hover,
.agency-pro-orange a:hover {
	color: #333;
}

.agency-pro-orange .genesis-nav-menu a:hover,
.agency-pro-orange .genesis-nav-menu .current-menu-item > a,
.agency-pro-orange .genesis-nav-menu .v .current-menu-item > a:hover {
	border-color: #f07802;
}

.agency-pro-orange .archive-pagination li a:hover,
.agency-pro-orange .archive-pagination li.active a,
.agency-pro-orange .content .featured-content a.button:hover,
.agency-pro-orange a:hover.button,
.agency-pro-orange button:hover,
.agency-pro-orange input:hover[type="button"],
.agency-pro-orange input:hover[type="reset"],
.agency-pro-orange input:hover[type="submit"],
body.agency-pro-orange {
	background-color: #f07802;
}

/* Agency Pro Red
--------------------------------------------- */

.agency-pro-red .genesis-nav-menu .current-menu-item > a,
.agency-pro-red .genesis-nav-menu .v .current-menu-item > a:hover,
.agency-pro-red .genesis-nav-menu a:hover,
.agency-pro-red .site-title a:hover,
.agency-pro-red a,
.agency-pro-red.agency-pro-home .featured-content a:hover {
	color: #de3233;
}

.agency-pro-red .archive-pagination li a:hover,
.agency-pro-red .archive-pagination li.active a,
.agency-pro-red .breadcrumb a,
.agency-pro-red .genesis-nav-menu a,
.agency-pro-red .home-top a:hover,
.agency-pro-red .site-title a,
.agency-pro-red a:hover.button,
.agency-pro-red a.button {
	color: #fff;
}

.agency-pro-red .genesis-nav-menu .sub-menu .current-menu-item > a,
.agency-pro-red .site-footer a {
	color: #999;
}

.agency-pro-red .archive-pagination a,
.agency-pro-red .entry-title a,
.agency-pro-red .entry-title,
.agency-pro-red .home-top a,
.agency-pro-red .site-footer a:hover,
.agency-pro-red a:hover {
	color: #333;
}

.agency-pro-red .genesis-nav-menu a:hover,
.agency-pro-red .genesis-nav-menu .current-menu-item > a,
.agency-pro-red .genesis-nav-menu .v .current-menu-item > a:hover {
	border-color: #de3233;
}

.agency-pro-red .archive-pagination li a:hover,
.agency-pro-red .archive-pagination li.active a,
.agency-pro-red .content .featured-content a.button:hover,
.agency-pro-red a:hover.button,
.agency-pro-red button:hover,
.agency-pro-red input:hover[type="button"],
.agency-pro-red input:hover[type="reset"],
.agency-pro-red input:hover[type="submit"],
body.agency-pro-red {
	background-color: #de3233;
}


/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1180px) {

	.site-inner,
	.wrap {
		max-width: 960px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content {
		width: 620px;
	}

	.site-header .widget-area {
		width: 660px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary {
		width: 300px;
	}

	.agency-pro-home .home-middle .featuredpost .entry {
		min-height: 320px;
	}

	.agency-pro-home .home-bottom .featuredpost .entry {
		min-height: 360px;
	}

}

@media only screen and (max-width: 1023px) {

	.site-inner,
	.wrap {
		max-width: 760px;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-container {
		padding-top: 105px;
	}

	.header-image .site-title a {
		background-position: center !important;
		margin: 0 0 6px;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto ;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.sidebar .widget.enews-widget {
		padding: 40px;
	}

	.site-footer {
		padding: 24px 0;
	}

	.footer-widgets {
		padding: 40px 5% 16px;
	}

	.footer-widgets-1 {
		margin: 0;
	}

	.home-bottom .featured-content .post:nth-of-type(3n+1),
	.home-middle .featured-content .post:nth-of-type(3n+1) {
	  clear: none;
	}

	.home-bottom .featured-content .post:nth-of-type(2n+1),
	.home-middle .featured-content .post:nth-of-type(2n+1) {
	  clear: left;
	}

	.agency-pro-home .content .featuredpost .entry {
		min-height: 380px;
		width: 50%;
	}

	.genesis-nav-menu a {
		padding: 10px 12px 12px;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin-top: -42px;
	}

	.genesis-nav-menu .sub-menu a {
		padding: 12px;
	}

}

@media only screen and (max-width: 800px) {

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.agency-pro-home .wrap {
		max-width: 640px;
	}

	.agency-pro-home .home-middle .featuredpost .entry {
		min-height: 320px;
	}

	.entry-title {
		font-size: 30px;
	}

	.site-inner {
		padding: 5%;
	}

}

@media only screen and (max-width:782px) {

	.admin-bar .site-header {
		top: 46px;
		z-index: 499;
	}

}

@media only screen and (max-width: 680px) {

	.header-full-width .site-container,
	.site-container {
		padding: 0;
	}

	.site-header {
		position: static;
	}

	.wrap {
		width: 90%;
	}

	.agency-pro-home .content .wrap {
		max-width: 380px;
	}

	.agency-pro-home .content .featuredpost .entry {
		min-height: 380px;
		width: 100%;
	}

	.agency-pro-home .content .featured-content .entry-header {
		clear: both;
	}

	.home-top .widget-title {
		font-size: 48px;
	}

	.nav-secondary .genesis-nav-menu a {
		font-size: 12px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}

	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		border: none;
		display: block;
		line-height: 1;
		padding: 18px 20px;
		text-transform: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;	
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 20px/1 'dashicons';
		height: 20px;
		padding: 15px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		border: none;
		left: auto;
		opacity: 1;
		padding-left: 25px;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		padding: 12px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
	}

	.genesis-nav-menu.responsive-menu .current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu a,
	.genesis-nav-menu.responsive-menu .sub-menu a:hover,
	.genesis-nav-menu.responsive-menu a:hover,
	.genesis-nav-menu.responsive-menu li:hover {
		background: none;
		color: #fff;
	}

}

@media only screen and (max-width: 480px) {

	.home-middle .featuredpost img.entry-image {
		position: relative;
	}

	.home-middle .featuredpost .entry a:focus img,
	.home-middle .featuredpost .entry a.hover img,
	.home-middle .featuredpost .entry img:hover,
	.home-middle .featuredpost .entry.focused img {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}

	.header-image .site-title a {
		background-size: contain !important;
	}

}


/* WooCommerce
---------------------------------------------------------------------------------------------------- */

/* WooCommerce's stylesheets load after the theme stylesheet, so these rules are scoped to the
   WooCommerce body classes to override the plugin defaults without !important. */

/* Content Panel
--------------------------------------------- */

/* Products and shop archives are rendered by WooCommerce outside .entry, so the content
   column carries the theme panel on those templates. Cart, checkout and account are
   ordinary pages and already have their own .entry panel. */
body.single-product .content,
body.post-type-archive-product .content,
body.tax-product_cat .content,
body.tax-product_tag .content {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding: 40px 40px 24px;
}

/* The breadcrumb now sits on the panel instead of the site background. */
body.single-product .content > .breadcrumb,
body.post-type-archive-product .content > .breadcrumb,
body.tax-product_cat .content > .breadcrumb,
body.tax-product_tag .content > .breadcrumb {
	background: none;
	margin-bottom: 20px;
	padding: 0;
}

body.single-product .content > .breadcrumb,
body.post-type-archive-product .content > .breadcrumb,
body.tax-product_cat .content > .breadcrumb,
body.tax-product_tag .content > .breadcrumb,
body.single-product .content > .breadcrumb a,
body.post-type-archive-product .content > .breadcrumb a,
body.tax-product_cat .content > .breadcrumb a,
body.tax-product_tag .content > .breadcrumb a {
	color: #999;
}

body.single-product .content > .breadcrumb a:hover,
body.post-type-archive-product .content > .breadcrumb a:hover,
body.tax-product_cat .content > .breadcrumb a:hover,
body.tax-product_tag .content > .breadcrumb a:hover {
	color: #d7c603;
}

/* Buttons
--------------------------------------------- */

body.woocommerce a.button,
body.woocommerce-page a.button,
body.woocommerce button.button,
body.woocommerce-page button.button,
body.woocommerce input.button,
body.woocommerce-page input.button,
body.woocommerce #respond input#submit,
body.woocommerce-page #respond input#submit,
body.woocommerce a.button.alt,
body.woocommerce-page a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce-page button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce-page input.button.alt,
body.woocommerce .wc-block-components-button,
body.woocommerce-page .wc-block-components-button {
	background-color: #222;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-family: 'Spinnaker', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.2;
	padding: 16px 24px;
	text-align: center;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
	-webkit-font-smoothing: antialiased;
}

body.woocommerce a.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce a.button:focus,
body.woocommerce-page a.button:focus,
body.woocommerce button.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce button.button:focus,
body.woocommerce-page button.button:focus,
body.woocommerce input.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce input.button:focus,
body.woocommerce-page input.button:focus,
body.woocommerce #respond input#submit:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce #respond input#submit:focus,
body.woocommerce-page #respond input#submit:focus,
body.woocommerce a.button.alt:hover,
body.woocommerce-page a.button.alt:hover,
body.woocommerce a.button.alt:focus,
body.woocommerce-page a.button.alt:focus,
body.woocommerce button.button.alt:hover,
body.woocommerce-page button.button.alt:hover,
body.woocommerce button.button.alt:focus,
body.woocommerce-page button.button.alt:focus,
body.woocommerce input.button.alt:hover,
body.woocommerce-page input.button.alt:hover,
body.woocommerce input.button.alt:focus,
body.woocommerce-page input.button.alt:focus,
body.woocommerce .wc-block-components-button:hover,
body.woocommerce-page .wc-block-components-button:hover,
body.woocommerce .wc-block-components-button:focus,
body.woocommerce-page .wc-block-components-button:focus {
	background-color: #d7c603;
	color: #fff;
}

body.woocommerce a.button.disabled,
body.woocommerce-page a.button.disabled,
body.woocommerce button.button:disabled,
body.woocommerce-page button.button:disabled,
body.woocommerce button.button:disabled[disabled],
body.woocommerce-page button.button:disabled[disabled],
body.woocommerce button.button.disabled,
body.woocommerce-page button.button.disabled,
body.woocommerce input.button:disabled,
body.woocommerce-page input.button:disabled {
	background-color: #999;
	color: #fff;
	opacity: 1;
	padding: 16px 24px;
}

body.woocommerce .button.loading::after,
body.woocommerce-page .button.loading::after {
	top: auto;
}

/* Quantity Field
--------------------------------------------- */

body.woocommerce .quantity .qty,
body.woocommerce-page .quantity .qty {
	font-size: 14px;
	padding: 16px 5px;
	text-align: center;
	width: 80px;
}

body.woocommerce div.product form.cart div.quantity,
body.woocommerce-page div.product form.cart div.quantity {
	margin-right: 10px;
}

/* Prices
--------------------------------------------- */

body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
body.woocommerce div.product p.price,
body.woocommerce-page div.product p.price,
body.woocommerce div.product span.price,
body.woocommerce-page div.product span.price {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
	font-weight: 400;
}

body.woocommerce ul.products li.product .price del,
body.woocommerce-page ul.products li.product .price del,
body.woocommerce div.product p.price del,
body.woocommerce-page div.product p.price del {
	color: #999;
	font-size: 85%;
	opacity: 1;
}

body.woocommerce ul.products li.product .price ins,
body.woocommerce-page ul.products li.product .price ins,
body.woocommerce div.product p.price ins,
body.woocommerce-page div.product p.price ins {
	background: none;
	color: #d7c603;
	text-decoration: none;
}

/* Star Ratings
--------------------------------------------- */

body.woocommerce .star-rating,
body.woocommerce-page .star-rating,
body.woocommerce .star-rating::before,
body.woocommerce-page .star-rating::before,
body.woocommerce p.stars a,
body.woocommerce-page p.stars a,
body.woocommerce p.stars a::before,
body.woocommerce-page p.stars a::before {
	color: #d7c603;
}

body.woocommerce .woocommerce-product-rating,
body.woocommerce-page .woocommerce-product-rating {
	margin-bottom: 20px;
}

body.woocommerce .woocommerce-review-link,
body.woocommerce-page .woocommerce-review-link {
	color: #999;
	font-size: 14px;
}

/* Product Archives
--------------------------------------------- */

body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

body.woocommerce ul.products::before,
body.woocommerce-page ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::after {
	content: none;
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
	display: flex;
	flex-direction: column;
	float: none;
	/* Keeps cards readable when the shop columns setting leaves them very narrow. */
	min-width: 180px;
	list-style: none;
	margin: 0 0 40px;
	padding: 0 10px;
}

body.woocommerce ul.products li.product a,
body.woocommerce-page ul.products li.product a {
	border-bottom: none;
}

body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
	margin-bottom: 15px;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	padding: 0;
}

body.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product a:hover .woocommerce-loop-product__title {
	color: #d7c603;
}

body.woocommerce ul.products li.product .star-rating,
body.woocommerce-page ul.products li.product .star-rating {
	margin-bottom: 10px;
}

body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
	margin-bottom: 15px;
}

/* Keeps every card's button on the same line as its neighbours, and sized so the
   label fits a narrow column without wrapping. */
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
body.woocommerce ul.products li.product .added_to_cart,
body.woocommerce-page ul.products li.product .added_to_cart {
	display: block;
	font-size: 13px;
	margin-top: auto;
	padding: 14px 8px;
	text-align: center;
	width: 100%;
}

body.woocommerce ul.products li.product .added_to_cart,
body.woocommerce-page ul.products li.product .added_to_cart {
	margin-top: 10px;
}

body.woocommerce ul.products li.product .onsale,
body.woocommerce-page ul.products li.product .onsale,
body.woocommerce span.onsale,
body.woocommerce-page span.onsale {
	background-color: #d7c603;
	border-radius: 3px;
	color: #fff;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	min-height: 0;
	min-width: 0;
	padding: 8px 12px;
	text-transform: uppercase;
}

/* Shop Toolbar
--------------------------------------------- */

body.woocommerce .woocommerce-result-count,
body.woocommerce-page .woocommerce-result-count {
	color: #999;
	margin-bottom: 30px;
}

body.woocommerce .woocommerce-ordering select,
body.woocommerce-page .woocommerce-ordering select {
	font-size: 14px;
	padding: 12px 15px;
	width: auto;
}

body.woocommerce .woocommerce-products-header__title,
body.woocommerce-page .woocommerce-products-header__title {
	font-family: 'Spinnaker', sans-serif;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 20px;
}

/* Single Product
--------------------------------------------- */

body.woocommerce div.product .product_title,
body.woocommerce-page div.product .product_title {
	margin-bottom: 15px;
}

body.woocommerce div.product .woocommerce-product-details__short-description,
body.woocommerce-page div.product .woocommerce-product-details__short-description {
	margin-bottom: 20px;
}

body.woocommerce div.product .product_meta,
body.woocommerce-page div.product .product_meta {
	color: #999;
	font-size: 14px;
}

body.woocommerce div.product .related > h2,
body.woocommerce-page div.product .related > h2,
body.woocommerce div.product .upsells > h2,
body.woocommerce-page div.product .upsells > h2 {
	font-size: 24px;
	margin-bottom: 30px;
}

/* Product Tabs
--------------------------------------------- */

body.woocommerce div.product .woocommerce-tabs ul.tabs,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 30px;
	padding: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs::before,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: #ddd;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li::before,
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li::after {
	content: none;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
	border-bottom: none;
	color: #333;
	display: block;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 20px;
	text-transform: uppercase;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
	background-color: #fff;
	border-bottom-color: #fff;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
	color: #d7c603;
}

body.woocommerce div.product .woocommerce-tabs .panel,
body.woocommerce-page div.product .woocommerce-tabs .panel {
	margin-bottom: 40px;
}

body.woocommerce div.product .woocommerce-tabs .panel > h2,
body.woocommerce-page div.product .woocommerce-tabs .panel > h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

/* Reviews
--------------------------------------------- */

body.woocommerce #reviews #comments > h2,
body.woocommerce-page #reviews #comments > h2 {
	font-size: 24px;
	margin-bottom: 30px;
}

body.woocommerce #reviews #comments ol.commentlist,
body.woocommerce-page #reviews #comments ol.commentlist,
body.woocommerce #reviews #comments ol.commentlist ul.children,
body.woocommerce-page #reviews #comments ol.commentlist ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Review threads are separated by whitespace only, like the theme's comment list. */
body.woocommerce #reviews #comments ol.commentlist > li,
body.woocommerce-page #reviews #comments ol.commentlist > li {
	background: none;
	border: none;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

body.woocommerce #reviews #comments ol.commentlist > li:last-child,
body.woocommerce-page #reviews #comments ol.commentlist > li:last-child {
	margin-bottom: 0;
}

body.woocommerce #reviews #comments ol.commentlist li .comment_container,
body.woocommerce-page #reviews #comments ol.commentlist li .comment_container {
	background: none;
	border: none;
	padding: 0;
	position: relative;
}

body.woocommerce #reviews #comments ol.commentlist li img.avatar,
body.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
	background: none;
	border: none;
	border-radius: 50%;
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 40px;
}

body.woocommerce #reviews #comments ol.commentlist li .comment-text,
body.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 0 60px;
	/* Reviews are user content: a long unbroken string must not escape the card. */
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding: 20px;
}

body.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
body.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
	color: #999;
	font-size: 14px;
	margin-bottom: 10px;
}

body.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong.woocommerce-review__author,
body.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong.woocommerce-review__author {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
}

body.woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child,
body.woocommerce-page #reviews #comments ol.commentlist li .comment-text .description p:last-child {
	margin-bottom: 0;
}

body.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
body.woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating {
	float: right;
	margin-bottom: 10px;
}

/* Replies to a review, indented under the review they answer. */
body.woocommerce #reviews #comments ol.commentlist ul.children,
body.woocommerce-page #reviews #comments ol.commentlist ul.children {
	border: none;
	margin: 30px 0 0 60px;
	padding: 0;
}

body.woocommerce #reviews #comments ol.commentlist ul.children li,
body.woocommerce-page #reviews #comments ol.commentlist ul.children li {
	background: none;
	border: none;
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

body.woocommerce #reviews #comments ol.commentlist ul.children li:last-child,
body.woocommerce-page #reviews #comments ol.commentlist ul.children li:last-child {
	margin-bottom: 0;
}

/* Review Form
--------------------------------------------- */

body.woocommerce #review_form #respond,
body.woocommerce-page #review_form #respond {
	margin-top: 50px;
}

body.woocommerce #review_form #reply-title,
body.woocommerce-page #review_form #reply-title {
	display: block;
	font-family: 'Spinnaker', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 20px;
}

body.woocommerce #review_form .comment-form-rating label,
body.woocommerce-page #review_form .comment-form-rating label,
body.woocommerce #review_form .comment-form-comment label,
body.woocommerce-page #review_form .comment-form-comment label,
body.woocommerce #review_form .comment-form-author label,
body.woocommerce-page #review_form .comment-form-author label,
body.woocommerce #review_form .comment-form-email label,
body.woocommerce-page #review_form .comment-form-email label {
	display: block;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
}

body.woocommerce #review_form p.stars,
body.woocommerce-page #review_form p.stars {
	font-size: 20px;
	margin-bottom: 20px;
}

body.woocommerce #review_form .comment-form-author,
body.woocommerce-page #review_form .comment-form-author,
body.woocommerce #review_form .comment-form-email,
body.woocommerce-page #review_form .comment-form-email {
	margin-bottom: 20px;
}

body.woocommerce #review_form .comment-form-cookies-consent label,
body.woocommerce-page #review_form .comment-form-cookies-consent label {
	display: inline;
	font-size: 14px;
}

body.woocommerce #review_form .form-submit,
body.woocommerce-page #review_form .form-submit {
	margin-bottom: 0;
}

body.woocommerce #review_form input#submit,
body.woocommerce-page #review_form input#submit {
	width: auto;
}

/* Notices
--------------------------------------------- */

body.woocommerce .woocommerce-message,
body.woocommerce-page .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-info,
body.woocommerce .woocommerce-error,
body.woocommerce-page .woocommerce-error {
	background-color: #f5f5f5;
	border-radius: 3px;
	border-top-color: #d7c603;
	color: #333;
	line-height: 1.6;
	list-style: none;
}

body.woocommerce .woocommerce-error,
body.woocommerce-page .woocommerce-error {
	border-top-color: #cc2c2c;
}

body.woocommerce .woocommerce-message::before,
body.woocommerce-page .woocommerce-message::before,
body.woocommerce .woocommerce-info::before,
body.woocommerce-page .woocommerce-info::before {
	color: #d7c603;
}

body.woocommerce .woocommerce-error::before,
body.woocommerce-page .woocommerce-error::before {
	color: #cc2c2c;
}

/* Cart and Checkout Blocks
--------------------------------------------- */

body.woocommerce .wc-block-components-title,
body.woocommerce-page .wc-block-components-title,
body.woocommerce .wc-block-components-product-name,
body.woocommerce-page .wc-block-components-product-name,
body.woocommerce .wc-block-components-totals-item__label,
body.woocommerce-page .wc-block-components-totals-item__label {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
}

/* Block links are UI, not body copy, so they drop the theme link underline. */
body.woocommerce .wc-block-components-product-image a,
body.woocommerce-page .wc-block-components-product-image a,
body.woocommerce a.wc-block-components-product-name,
body.woocommerce-page a.wc-block-components-product-name,
body.woocommerce .wc-block-grid__product-link,
body.woocommerce-page .wc-block-grid__product-link {
	border-bottom: none;
}

body.woocommerce .wc-block-components-product-price__value,
body.woocommerce-page .wc-block-components-product-price__value,
body.woocommerce .wc-block-components-totals-item__value,
body.woocommerce-page .wc-block-components-totals-item__value {
	color: #333;
	font-weight: 700;
}

body.woocommerce .wc-block-components-checkout-place-order-button,
body.woocommerce-page .wc-block-components-checkout-place-order-button,
body.woocommerce .wp-block-woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-page .wp-block-woocommerce-cart .wc-block-cart__submit-button {
	font-family: 'Spinnaker', sans-serif;
	text-transform: uppercase;
}

/* Cross-sell and "new in store" grids rendered by the cart blocks. */
body.woocommerce .wc-block-grid__products,
body.woocommerce-page .wc-block-grid__products {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}

body.woocommerce .wc-block-grid__product,
body.woocommerce-page .wc-block-grid__product {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0 0 40px;
	padding: 0 10px;
}

body.woocommerce .wc-block-grid__product-title,
body.woocommerce-page .wc-block-grid__product-title {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
}

body.woocommerce .wc-block-grid__product-price,
body.woocommerce-page .wc-block-grid__product-price {
	color: #333;
	font-weight: 400;
	margin-bottom: 15px;
}

body.woocommerce .wc-block-grid__product-add-to-cart,
body.woocommerce-page .wc-block-grid__product-add-to-cart {
	margin-top: auto;
}

body.woocommerce .wc-block-grid__product-add-to-cart .wp-block-button__link,
body.woocommerce-page .wc-block-grid__product-add-to-cart .wp-block-button__link {
	display: block;
	font-size: 13px;
	padding: 14px 8px;
	text-align: center;
	width: 100%;
}

/* My Account
--------------------------------------------- */

body.woocommerce .woocommerce-MyAccount-navigation ul,
body.woocommerce-page .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

body.woocommerce .woocommerce-MyAccount-navigation li,
body.woocommerce-page .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

body.woocommerce .woocommerce-MyAccount-navigation li a,
body.woocommerce-page .woocommerce-MyAccount-navigation li a {
	color: #333;
	font-family: 'Spinnaker', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

body.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-page .woocommerce-MyAccount-navigation li a:hover {
	color: #d7c603;
}

/* Account forms: keep the submit button clear of the fieldset above it. */
body.woocommerce .woocommerce-MyAccount-content form fieldset,
body.woocommerce-page .woocommerce-MyAccount-content form fieldset {
	margin: 0 0 30px;
}

body.woocommerce .woocommerce-MyAccount-content form .button,
body.woocommerce-page .woocommerce-MyAccount-content form .button,
body.woocommerce .woocommerce-MyAccount-content form button[type="submit"],
body.woocommerce-page .woocommerce-MyAccount-content form button[type="submit"] {
	margin-top: 10px;
}

/* Tables
--------------------------------------------- */

body.woocommerce table.shop_table,
body.woocommerce-page table.shop_table {
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
}

body.woocommerce table.shop_table th,
body.woocommerce-page table.shop_table th {
	font-family: 'Spinnaker', sans-serif;
}

/* Classic Cart and Checkout
--------------------------------------------- */

/* Keeps the coupon field and its button on one line, at the theme proportions. */
body.woocommerce table.cart td.actions .coupon,
body.woocommerce-page table.cart td.actions .coupon {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	float: left;
	gap: 10px;
}

body.woocommerce table.cart td.actions .coupon .input-text,
body.woocommerce-page table.cart td.actions .coupon .input-text,
body.woocommerce #coupon_code,
body.woocommerce-page #coupon_code {
	border: 1px solid #ddd;
	border-radius: 3px;
	line-height: 1.2;
	margin: 0;
	min-width: 160px;
	padding: 16px 24px;
	width: auto;
}

body.woocommerce table.cart td.actions .button,
body.woocommerce-page table.cart td.actions .button {
	width: auto;
}

body.woocommerce .woocommerce-checkout #payment,
body.woocommerce-page .woocommerce-checkout #payment {
	background-color: #f5f5f5;
	border-radius: 3px;
}

body.woocommerce .woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-page .woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 1px solid #ddd;
}

body.woocommerce .woocommerce-checkout #payment div.payment_box,
body.woocommerce-page .woocommerce-checkout #payment div.payment_box {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333;
}

body.woocommerce .woocommerce-checkout #payment div.payment_box::before,
body.woocommerce-page .woocommerce-checkout #payment div.payment_box::before {
	display: none;
}


/* WooCommerce Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 800px) {

	body.single-product .content,
	body.post-type-archive-product .content,
	body.tax-product_cat .content,
	body.tax-product_tag .content {
		padding: 30px 30px 14px;
	}

	body.woocommerce ul.products li.product,
	body.woocommerce-page ul.products li.product {
		min-width: 0;
		width: 50%;
	}

	body.woocommerce #reviews #comments ol.commentlist ul.children,
	body.woocommerce-page #reviews #comments ol.commentlist ul.children {
		margin-left: 20px;
	}

	body.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
	body.woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating {
		float: none;
	}

	body.woocommerce div.product .woocommerce-tabs ul.tabs li,
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
		display: block;
		margin: 0 0 5px;
	}

	body.woocommerce div.product .woocommerce-tabs ul.tabs li a,
	body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
		text-align: center;
	}

}

/* Theme Colors
--------------------------------------------- */

body.agency-pro-blue.woocommerce ul.products li.product .price ins,
body.agency-pro-blue.woocommerce-page ul.products li.product .price ins,
body.agency-pro-blue.woocommerce div.product p.price ins,
body.agency-pro-blue.woocommerce-page div.product p.price ins,
body.agency-pro-blue.woocommerce .star-rating,
body.agency-pro-blue.woocommerce-page .star-rating,
body.agency-pro-blue.woocommerce .star-rating::before,
body.agency-pro-blue.woocommerce-page .star-rating::before,
body.agency-pro-blue.woocommerce p.stars a,
body.agency-pro-blue.woocommerce-page p.stars a,
body.agency-pro-blue.woocommerce p.stars a::before,
body.agency-pro-blue.woocommerce-page p.stars a::before,
body.agency-pro-blue.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-blue.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-blue.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-blue.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-blue.woocommerce .woocommerce-message::before,
body.agency-pro-blue.woocommerce-page .woocommerce-message::before,
body.agency-pro-blue.woocommerce .woocommerce-info::before,
body.agency-pro-blue.woocommerce-page .woocommerce-info::before,
body.agency-pro-blue.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-blue.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-blue.woocommerce .woocommerce-MyAccount-navigation li a:hover,
body.agency-pro-blue.woocommerce-page .woocommerce-MyAccount-navigation li a:hover {
	color: #0cc4c6;
}

body.agency-pro-blue.woocommerce ul.products li.product .onsale,
body.agency-pro-blue.woocommerce-page ul.products li.product .onsale,
body.agency-pro-blue.woocommerce span.onsale,
body.agency-pro-blue.woocommerce-page span.onsale,
body.agency-pro-blue.woocommerce a.button:hover,
body.agency-pro-blue.woocommerce-page a.button:hover,
body.agency-pro-blue.woocommerce button.button:hover,
body.agency-pro-blue.woocommerce-page button.button:hover,
body.agency-pro-blue.woocommerce input.button:hover,
body.agency-pro-blue.woocommerce-page input.button:hover,
body.agency-pro-blue.woocommerce #respond input#submit:hover,
body.agency-pro-blue.woocommerce-page #respond input#submit:hover,
body.agency-pro-blue.woocommerce a.button.alt:hover,
body.agency-pro-blue.woocommerce-page a.button.alt:hover,
body.agency-pro-blue.woocommerce button.button.alt:hover,
body.agency-pro-blue.woocommerce-page button.button.alt:hover,
body.agency-pro-blue.woocommerce input.button.alt:hover,
body.agency-pro-blue.woocommerce-page input.button.alt:hover,
body.agency-pro-blue.woocommerce .wc-block-components-button:hover,
body.agency-pro-blue.woocommerce-page .wc-block-components-button:hover {
	background-color: #0cc4c6;
}

body.agency-pro-blue.woocommerce .woocommerce-message,
body.agency-pro-blue.woocommerce-page .woocommerce-message,
body.agency-pro-blue.woocommerce .woocommerce-info,
body.agency-pro-blue.woocommerce-page .woocommerce-info,
body.agency-pro-blue.woocommerce .woocommerce-error,
body.agency-pro-blue.woocommerce-page .woocommerce-error {
	border-top-color: #0cc4c6;
}

body.agency-pro-green.woocommerce ul.products li.product .price ins,
body.agency-pro-green.woocommerce-page ul.products li.product .price ins,
body.agency-pro-green.woocommerce div.product p.price ins,
body.agency-pro-green.woocommerce-page div.product p.price ins,
body.agency-pro-green.woocommerce .star-rating,
body.agency-pro-green.woocommerce-page .star-rating,
body.agency-pro-green.woocommerce .star-rating::before,
body.agency-pro-green.woocommerce-page .star-rating::before,
body.agency-pro-green.woocommerce p.stars a,
body.agency-pro-green.woocommerce-page p.stars a,
body.agency-pro-green.woocommerce p.stars a::before,
body.agency-pro-green.woocommerce-page p.stars a::before,
body.agency-pro-green.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-green.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-green.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-green.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-green.woocommerce .woocommerce-message::before,
body.agency-pro-green.woocommerce-page .woocommerce-message::before,
body.agency-pro-green.woocommerce .woocommerce-info::before,
body.agency-pro-green.woocommerce-page .woocommerce-info::before,
body.agency-pro-green.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-green.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-green.woocommerce .woocommerce-MyAccount-navigation li a:hover,
body.agency-pro-green.woocommerce-page .woocommerce-MyAccount-navigation li a:hover {
	color: #36c38c;
}

body.agency-pro-green.woocommerce ul.products li.product .onsale,
body.agency-pro-green.woocommerce-page ul.products li.product .onsale,
body.agency-pro-green.woocommerce span.onsale,
body.agency-pro-green.woocommerce-page span.onsale,
body.agency-pro-green.woocommerce a.button:hover,
body.agency-pro-green.woocommerce-page a.button:hover,
body.agency-pro-green.woocommerce button.button:hover,
body.agency-pro-green.woocommerce-page button.button:hover,
body.agency-pro-green.woocommerce input.button:hover,
body.agency-pro-green.woocommerce-page input.button:hover,
body.agency-pro-green.woocommerce #respond input#submit:hover,
body.agency-pro-green.woocommerce-page #respond input#submit:hover,
body.agency-pro-green.woocommerce a.button.alt:hover,
body.agency-pro-green.woocommerce-page a.button.alt:hover,
body.agency-pro-green.woocommerce button.button.alt:hover,
body.agency-pro-green.woocommerce-page button.button.alt:hover,
body.agency-pro-green.woocommerce input.button.alt:hover,
body.agency-pro-green.woocommerce-page input.button.alt:hover,
body.agency-pro-green.woocommerce .wc-block-components-button:hover,
body.agency-pro-green.woocommerce-page .wc-block-components-button:hover {
	background-color: #36c38c;
}

body.agency-pro-green.woocommerce .woocommerce-message,
body.agency-pro-green.woocommerce-page .woocommerce-message,
body.agency-pro-green.woocommerce .woocommerce-info,
body.agency-pro-green.woocommerce-page .woocommerce-info,
body.agency-pro-green.woocommerce .woocommerce-error,
body.agency-pro-green.woocommerce-page .woocommerce-error {
	border-top-color: #36c38c;
}

body.agency-pro-orange.woocommerce ul.products li.product .price ins,
body.agency-pro-orange.woocommerce-page ul.products li.product .price ins,
body.agency-pro-orange.woocommerce div.product p.price ins,
body.agency-pro-orange.woocommerce-page div.product p.price ins,
body.agency-pro-orange.woocommerce .star-rating,
body.agency-pro-orange.woocommerce-page .star-rating,
body.agency-pro-orange.woocommerce .star-rating::before,
body.agency-pro-orange.woocommerce-page .star-rating::before,
body.agency-pro-orange.woocommerce p.stars a,
body.agency-pro-orange.woocommerce-page p.stars a,
body.agency-pro-orange.woocommerce p.stars a::before,
body.agency-pro-orange.woocommerce-page p.stars a::before,
body.agency-pro-orange.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-orange.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-orange.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-orange.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-orange.woocommerce .woocommerce-message::before,
body.agency-pro-orange.woocommerce-page .woocommerce-message::before,
body.agency-pro-orange.woocommerce .woocommerce-info::before,
body.agency-pro-orange.woocommerce-page .woocommerce-info::before,
body.agency-pro-orange.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-orange.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-orange.woocommerce .woocommerce-MyAccount-navigation li a:hover,
body.agency-pro-orange.woocommerce-page .woocommerce-MyAccount-navigation li a:hover {
	color: #f07802;
}

body.agency-pro-orange.woocommerce ul.products li.product .onsale,
body.agency-pro-orange.woocommerce-page ul.products li.product .onsale,
body.agency-pro-orange.woocommerce span.onsale,
body.agency-pro-orange.woocommerce-page span.onsale,
body.agency-pro-orange.woocommerce a.button:hover,
body.agency-pro-orange.woocommerce-page a.button:hover,
body.agency-pro-orange.woocommerce button.button:hover,
body.agency-pro-orange.woocommerce-page button.button:hover,
body.agency-pro-orange.woocommerce input.button:hover,
body.agency-pro-orange.woocommerce-page input.button:hover,
body.agency-pro-orange.woocommerce #respond input#submit:hover,
body.agency-pro-orange.woocommerce-page #respond input#submit:hover,
body.agency-pro-orange.woocommerce a.button.alt:hover,
body.agency-pro-orange.woocommerce-page a.button.alt:hover,
body.agency-pro-orange.woocommerce button.button.alt:hover,
body.agency-pro-orange.woocommerce-page button.button.alt:hover,
body.agency-pro-orange.woocommerce input.button.alt:hover,
body.agency-pro-orange.woocommerce-page input.button.alt:hover,
body.agency-pro-orange.woocommerce .wc-block-components-button:hover,
body.agency-pro-orange.woocommerce-page .wc-block-components-button:hover {
	background-color: #f07802;
}

body.agency-pro-orange.woocommerce .woocommerce-message,
body.agency-pro-orange.woocommerce-page .woocommerce-message,
body.agency-pro-orange.woocommerce .woocommerce-info,
body.agency-pro-orange.woocommerce-page .woocommerce-info,
body.agency-pro-orange.woocommerce .woocommerce-error,
body.agency-pro-orange.woocommerce-page .woocommerce-error {
	border-top-color: #f07802;
}

body.agency-pro-red.woocommerce ul.products li.product .price ins,
body.agency-pro-red.woocommerce-page ul.products li.product .price ins,
body.agency-pro-red.woocommerce div.product p.price ins,
body.agency-pro-red.woocommerce-page div.product p.price ins,
body.agency-pro-red.woocommerce .star-rating,
body.agency-pro-red.woocommerce-page .star-rating,
body.agency-pro-red.woocommerce .star-rating::before,
body.agency-pro-red.woocommerce-page .star-rating::before,
body.agency-pro-red.woocommerce p.stars a,
body.agency-pro-red.woocommerce-page p.stars a,
body.agency-pro-red.woocommerce p.stars a::before,
body.agency-pro-red.woocommerce-page p.stars a::before,
body.agency-pro-red.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-red.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
body.agency-pro-red.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-red.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
body.agency-pro-red.woocommerce .woocommerce-message::before,
body.agency-pro-red.woocommerce-page .woocommerce-message::before,
body.agency-pro-red.woocommerce .woocommerce-info::before,
body.agency-pro-red.woocommerce-page .woocommerce-info::before,
body.agency-pro-red.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-red.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a,
body.agency-pro-red.woocommerce .woocommerce-MyAccount-navigation li a:hover,
body.agency-pro-red.woocommerce-page .woocommerce-MyAccount-navigation li a:hover {
	color: #de3233;
}

body.agency-pro-red.woocommerce ul.products li.product .onsale,
body.agency-pro-red.woocommerce-page ul.products li.product .onsale,
body.agency-pro-red.woocommerce span.onsale,
body.agency-pro-red.woocommerce-page span.onsale,
body.agency-pro-red.woocommerce a.button:hover,
body.agency-pro-red.woocommerce-page a.button:hover,
body.agency-pro-red.woocommerce button.button:hover,
body.agency-pro-red.woocommerce-page button.button:hover,
body.agency-pro-red.woocommerce input.button:hover,
body.agency-pro-red.woocommerce-page input.button:hover,
body.agency-pro-red.woocommerce #respond input#submit:hover,
body.agency-pro-red.woocommerce-page #respond input#submit:hover,
body.agency-pro-red.woocommerce a.button.alt:hover,
body.agency-pro-red.woocommerce-page a.button.alt:hover,
body.agency-pro-red.woocommerce button.button.alt:hover,
body.agency-pro-red.woocommerce-page button.button.alt:hover,
body.agency-pro-red.woocommerce input.button.alt:hover,
body.agency-pro-red.woocommerce-page input.button.alt:hover,
body.agency-pro-red.woocommerce .wc-block-components-button:hover,
body.agency-pro-red.woocommerce-page .wc-block-components-button:hover {
	background-color: #de3233;
}

body.agency-pro-red.woocommerce .woocommerce-message,
body.agency-pro-red.woocommerce-page .woocommerce-message,
body.agency-pro-red.woocommerce .woocommerce-info,
body.agency-pro-red.woocommerce-page .woocommerce-info,
body.agency-pro-red.woocommerce .woocommerce-error,
body.agency-pro-red.woocommerce-page .woocommerce-error {
	border-top-color: #de3233;
}