/*
	Theme Name: Modern Portfolio Pro
	Theme URI: https://my.studiopress.com/themes/modern-portfolio/
	Description: Put the focus on your images with the smart minimalism of the Modern Portfolio theme, a flexible, mobile-responsive layout. 
	Author: StudioPress
	Author URI: https://www.studiopress.com/
	Version: 2.1.2

	Tags: one-column, two-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: modern-portfolio-pro
*/


/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
	- 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
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Entries
		- After Entry
		- Pagination
		- Comments
- WooCommerce
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Modern Portfolio Pro Blue
		- Modern Portfolio Pro Green
		- Modern Portfolio Pro Orange
		- Modern Portfolio Pro Purple
		- Modern Portfolio Pro Red
	- Media Queries
		- max-width: 1267px
		- max-width: 1000px
		- max-width: 600px
		- max-width: 480px

*/


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

/* Baseline Normalize
   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
--------------------------------------------- */

.author-box:before,
.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;
}

.author-box:after,
.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: #fff;
	color: #222;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.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: #222;
	color: #fff;
}

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

a {
	color: #27b4b2;
}

a:hover {
	color: #222;
}

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-bottom: 1px solid #222;
	clear: left;
	margin: 0 0 40px;
	padding-top: 20px;
}

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

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

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

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

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

img {
	height: auto;
}

#blog img,
#portfolio img {
	margin-bottom: 16px;
	opacity: 0.8;
}

#blog img:hover,
#portfolio img:hover {
	opacity: 1;
}

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

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

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	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: 0;
}

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

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 0 5px #ddd inset;
	color: #888;
	font-size: 16px;
	font-weight: 300;
	padding: 16px;
	width: 100%;
}

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

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

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

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

.button,
.widget .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #27b4b2;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	padding: 16px 24px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

.button:hover,
.widget .button:hover,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	background-color: #333;
	color: #fff;
}

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

.entry-content .button:hover {
	color: #fff;
}

.button,
.widget .button {
	border-radius: 3px;
	display: inline-block;
}

.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: #ddd;
	border-width: 0;
    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;
}

#services a.button {
	float: right;
	line-height: 1;
	margin-top: -40px;
	padding: 20px 24px;
}

.mpp-landing a.button {
	margin-top: 16px;
}

/* 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: 700;
	text-transform: uppercase;
}

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


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

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

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

.site-inner {
	clear: both;
	margin: 0 auto;
	max-width: 1140px;
	padding-top: 60px;
}

.mpp-home .site-inner {
	padding: 0;
	max-width: 100%;
}

.mpp-landing .site-inner {
	border: 1px solid #222;
	max-width: 700px;
	margin: 32px auto;
	padding: 48px 60px 0;
}

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

/* Content */

.content {
	float: right;
	width: 64.912280701754%; /* 740px / 1140px */
}

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

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

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 29.824561403509%; /* 340px / 1140px */
}

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


/* 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 {
	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;
}

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

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

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

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

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

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

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

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

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

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

.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 {
	border-bottom: 1px solid #222;
	margin-bottom: 48px;
	overflow: hidden;
	padding: 8px 0 24px;
}

.archive-description,
.author-box {
	background-color: #f5f5f5;
	margin-bottom: 40px;
}

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

.author-box {
	padding: 40px;
}

.author-box-title {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	margin-bottom: 4px;
}

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

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

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

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

.entry-title a,
.sidebar .widget-title a {
	color: #222;
	text-decoration: none;
}

.entry-title a:hover {
	color: #27b4b2;
}

.widget-title {
	font-size: 24px;
	margin-bottom: 16px;
}

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


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

.widget {
	word-wrap: break-word;
	margin-bottom: 24px;
}

.widget li {
	list-style-type: none;
}

.widget ol {
	margin-left: 24px;
}

.widget li li {
	border: none;
	margin: 0 0 0 18px;
	padding: 0;
}


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

.featured-content .entry {
	font-size: 16px;
	margin-bottom: 24px;
}

.featured-content .entry-title {
	border: none;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 8px;
}

.featured-content .entry-title a {
	text-decoration: none;
}


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

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

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

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

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

.enews form + p,
.enews form + p:last-child {
	margin-top: 24px;
}

.sidebar .enews {
	background-color: #222;
	color: #fff;
	margin-bottom: 8px;
	padding: 32px;
}

.sidebar .widget.enews-widget::after {
	border-bottom: none;
	padding-bottom: 0;
}

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

.sidebar .enews-widget input[type="submit"] {
	background-color: #27b4b2;
	color: #fff;
}

.sidebar .enews-widget input:hover[type="submit"],
#services a.button:hover {
	background-color: #fff;
	color: #222;
}

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

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

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

img#wpstats {
	display: none;
}


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

.site-header .wrap {
	border-bottom: 1px solid #222;
	overflow: hidden;
	padding: 32px 0;
}

.mpp-home .site-header .wrap {
	border: none;
}

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

.title-area {
	float: left;
	padding: 12px 0;
	width: 35%;
}

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

.site-title {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
	margin: 0 0 8px;
	text-transform: lowercase;
}

.site-title a,
.site-title a:hover {
	color: #222;
	text-decoration: none;
}

.site-title a::before {
	background-color: #222;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Merriweather', serif;
	height: 48px;
	line-height: 2.1;
	margin-right: 12px;
	padding: 3px 4px;
	text-align: center;
	width: 48px;
	text-transform: uppercase;
}

.site-title a:hover::before {
	background-color: #27b4b2;
}

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

/* Full width header, no widgets */

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

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

/* Logo, hide text */

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

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

.site-header .widget-area {
	float: right;
	text-align: right;
	padding-top: 8px;
	width: 60%;
}

.site-header .widget {
	margin-bottom: 0;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
}


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

.genesis-nav-menu {
	clear: both;
	color: #222;
	line-height: 1.5;
	width: 100%;
}

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

.genesis-nav-menu a {
	border: none;
	color: #222;
	display: block;
	line-height: 1;
	padding: 24px 20px;
	position: relative;
	text-decoration: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #27b4b2;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #222;
	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: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #222;
	border-top: none;
	font-size: 14px;
	padding: 20px;
	position: relative;
	width: 200px;
}

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

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.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;
	line-height: 1;
	list-style-type: none;
	padding: 24px 0;
}

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

.genesis-nav-menu > .right > a:hover {
	background: none;
	color: #27b4b2;
}

.genesis-nav-menu > .rss > a {
	margin-left: 20px;
}

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

.genesis-nav-menu li.highlight-menu-item a {
	background-color: #222;
	color: #fff;
	margin-left: 20px;
}

.genesis-nav-menu li.highlight-menu-item a:hover {
	background-color: #27b4b2;
	color: #fff;
}

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

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

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

.nav-primary .wrap {
	border-bottom: 1px solid #222;
}

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

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

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

.nav-secondary .genesis-nav-menu a {
	padding: 6px 20px;
}

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

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

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

.site-header .responsive-menu-icon::before {
	padding: 0;
}


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

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

#about,
#blog,
#portfolio,
#services {
	clear: both;
	overflow: hidden;
}

#about,
#services {
	background-color: #222;
	color: #fff;
	font-size: 20px;
	padding: 60px 0 36px;
}

#about .entry-meta a:hover,
#about .entry-title a,
#about a:hover,
#services .entry-meta a:hover,
#services .entry-title a,
#services a:hover {
	color: #fff;
}

#about .entry-meta a,
#about .entry-title a:hover,
#services .entry-meta a,
#services .entry-title a:hover {
	color: #ccc;
}

#portfolio {
	padding: 60px 0 16px;
}

#blog {
	padding: 60px 0 0;
}

.mpp-home .content .featuredpage,
.mpp-home .content .featuredpost .entry,
#services .alignright {
	float: left;
	margin-right: 5.263157894737%; /* 60px / 1140px */
	width: 29.824561403509%; /* 340px / 1140px */
}

#services .alignleft {
	width: 64.912280701754%; /* 740px / 1140px */
}

.mpp-home .content .featuredpage:nth-of-type(3n+3),
.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
	margin-right: 0;
}

.mpp-home .content .featuredpage:nth-of-type(3n+1),
.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
	clear: left;
}

#blog .widget-title,
#portfolio .widget-title {
	margin-bottom: 24px;
}

.mpp-home .content .featuredpost h4,
.mpp-home .content .featuredpost ul, 
.mpp-home .content .featuredpost .more-from-category {
    clear: both;
}


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

.entry {
	border-radius: 3px;
	margin-bottom: 40px;
}

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

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

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

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

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

.entry-content .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.entry-meta {
	clear: both;
	color: #888;
	font-size: 16px;
}

.entry-meta a {
	color: #222;
}

.entry-meta a:hover {
	color: #27b4b2;
}

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

.entry-footer .entry-meta::before {
	border-top: 1px solid #222;
	content: "";
	display: block;
	padding-bottom: 32px;
	width: 10%;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

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

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

.after-entry {
	background-color: #222;
	color: #fff;
	margin-bottom: 40px;
	padding: 8%;
	text-align: center;
}

.after-entry .widgettitle {
	color: #fff;
	font-size: 20px;
}

.after-entry .entry-title a,
.after-entry .widget .entry-meta a:hover {
	color: #fff;
}

.after-entry .widget .entry-meta a {
	color: #ccc;
}

.after-entry .entry-title a:hover {
	color: #27b4b2;
}

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

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

.after-entry li a {
	color: #999;
}

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

.archive-pagination,
.entry-pagination {
	clear: both;
	margin: 40px 0;
}

.archive-pagination li {
	display: inline;
}

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

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

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

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 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;
	margin-top: 24px;
	padding: 32px;
}

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

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

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

.comment-header {
	font-size: 16px;
	line-height: 1.4;
}

.comment-header .comment-meta {
	margin-bottom: 12px;
}

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


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

.sidebar p:last-child,
.sidebar ul {
	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;
	margin-bottom: 32px;
	overflow: hidden;
}

.sidebar .widget::after {
	border-bottom: 1px solid #222;
	content: "";
	display: block;
	padding-bottom: 32px;
	width: 20%;
}


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

.footer-widgets {
	background-color: #222;
	color: #fff;
	clear: both;
	padding: 60px 0 16px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 29.824561403509%; /* 340px / 1140px */
}

.footer-widgets-1 {
	margin-right: 5.263157894737%; /* 60px / 1140px */
}

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

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

.footer-widgets a,
.footer-widgets .entry-meta a {
	color: #aaa;
}

.footer-widgets a:hover {
	color: #fff;
}

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

.footer-widgets .widget-title {
	color: #fff;
	font-size: 20px;
}

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

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

a.social-buttons {
	background-color: #888;
	color: #fff;
	float: left;
	font-size: 14px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	padding: 4px 8px;
	text-decoration: none;
}

a.social-buttons:hover {
	background-color: #fff;
	color: #222;
}


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

.site-footer {
	border-top: 1px solid #222;
	padding: 48px 0;
	text-align: center;
}

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

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

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


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

/* Modern Portfolio Pro Blue
--------------------------------------------- */

.modern-portfolio-pro-blue .after-entry .entry-title a:hover,
.modern-portfolio-pro-blue .entry-meta a:hover,
.modern-portfolio-pro-blue .entry-title a:hover,
.modern-portfolio-pro-blue .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-blue .site-footer a:hover,
.modern-portfolio-pro-blue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-blue .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-blue a {
	color: #13b4f2;
}

.modern-portfolio-pro-blue .footer-widgets .entry-meta a,
.modern-portfolio-pro-blue .footer-widgets .entry-title a,
.modern-portfolio-pro-blue .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-blue .after-entry .entry-title a,
.modern-portfolio-pro-blue .footer-widgets a:hover,
.modern-portfolio-pro-blue .genesis-nav-menu a:hover,
.modern-portfolio-pro-blue a.button,
.modern-portfolio-pro-blue a.button:hover,
.modern-portfolio-pro-blue a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-blue .entry-meta a,
.modern-portfolio-pro-blue .entry-title a,
.modern-portfolio-pro-blue .genesis-nav-menu a,
.modern-portfolio-pro-blue .sidebar .widget-title a,
.modern-portfolio-pro-blue .site-footer a,
.modern-portfolio-pro-blue .site-title a,
.modern-portfolio-pro-blue .site-title a:hover,
.modern-portfolio-pro-blue a:hover,
.modern-portfolio-pro-blue a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-blue .sidebar .enews-widget input[type="submit"],
.modern-portfolio-pro-blue .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-blue .archive-pagination li a:hover,
.modern-portfolio-pro-blue .archive-pagination li.active a,
.modern-portfolio-pro-blue .site-title a:hover::before,
.modern-portfolio-pro-blue #services a.button,
.modern-portfolio-pro-blue a.button,
.modern-portfolio-pro-blue button,
.modern-portfolio-pro-blue input[type="button"],
.modern-portfolio-pro-blue input[type="reset"],
.modern-portfolio-pro-blue input[type="submit"] {
	background-color: #13b4f2;
}

.modern-portfolio-pro-blue .sidebar .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-blue #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-blue button:hover,
.modern-portfolio-pro-blue input:hover[type="button"],
.modern-portfolio-pro-blue input:hover[type="reset"],
.modern-portfolio-pro-blue input:hover[type="submit"],
.modern-portfolio-pro-blue .button:hover {
	background-color: #333;
}

/* Modern Portfolio Pro Orange
--------------------------------------------- */

.modern-portfolio-pro-orange .after-entry .entry-title a:hover,
.modern-portfolio-pro-orange .entry-meta a:hover,
.modern-portfolio-pro-orange .entry-title a:hover,
.modern-portfolio-pro-orange .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-orange .site-footer a:hover,
.modern-portfolio-pro-orange .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-orange .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-orange a {
	color: #ff8748;
}

.modern-portfolio-pro-orange .footer-widgets .entry-meta a,
.modern-portfolio-pro-orange .footer-widgets .entry-title a,
.modern-portfolio-pro-orange .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-orange .after-entry .entry-title a,
.modern-portfolio-pro-orange .footer-widgets a:hover,
.modern-portfolio-pro-orange .genesis-nav-menu a:hover,
.modern-portfolio-pro-orange a.button,
.modern-portfolio-pro-orange a.button:hover,
.modern-portfolio-pro-orange a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-orange .entry-meta a,
.modern-portfolio-pro-orange .entry-title a,
.modern-portfolio-pro-orange .genesis-nav-menu a,
.modern-portfolio-pro-orange .sidebar .widget-title a,
.modern-portfolio-pro-orange .site-footer a,
.modern-portfolio-pro-orange .site-title a,
.modern-portfolio-pro-orange .site-title a:hover,
.modern-portfolio-pro-orange a:hover,
.modern-portfolio-pro-orange a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-orange .sidebar .enews-widget input[type="submit"],
.modern-portfolio-pro-orange .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-orange .archive-pagination li a:hover,
.modern-portfolio-pro-orange .archive-pagination li.active a,
.modern-portfolio-pro-orange .site-title a:hover::before,
.modern-portfolio-pro-orange #services a.button,
.modern-portfolio-pro-orange a.button,
.modern-portfolio-pro-orange button,
.modern-portfolio-pro-orange input[type="button"],
.modern-portfolio-pro-orange input[type="reset"],
.modern-portfolio-pro-orange input[type="submit"] {
	background-color: #ff8748;
}

.modern-portfolio-pro-orange .sidebar .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-orange #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-orange button:hover,
.modern-portfolio-pro-orange input:hover[type="button"],
.modern-portfolio-pro-orange input:hover[type="reset"],
.modern-portfolio-pro-orange input:hover[type="submit"],
.modern-portfolio-pro-orange .button:hover {
	background-color: #333;
}


/* Modern Portfolio Pro Purple
--------------------------------------------- */

.modern-portfolio-pro-purple .after-entry .entry-title a:hover,
.modern-portfolio-pro-purple .entry-meta a:hover,
.modern-portfolio-pro-purple .entry-title a:hover,
.modern-portfolio-pro-purple .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-purple .site-footer a:hover,
.modern-portfolio-pro-purple .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-purple .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-purple a {
	color: #a83d7e;
}

.modern-portfolio-pro-purple .footer-widgets .entry-meta a,
.modern-portfolio-pro-purple .footer-widgets .entry-title a,
.modern-portfolio-pro-purple .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-purple .after-entry .entry-title a,
.modern-portfolio-pro-purple .footer-widgets a:hover,
.modern-portfolio-pro-purple .genesis-nav-menu a:hover,
.modern-portfolio-pro-purple a.button,
.modern-portfolio-pro-purple a.button:hover,
.modern-portfolio-pro-purple a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-purple .entry-meta a,
.modern-portfolio-pro-purple .entry-title a,
.modern-portfolio-pro-purple .genesis-nav-menu a,
.modern-portfolio-pro-purple .sidebar .widget-title a,
.modern-portfolio-pro-purple .site-footer a,
.modern-portfolio-pro-purple .site-title a,
.modern-portfolio-pro-purple .site-title a:hover,
.modern-portfolio-pro-purple a:hover,
.modern-portfolio-pro-purple a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-purple .sidebar .enews-widget input[type="submit"],
.modern-portfolio-pro-purple .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-purple .archive-pagination li a:hover,
.modern-portfolio-pro-purple .archive-pagination li.active a,
.modern-portfolio-pro-purple .site-title a:hover::before,
.modern-portfolio-pro-purple #services a.button,
.modern-portfolio-pro-purple a.button,
.modern-portfolio-pro-purple button,
.modern-portfolio-pro-purple input[type="button"],
.modern-portfolio-pro-purple input[type="reset"],
.modern-portfolio-pro-purple input[type="submit"] {
	background-color: #a83d7e;
}

.modern-portfolio-pro-purple .sidebar .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-purple #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-purple button:hover,
.modern-portfolio-pro-purple input:hover[type="button"],
.modern-portfolio-pro-purple input:hover[type="reset"],
.modern-portfolio-pro-purple input:hover[type="submit"],
.modern-portfolio-pro-purple .button:hover {
	background-color: #333;
}


/* Modern Portfolio Pro Red
--------------------------------------------- */

.modern-portfolio-pro-red .after-entry .entry-title a:hover,
.modern-portfolio-pro-red .entry-meta a:hover,
.modern-portfolio-pro-red .entry-title a:hover,
.modern-portfolio-pro-red .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-red .site-footer a:hover,
.modern-portfolio-pro-red .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-red .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-red a {
	color: #fd5452;
}

.modern-portfolio-pro-red .footer-widgets .entry-meta a,
.modern-portfolio-pro-red .footer-widgets .entry-title a,
.modern-portfolio-pro-red .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-red .after-entry .entry-title a,
.modern-portfolio-pro-red .footer-widgets a:hover,
.modern-portfolio-pro-red .genesis-nav-menu a:hover,
.modern-portfolio-pro-red a.button,
.modern-portfolio-pro-red a.button:hover,
.modern-portfolio-pro-red a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-red .entry-meta a,
.modern-portfolio-pro-red .entry-title a,
.modern-portfolio-pro-red .genesis-nav-menu a,
.modern-portfolio-pro-red .sidebar .widget-title a,
.modern-portfolio-pro-red .site-footer a,
.modern-portfolio-pro-red .site-title a,
.modern-portfolio-pro-red .site-title a:hover,
.modern-portfolio-pro-red a:hover,
.modern-portfolio-pro-red a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-red .sidebar .enews-widget input[type="submit"],
.modern-portfolio-pro-red .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-red .archive-pagination li a:hover,
.modern-portfolio-pro-red .archive-pagination li.active a,
.modern-portfolio-pro-red .site-title a:hover::before,
.modern-portfolio-pro-red #services a.button,
.modern-portfolio-pro-red a.button,
.modern-portfolio-pro-red button,
.modern-portfolio-pro-red input[type="button"],
.modern-portfolio-pro-red input[type="reset"],
.modern-portfolio-pro-red input[type="submit"] {
	background-color: #fd5452;
}

.modern-portfolio-pro-red .sidebar .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-red #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-red button:hover,
.modern-portfolio-pro-red input:hover[type="button"],
.modern-portfolio-pro-red input:hover[type="reset"],
.modern-portfolio-pro-red input:hover[type="submit"],
.modern-portfolio-pro-red .button:hover {
	background-color: #333;
}


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

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

	.site-inner,
	.wrap {
		max-width: 90%;
	}

}

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

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

	.header-image .site-header .site-title a {
		background-position: top !important;
	}
	
	.entry-comments,
	.entry-footer .entry-meta,
	.site-header,
	.site-header .widget-area {
		padding: 0;
	}

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

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

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

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

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
	}
	
	#services .alignright,
	#services .alignleft {
		float: none;
		width: 100%;
	}
	
	#services a.button {
		float: left;
		margin: 20px 0 0;
	}

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

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

}

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

	.mpp-home .content .featuredpost {
		text-align: center;
	}
	
	.mpp-home .content .featuredpage,
	.mpp-home .content .featuredpage:nth-of-type(3n+3),
	.mpp-home .content .featuredpost .entry,
	.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
		float: none;
		margin: 0 auto 24px;
		max-width: 340px;
		width: 100%;
	}
	
	.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 {
		background: none;
		border: none;
		color: #222;
		display: block;
		line-height: 1;
		padding: 16px 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 16px/1 'dashicons';
		height: 16px;
		padding: 16px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}
	
	.genesis-nav-menu.responsive-menu li.highlight-menu-item a {
		margin-left: 0;
	}
	
	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		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 {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}
	
	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		padding: 14px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
	}

}

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

	.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%;
	}
	
	.header-image .site-header .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. */

/* 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: #27b4b2;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.2;
	padding: 16px 24px;
	text-align: center;
	text-transform: none;
	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: #333;
	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: #aaa;
	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: 16px;
	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: #222;
	font-family: 'Lato', 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: #aaa;
	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: #27b4b2;
	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: #27b4b2;
}

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: #aaa;
	font-size: 16px;
}

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

body.woocommerce ul.products,
body.woocommerce-page ul.products {
	display: flex;
	flex-wrap: wrap;
	/* Gutters live inside the cards, so the grid never overhangs its container. */
	margin: 0;
}

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;
	position: relative;
	/* 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: #222;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	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: #27b4b2;
}

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: auto 0 0;
	padding: 14px 8px;
	text-align: center;
	width: 100%;
}

/* WooCommerce marks the add-to-cart button .loading while it works, and the platform UI
   library styles a generic .loading class that would otherwise collapse the button. */
body.woocommerce ul.products li.product .button.loading,
body.woocommerce-page ul.products li.product .button.loading,
body.woocommerce .button.loading,
body.woocommerce-page .button.loading {
	height: auto;
	line-height: inherit;
	min-height: 0;
}

/* The View cart link only appears after an AJAX add, so it sits outside the card flow
   and the buttons in a row stay level whether or not it is there. */
body.woocommerce ul.products li.product .added_to_cart,
body.woocommerce-page ul.products li.product .added_to_cart {
	left: 10px;
	margin: 6px 0 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 100%;
	width: auto;
}

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: #27b4b2;
	border-radius: 0;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	min-height: 0;
	min-width: 0;
	padding: 8px 12px;
	text-transform: none;
}

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

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

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

body.woocommerce .woocommerce-products-header__title,
body.woocommerce-page .woocommerce-products-header__title {
	font-family: 'Merriweather', serif;
	font-size: 36px;
	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: #aaa;
	font-size: 16px;
}

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: 26px;
	margin-bottom: 30px;
}

/* Variation choices on variable products: the label sits level with its dropdown and the
   dropdown keeps the height of the theme's other fields instead of WooCommerce's 2em line.
   Both cells carry the same bottom padding, which holds the Clear link, so centring the
   label against the dropdown is not thrown off when the link appears. */
body.woocommerce div.product form.cart .variations th,
body.woocommerce-page div.product form.cart .variations th,
body.woocommerce div.product form.cart .variations td,
body.woocommerce-page div.product form.cart .variations td {
	padding: 0 0 25px;
	vertical-align: middle;
}

body.woocommerce div.product form.cart .variations th,
body.woocommerce-page div.product form.cart .variations th {
	padding-right: 20px;
	text-align: left;
	white-space: nowrap;
	width: 1%;
}

body.woocommerce div.product form.cart .variations td,
body.woocommerce-page div.product form.cart .variations td {
	position: relative;
}

body.woocommerce div.product form.cart .variations label,
body.woocommerce-page div.product form.cart .variations label {
	font-family: 'Lato', sans-serif;
	margin: 0;
}

body.woocommerce div.product form.cart .variations select,
body.woocommerce-page div.product form.cart .variations select {
	line-height: normal;
	margin: 0;
	min-width: 0;
	width: 100%;
}

body.woocommerce div.product form.cart .reset_variations,
body.woocommerce-page div.product form.cart .reset_variations {
	bottom: 2px;
	font-size: 16px;
	left: 0;
	line-height: 1.4;
	margin: 0;
	position: absolute;
}

/* 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: 0 0 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: #222;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 20px;
	text-transform: none;
}

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: #27b4b2;
}

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: 26px;
	margin-bottom: 20px;
}

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

body.woocommerce #reviews #comments > h2,
body.woocommerce-page #reviews #comments > h2 {
	font-size: 26px;
	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: 0;
	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: #aaa;
	font-size: 16px;
	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: #222;
	font-family: 'Lato', 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: 'Merriweather', serif;
	font-size: 26px;
	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: 'Lato', sans-serif;
	font-size: 16px;
	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: 16px;
}

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: 0;
	border-top-color: #27b4b2;
	color: #222;
	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: #27b4b2;
}

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: #222;
	font-family: 'Lato', 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: #222;
	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: 'Lato', sans-serif;
	text-transform: none;
}

/* Themes use .content for the main column. Payment forms ship their own .content
   elements, which must not inherit that fixed width and float. */
body.woocommerce .wc-block-checkout__form .content,
body.woocommerce-page .wc-block-checkout__form .content,
body.woocommerce .wc-block-components-payment-method .content,
body.woocommerce-page .wc-block-components-payment-method .content,
body.woocommerce .woocommerce-checkout-payment .content,
body.woocommerce-page .woocommerce-checkout-payment .content {
	float: none;
	width: auto;
}

/* A fieldset defaults to min-width: min-content, which lets the card fields push the
   payment step past the checkout column and under the order summary. */
body.woocommerce .wc-block-checkout__form fieldset,
body.woocommerce-page .wc-block-checkout__form fieldset,
body.woocommerce .wc-block-checkout__payment-method,
body.woocommerce-page .wc-block-checkout__payment-method,
body.woocommerce .wc-block-components-checkout-step,
body.woocommerce-page .wc-block-components-checkout-step {
	min-width: 0;
}

/* 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;
	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: #222;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}

body.woocommerce .wc-block-grid__product-price,
body.woocommerce-page .wc-block-grid__product-price {
	color: #222;
	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: #222;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-transform: none;
}

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: #27b4b2;
}

/* The password reveal toggle is an icon, not a themed button. */
body.woocommerce .password-input button.show-password-input,
body.woocommerce-page .password-input button.show-password-input,
body.woocommerce .password-input button.show-password-input:hover,
body.woocommerce-page .password-input button.show-password-input:hover,
body.woocommerce .password-input button.show-password-input:focus,
body.woocommerce-page .password-input button.show-password-input:focus {
	background: none;
	background-image: none;
	border: none;
	box-shadow: none;
	height: auto;
	letter-spacing: normal;
	min-width: 0;
	padding: 0;
	text-shadow: none;
	width: auto;
}

/* 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: 0;
	font-size: 16px;
}

body.woocommerce table.shop_table th,
body.woocommerce-page table.shop_table th {
	font-family: 'Lato', 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: 0;
	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: 0;
}

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: 0;
	color: #222;
}

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: 1000px) {


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

	/* Variation choices on phones: the label sits directly above a full-width dropdown. */
	body.woocommerce div.product form.cart .variations,
	body.woocommerce-page div.product form.cart .variations,
	body.woocommerce div.product form.cart .variations tbody,
	body.woocommerce-page div.product form.cart .variations tbody,
	body.woocommerce div.product form.cart .variations tr,
	body.woocommerce-page div.product form.cart .variations tr,
	body.woocommerce div.product form.cart .variations th,
	body.woocommerce-page div.product form.cart .variations th,
	body.woocommerce div.product form.cart .variations td,
	body.woocommerce-page div.product form.cart .variations td {
		display: block;
		width: 100%;
	}

	body.woocommerce div.product form.cart .variations th,
	body.woocommerce-page div.product form.cart .variations th {
		line-height: 1.4;
		padding: 0 0 8px;
		white-space: normal;
	}

	body.woocommerce div.product form.cart .variations td,
	body.woocommerce-page div.product form.cart .variations td {
		padding: 0 0 25px;
	}

	/* Classic cart on phones: the coupon field and both buttons stack at full width,
	   so no label is squeezed onto two lines. */
	body.woocommerce table.cart td.actions .coupon,
	body.woocommerce-page table.cart td.actions .coupon {
		display: block;
		float: none;
		margin-bottom: 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 {
		float: none;
		margin: 0 0 10px;
		min-width: 0;
		width: 100%;
	}

	body.woocommerce table.cart td.actions .button,
	body.woocommerce-page table.cart td.actions .button,
	body.woocommerce table.cart td.actions .coupon .button,
	body.woocommerce-page table.cart td.actions .coupon .button {
		float: none;
		width: 100%;
	}

	/* Give the order button the full column so its label stays on one line. */
	body.woocommerce .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
	body.woocommerce-page .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
		width: 100%;
	}

	/* Some themes hide every <nav> for their responsive menu; the account menu must stay. */
	body.woocommerce .woocommerce-MyAccount-navigation,
	body.woocommerce-page .woocommerce-MyAccount-navigation {
		display: block;
	}

	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;
	}

}