/*
Theme Name: Denise Elliott
Theme URI: http://underscores.me/
Author: weCreate
Author URI: https://wecreate.ca/
Description: A custom WordPress theme for DeniseElliott.ca.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: denise-elliott
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Denise Elliott is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #393839;
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1-styles {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	line-height: 1.2;
	clear: both;
	margin: .5em 0;
}

h1,
.h1-styles {
	font-size: 2.625em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.125em;
}

.page-title {
	text-align: center;
	margin: 1em 0;
}

.heading-italic,
.widget-title,
.widgettitle,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.375em;
	font-style: italic;
	font-weight: 400;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #393839;
}

p {
	margin: 0 0 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #AC9F7A;
	border-radius: 0;
	background: #AC9F7A;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	padding: 1em;
	display: block;
	width: 100%;
	max-width: 37.5em;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
	color: #AC9F7A;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #fff;
	color: #AC9F7A;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: #666;
	border: 1px solid #AC9F7A;
	border-radius: 0;
	padding: .5em;
	width: 100%;
	max-width: 37.5em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

label,
.select-title {
	display: inline-block;
	margin: 0 0 .25em;
}


/* Styled Checkboxes */
/* https://codepen.io/Vestride/pen/dABHx */
.wpcf7 span.wpcf7-list-item {
	display: block;
	margin: 0 0 .5em;
	max-width: 37.5em;
}
.wpcf7-list-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}
.wpcf7-list-item input[type="checkbox"] + span {
	position: relative;
	cursor: pointer;
	padding: 0;
	text-transform: uppercase;
}
.wpcf7-list-item input[type="checkbox"] + span:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 16px;
	height: 16px;
	background: white;
	border: 1px solid #AC9F7A;
}
.wpcf7-list-item input[type="checkbox"]:hover + span:before {
	background: #AC9F7A;
}
.wpcf7-list-item input[type="checkbox"]:focus + span:before {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.wpcf7-list-item input[type="checkbox"]:checked + span:before {
	background: #AC9F7A;
}
.wpcf7-list-item input[type="checkbox"]:disabled + span {
	color: #b8b8b8;
	cursor: auto;
}
.wpcf7-list-item input[type="checkbox"]:disabled + span:before {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #ddd;
}
.wpcf7-list-item input[type="checkbox"]:checked + span:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 7px;
  background: white;
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #AC9F7A;
	text-decoration: none;
}

a:visited {
	color: #AC9F7A;
}

a:hover,
a:focus,
a:active {
	color: #AC9F7A;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.link-arrow,
a.link-arrow,
a.add_to_cart_button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.link-arrow:after,
a.link-arrow:after,
a.add_to_cart_button:after,
.woocommerce #respond input#submit.alt:after, 
.woocommerce a.button.alt:after, 
.woocommerce button.button.alt:after, 
.woocommerce input.button.alt:after {
	content: url('img/arrow-right.svg');
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-left: 1em;
}

.woocommerce a.add_to_cart_button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background: transparent;
	color: #AC9F7A;
	font-weight: 400;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.add_to_cart_button:hover {
	background: transparent;
	color: #AC9F7A;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	display: block;
	width: auto;
	float: none;
	clear: both;
	padding: 1em 0;
	margin: 1em 0 0;
}

a.black-link {
	color: #393839;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
a.black-link:hover,
a.black-link:focus,
a.black-link:active {
	color: #AC9F7A;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
ul.menu,
ul.sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu li {
	position: relative;
}

/* Main Navigation */
.main-navigation {
	position: relative;
}
.main-navigation ul {
	display: none;
	position: fixed;
	top: 41px;
	left: 0;
	z-index: 1000;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .5);
}
.main-navigation a {
	display: block;
	padding: 1em;
	font-size: .875em;
	color: #393839;
	text-transform: uppercase;
	position: relative;
}
.main-navigation ul ul {
	position: relative;
	top: 0;
	box-shadow: none;
	padding: 0 0 0 1.5em;
}
.main-navigation li:hover > a:after,
.main-navigation li.focus > a:after,
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation .current-menu-ancestor > a:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	background-color: #393839;
	width: 100%;
	max-width: 100px;
	bottom: .75em;
	left: 1em;
	margin: 0 auto;
}
.menu-toggle {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    background-image: url(img/menu.svg);
    background-size: cover;
    padding: 0;
    margin: 0 auto;
	-webkit-transition: none;
	transition: none;
}
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
	background-image: url(img/menu.svg);
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.main-navigation.toggled > ul {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	padding: 3rem 3.25rem 1rem;
}
.main-navigation.toggled .menu-toggle {
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 1100;
    background-image: url(img/close-black.svg);
    background-size: cover;
}
.main-navigation.toggled .menu-toggle:hover,
.main-navigation.toggled .menu-toggle:focus,
.main-navigation.toggled .menu-toggle:active {
	background-image: url(img/close-black.svg);
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
		text-align: center;
		position: relative;
		top: 0;
		box-shadow: none;
	}
	.main-navigation li {
		display: inline-block;
		padding: 0 .5em;
	}
	.main-navigation a {
		padding: 1em .5em;
		text-align: center;
	}
	.main-navigation li:hover > a:after,
	.main-navigation li.focus > a:after,
	.main-navigation .current_page_item > a:after,
	.main-navigation .current-menu-item > a:after,
	.main-navigation .current_page_ancestor > a:after,
	.main-navigation .current-menu-ancestor > a:after {
		right: 0;
		left: 0;
	}

	.main-navigation.toggled > ul {
		height: auto;
		padding: 0;
	}

	/* Dropdown Menus */
	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
		padding: 0;
		width: auto;
		background-color: #f2f2f2;
	}
	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	.main-navigation ul ul a {
		width: 16rem;
		text-align: left;
		padding: 1em;
		-webkit-transition: background-color ease 0.3s;
		transition: background-color ease 0.3s;
	}
	.main-navigation ul ul li {
		padding: 0;
	}
	.main-navigation ul ul .current_page_item > a:after,
	.main-navigation ul ul .current-menu-item > a:after,
	.main-navigation ul ul li:hover > a:after,
	.main-navigation ul ul li.focus > a:after {
		right: initial;
		left: 1em;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}
}

@media screen and (max-width: 37.5em) {
	.main-navigation {
		position: absolute;
    	left: 5px;
		top: 80px;
	}
}


/* Footer Navigation */
.footer-navigation {
	padding: 2em 1rem 0;
	margin: 3em auto 2em;
	border-top: 1px solid #ccc;
	max-width: 58rem;
}
.footer-navigation li {
	margin: 0 0 .25em;
}
.footer-navigation .menu a {
	text-transform: uppercase;
	line-height: 2;
	padding: .5em;
}
@media screen and (min-width: 37.5em) {
	.footer-navigation li {
		display: inline-block;
		margin: 0 .5em;
	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.single-post .size-blog-half {
	display: inline;
}
.single-post .size-blog-half + .size-blog-half {
	margin-left: 40px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	text-align: center;
}
.woocommerce .widget {
	text-align: left;
	max-width: 12.5em;
	margin: 0 auto 2em;
}
.widget_product_search input[type="search"] {
	margin-bottom: .5em;
}
@media screen and (min-width: 62.5em) {
	.woocommerce .widget {
		max-width: 100%;
	}
}
.widget-area .product-categories .children {
	margin-top: .25em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Categories Widget */
.widget-cat-images-wrapper {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.widget-cat-images a {
	display: inline-block;
	max-width: 6rem;
	margin: 0 .75em 2em;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	color: #393839;
	text-transform: uppercase;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.widget-cat-images img {
	border-radius: 50%;
}
.widget-cat-images p {
	font-size: .875em;
	margin: 0;
}
.widget-cat-images a:hover,
.widget-cat-images a:focus,
.widget-cat-images a:active {
	color: #AC9F7A;
}

/* Social Widgets */
.widget .social-media path {
	fill: #AC9F7A;
}
.widget .social-media svg {
    max-width: 24px;
    max-height: 24px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	position: fixed;
	width: calc(100% - 32px);
	z-index: 10000;
	background-color: #FFF;
	border-top: 1rem solid #fff;
}

.site-content {
	padding-top: 200px;
}

/* Top Header */
.top-navigation {
	position: relative;
	background-color: #28282a;
}
.social-media {
	display: inline-block;
	margin-left: .5em;
}
.social-media a {
	display: inline-block;
	margin: 0 .5em;
	line-height: 3rem;
}
.social-media svg {
	max-width: 16px;
	max-height: 16px;
	vertical-align: middle;
}
.social-media path {
	-webkit-transition: fill ease 0.3s;
	transition: fill ease 0.3s;
}
.social-media a:hover path,
.social-media a:focus path,
.social-media a:active path{
	fill: #AC9F7A;
}
.top-navigation-right {
	float: right;
	margin-right: 1em;
}
.top-navigation-right a {
	display: block;
	float: left;
	color: #fff;
	font-size: .875em;
	margin-right: 1em;
}
a.contact-us-link {
	text-transform: uppercase;
	line-height: 3rem;
	letter-spacing: 1px;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
a.contact-us-link:hover,
a.contact-us-link:focus,
a.contact-us-link:active {
	color: #AC9F7A;
}

/* Site Branding */
a.site-branding {
	display: block;
	max-width: 600px;
	margin: 1em auto;
	padding: 0 .5em;
	font-family: 'Playfair Display', serif;
	font-size: .75rem;
	color: #393839;
	text-align: center;
}
.site-title {
	margin: 0;
	line-height: 1.2;
	font-size: 2.5em;
	font-weight: 700;
}
.site-description {
	margin: 0;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 6px;
	text-transform: uppercase;
}

@media screen and (min-width: 37.5em) {
	a.site-branding {
		font-size: 1rem;
	}
	.top-navigation-right {
		margin-right: 11em;
	}
	.social-media {
		margin-left: 1em;
	}
	a.book-appt-link {
		display: block;
		position: absolute;
		top: -1rem;
		right: 1.5rem;
		z-index: 100;
		width: 8rem;
		padding: 1.35rem 1rem 3rem;
		background-image: url(img/appt-box-bg.svg);
		background-repeat: no-repeat;
		text-align: center;
		line-height: 1.2;
	}
}

@media screen and (max-width: 37.5em){
	a.site-branding {
		font-size: 1rem;
	}
	.top-navigation-right {
		margin-right: 10em;
	}
	.social-media {
		margin-left: 0.5em;
	}
	a.book-appt-link {
		display: block;
		position: absolute;
		top: -1.25rem;
		right: 0.5rem;
		z-index: 100;
		width: 8rem;
		padding: 1.35rem 1rem 3rem;
		background-image: url(img/appt-box-bg.svg);
		background-repeat: no-repeat;
		text-align: center;
		line-height: 1.2;
	}

	.social-media a {
		display: inline-block;
		margin: 0 .25em;
		line-height: 3rem;
	}
	.social-media svg {
		max-width: 14px;
		max-height: 14px;
		vertical-align: middle;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	clear: both;
	padding: 2em 0 0;
	background-color: #28282a;
	text-align: center;
	font-weight: 300;
	color: #fff;
}
.site-footer a {
	color: #fff;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color: #AC9F7A;
}
.site-footer a.site-branding {
	color: #fff;
}
.mc4wp-form {
	padding: 0 1rem;
	margin: 3em 0;
}
.mc4wp-form input {
	display: block;
	vertical-align: middle;
}
.mc4wp-form input[type="email"] {
	height: 3.125em;
	margin: 0 0 .75em;
}
.footer-contact {
	padding: 0 1rem;
}
.footer-contact a {
	position: relative;
	display: block;
	margin: 0 0 .5em;
}
.site-footer .social-media svg {
	max-width: 24px;
	max-height: 24px;
}
.footer-btm {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 1em 1rem;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
.footer-btm p {
	font-size: .875em;
}
.footer-btm a {
	text-decoration: underline;
}
.footer-credits {
	margin: 0;
}
@media screen and (min-width: 37.5em) {
	.mc4wp-form input {
		display: inline-block;
		width: 7.25em;
	}
	.mc4wp-form input[type="email"] {
		margin: 0 1em 0 0;
		width: 18.75em;
	}
	.footer-contact a {
		display: inline-block;
		margin: 0;
		font-size: .875em;
	}
	.footer-contact a:after {
		content: '|';
		display: inline-block;
		margin: 0 .5em 0 1em;
		position: relative;
		top: 0;
		right: 0;
		color: #fff;
	}
	.footer-contact a:last-of-type:after {
		display: none;
	}
	.footer-btm {
		padding: 1em 10%;
	}
	.footer-copyright {
		float: left;
		margin: 0;
	}
	.footer-credits {
		float: right;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* General Layouts */
#page {
	max-width: 77rem;
	margin: 0 auto;
	border-right: 1rem solid #fff;
	border-left: 1rem solid #fff;
	border-bottom: 1rem solid #fff;
	box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.3);
}
.content-width-small {
	max-width: 58rem;
	margin: 0 auto;
}
.content-width-smallest {
	max-width: 32.5rem;
	margin: 0 auto;
}
.hentry {
	margin: 0 0 5em;
}
.site-main {
	overflow: hidden;
}


/* General Styles */
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.hidden {
	display: none;
}
.image-box-shadow {
	display: block;
	width: 100%;
	padding: .25em;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}


/* Booking Box */
.booking-box {
	max-width: 43em;
	padding: 3em 1em 2.5em;
	margin: 6em auto;
	border: 1.25rem solid #EAE5DC;
	text-align: center;
	clear: both;
}
.booking-box h2 {
	font-size: 2.25em;
	margin: 0 0 .5em;
}
@media screen and (min-width: 37.5em) {
	.booking-box {
		padding: 5em 5em 4.5em;
	}
	.booking-box h2 {
		font-size: 2.625em;
	}
}


/* Page Styles */
.page-header img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 15rem;
}
.page-header-noimage {
    max-width: 49rem;
    margin: 2em auto 3em;
    height: 1px;
    background-color: #AC9F7A;
}
@media screen and (min-width: 37.5em) {
	.page-header img {
		height: 20rem;
	}
}
@media screen and (min-width: 50em) {
	.bg-pattern .page-content {
		position: relative;
		z-index: 100;
	}
	.bg-pattern .page-content:before,
	.bg-pattern .page-content:after {
		content: '';
		position: absolute;
		left: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 40rem;
		background-image: url(img/bg-pattern.png);
		background-repeat: repeat;
		opacity: .2;
	}
	.bg-pattern .page-content:before {
		top: 0;
		-webkit-clip-path: polygon(0 35%, 100% 0, 100% 65%, 0 100%);
		clip-path: polygon(0 35%, 100% 0, 100% 65%, 0 100%);
	}
	.bg-pattern .page-content:after {
		bottom: 0;
		-webkit-clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 65%);
		clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 65%);
	}
}
@media screen and (min-width: 62.5em) {
	.page-header img {
		height: 27.5rem;
	}
}


/* 404 & Search pages */
.search-form {
	margin: 3em 0;
}
.search-form label {
	display: inline-block;
	width: 48%;
	min-width: 12rem;
}
.search-form .search-field {
	padding: .75rem;
}
.search-form .search-submit {
	display: inline-block;
	width: 48%;
	min-width: 12rem;
	max-width: 15rem;
}
.not-found .widget {
	text-align: left;
	margin: 0 0 3em;
}
.search-output .read-more {
	display: none;
}
.search-post-type {
	margin: .5em 0;
	font-size: 14px;
	font-style: italic;
}
.no-results {
	text-align: center;
}


/* Resources Page */
.resource-groups {
	margin-top: 3em;
}
.resource-group ul {
	list-style: none;
	padding: 0;
	margin: 1.5em 0 3em;
}
.resource-group li {
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (min-width: 37.5em) {
	.resource-groups {
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.resource-group {
		float: left;
		width: 50%;
		padding: 0 1em;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	.resource-group:nth-of-type(2n+1) {
		clear: both;
	}
}
@media screen and (min-width: 53em) {
	.resource-group {
		width: 33.33%;
	}
	.resource-group:nth-of-type(2n+1) {
		clear: none;
	}
	.resource-group:nth-of-type(3n+1) {
		clear: none;
	}
}


/* Contact Page */
.contact-address {
	margin: 3em 0;
}
.page-id-15 .booking-box {
	display: none;
}
.page-id-15 .hentry {
	margin: 0;
}
.contact-bottom a {
	display: block;
}
.contact-bottom img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 15rem;
}
@media screen and (min-width: 50em) {
	.page-id-15 .page-content {
		overflow: hidden;
	}
	.contact-left {
		float: left;
		width: 40%;
	}
	.contact-right {
		float: right;
		width: 55%;
	}
	.page-id-15 .page-title {
		text-align: left;
	}
	.page-id-15 span.wpcf7-list-item {
		margin: 0 0 .5em 6em;
	}
	.page-id-15 span.wpcf7-list-item.first {
		margin: 1.75em 0 .5em 6em;
	}
	.page-id-15 .select-title {
		position: relative;
		display: block;
		margin: 0;
	}
	.page-id-15 .select-title span {
		position: absolute;
		top: 0;
		left: 0;
	}	
	.contact-bottom img {
		height: 28rem;
	}
}


/* About Page & Reviews Page */
.team-member {
	max-width: 22.5rem;
	margin: 0 auto 4em;
	overflow: hidden;
	position: relative;
	z-index: 100;
}
.team-member-photo {
	max-width: 22.5rem;
}
h3.team-member-position {
	font-family: 'Work Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	color: #AC9F7A;
	margin: 1em 0 1.5em;
}
.review-link {
    border: 18px solid #EAE5DC;
    padding: 2em 1em;
    text-align: center;
    margin: 0 auto 2em;
    max-width: 18.75rem;
}
.review-link img {
    display: block;
    margin: 0 auto;
}
.review-link a.link-arrow {
	display: inline-block;
	margin: 2em 0 0;
}
@media screen and (min-width: 37.5em) {
	.review-links {
		text-align: center;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
	.review-link {
		display: inline-block;
		width: 50%;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin: 0 .75em 2em;
	}
}
@media screen and (min-width: 50em) {
	.review-link {
		margin: 0 1em 2em;
		padding: 3em 2em;
	}
	.team-member {
		max-width: 100%;
		padding: 4em 0;
		margin: 0;
	}
	.team-member:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(img/bg-pattern.png);
		background-repeat: repeat;
		opacity: .2;
	}
	.team-member:nth-of-type(4n+1):before {
		-webkit-clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
		clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
	}
	.team-member:nth-of-type(4n+3):before {
		-webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
		clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
	}
	.team-member:nth-of-type(2n):before {
		display: none;
	}
	.team-member-images {
		float: left;
		width: 45%;
		padding: 1em.5em .5em;
	}
	.team-member-text {
		float: right;
		width: 50%;
	}
}


/* Press Page */
.press-section {
    text-align: center;
    margin: 0 auto 6em;
}
.press-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.press-links ul {
    margin: 3em 0 0;
}
.press-links li {
    margin: 2em 0;
}
.press-images li {
    display: inline-block;
    margin: 2em 1em 0;
}
.press-images a {
	display: block;
}
.press-images img {
	display: block;
	width: 11rem;
	height: 15.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	border: 5px solid #AC9F7A;
}
.press-images .heading-italic {
    font-size: 1rem;
    margin: 1em 0;
}
.press-awards li {
    display: inline-block;
    margin: 2em 1em 0;
}
.press-awards a {
	display: block;
}
.press-awards img {
	display: block;
	width: 14rem;
	height: 14rem;
	-o-object-fit: cover;
	object-fit: cover;
}
.press-clients ul {
	margin: 3em auto 0;
	max-width: 50rem;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.press-clients li {
	margin: 0 0 .5em;
}


/* Portfolio Page */
.portfolios-section {
	text-align: center;
	max-width: 60rem;
	margin: 0 auto;
}
.portfolio {
	margin: 0 0 3em;
}
.portfolio-images {
	list-style: none;
	padding: 0;
	margin: 2em 0 0;
}
.portfolio-images li {
	display: inline-block;
	margin: 0 .25em .5em;
	position: relative;
	background-color: #fff;
}
.portfolio-images li.hidden {
	display: none;
}
.portfolio-images img {
	cursor: pointer;
	display: block;
	max-width: 19rem;
	position: relative;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.portfolio-images img:hover {
	opacity: .7;
}
.portfolio-images li:nth-child(3n):before {
	content: 'See More Photos';
	position: absolute;
	bottom: .25rem;
	left: .25rem;
	right: .25rem;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.7);
	display: block;
	cursor: pointer;
	color: #AC9F7A;
	padding: 1em 2em 1em 1em;
}
.portfolio-images li:nth-child(3n):after {
	content: url(img/arrow-right.svg);
	position: absolute;
	bottom: .75rem;
	right: 1rem;
	z-index: 100;
	display: block;
}
.lg-actions .lg-next, 
.lg-actions .lg-prev {
	width: auto;
}
@media screen and (min-width: 24em) {
	.portfolio-images img {
		min-width: 19rem;
		min-height: 19rem;
	}
}


/* Services Page*/
.services {
	text-align: center;
}
.service {
	max-width: 31.25rem;
	margin: 2.5em auto;
}
.service img,
.service a {
	display: block;
}
.service a {
	background-color: #fff;
	-webkit-transition: opacity ease 0.3s;
	transition: opacity ease 0.3s;	
}
.service a:hover,
.service a:focus,
.service a:active {
	opacity: .8;
}
@media screen and (min-width: 50em) {
	.service {
		display: inline-block;
		margin: 1.5em;
	}
}


/* Services Child Pages */
.accordion {
	max-width: 53rem;
	margin: 0 auto;
	text-align: left;
}
.accordion > div {
	border: 1px solid #AC9E7A;
	margin-bottom: 1.5em;
}
a.question {
	display: block;
	position: relative;
	padding: 1.25rem 2rem;
	color: #393839;
}
.question p {
	display: block;
	margin: 0 0 1em;
	font-size: 1.125em;
}
.question span {
	position: relative;
	display: block;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .875em;
	color: #AC9E7A;
}
.question span:after {
	content: '';
	background-image: url(img/arrow-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -1.5em;
	display: block;
	width: 10px;
	height: 20px;
	-webkit-transition: transform ease 0.4s;
	transition: transform ease 0.4s;
}
.question.open-tab span:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.answer {
	display: none;
	padding: .5em 2em 1.75em;
}
.answer p:last-of-type {
	margin-bottom: 0;
}


.services-section {
	margin: 7em 0;
	text-align: center;
}
.services-section h2 {
	margin: 0 0 1em;
}

.services-text {
	max-width: 35rem;
	margin: 0 auto 3em;
	padding-bottom: 1.5em;
	border-bottom: 2px solid #EAE5DC;
}
.services-text ul {
    text-align: left;
}
.services-text h3 {
    margin: .5em 0 1em;
}
.services-text li {
	margin-bottom: .5em;
}


.services-pricing-note {
	color: #AC9E7A;
}
.services-pricing-table {
	list-style: none;
	margin: 0 auto 3em;
	padding: 1em 0;
	max-width: 35rem;
	font-size: 1.125em;
	border-bottom: 2px solid #EAE5DC;
}
.services-pricing .services-pricing-table:last-of-type {
	border-bottom: none;
	margin: 0 auto 1em;
}
.services-pricing-table-title {
	margin: 0;
}
.services-pricing-table-title a {
	color: #393839;
	text-decoration: underline;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.services-pricing-table-title a:hover,
.services-pricing-table-title a:focus,
.services-pricing-table-title a:active {
	color: #AC9F7A;
}
.services-pricing-table li {
	position: relative;
}
.services-pricing-table-tooltip {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 5rem;
	left: 0;
	right: 0;
	z-index: 900;
	background-color: #fff;
	text-align: left;
	border: 1px solid #AC9F7A;
	padding: 1em;
}
.services-pricing-table-tooltip:after,
.services-pricing-table-tooltip:before {
	top: 100%;
	left: 2rem;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.services-pricing-table-tooltip:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 14px;
	margin-left: -14px;
	border-top: 28px solid #fff;
}
.services-pricing-table-tooltip:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #AC9F7A;
	border-width: 15px;
	margin-left: -15px;
	border-top: 30px solid #AC9F7A;
}


.services-pricing-table-tooltip.show-tooltip {
	display: block;
}
.services-pricing-table-tooltip h4 {
	margin: 0 0 .5em;
	padding-right: 2rem;
}
.services-pricing-table-tooltip p {
	font-size: 1rem;
	margin: 0;
	padding-right: 2rem;
}
a.close-tooltip {
	background-image: url(img/close.svg);
	background-repeat: no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 950;
}

.services-photos {
	margin: 3em 0;
}
.services-photos img {
	display: inline-block;
	max-width: 9.375rem;
	margin: 0 .25em .25em;
}


.looks-section {
	text-align: center;
	max-width: 60rem;
	margin: 4em auto;
}
.looks-section h2 {
	font-size: 2em;
	margin: .5em 0 1em;
}
.looks-wrapper {
	text-align: center;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.looks-wrapper div {
	display: inline-block;
	max-width: 28.5rem;
	margin: 0 .5em 2em;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}


@media screen and (min-width: 37.5em) {
	.services-pricing-table-title {
		margin: 0 0 1.5em;
		display: inline-block;
		width: 40%;
		text-align: left;
	}
	.services-pricing-table-amount {
		display: inline-block;
		width: 58%;
		text-align: right;
	}
	.question p {
		display: inline-block;
		width: 80%;
		vertical-align: middle;
		margin: 0;
	}
	.question span {
		position: relative;
		display: inline-block;
		width: 18%;
		vertical-align: middle;
	}
	.answer {
		width: 80%;
	}
}
@media screen and (min-width: 50em) {
	.services-photos img {
		max-width: 14rem;
		margin: 0 .5em .5em;
	}
	.question p {
		width: 85%;
	}
	.question span {
		width: 10%;
		margin-left: 3%;
	}
	.answer {
		width: 85%;
	}
}
@media screen and (min-width: 65em) {
	.services-photos img {
		max-width: 18.75rem;
	}
}


/* Weddings Page */
.weddings-text {
	position: relative;
	margin: 3rem auto 8rem;
	padding: 3rem 1.5rem;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.25em;
	z-index: 1;
}
.weddings-text:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border: 1.25rem solid #EAE5DC;
}
.weddings-text:after {
	content: url(img/arrow-down.svg);
	position: absolute;
	bottom: -3rem;
	left: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 1rem;
	margin: 0 auto;
}
.weddings-text p {
	margin: 0;
}
@media screen and (min-width: 37.5em) {
	.weddings-text {
		max-width: 44rem;
		font-size: 2em;
		padding: 4rem 1.5rem;
	}
	.weddings-text:before {
		max-width: 22rem;
	}
}


/* Home Page*/
.home-section {
	margin: 5em auto;
	overflow: hidden;
	clear: both;
}

.home-text {
	max-width: 27rem;
}
.home-text-left {
	padding: .5rem;
}
.home-text-right {
	padding: .5rem;
	font-family: 'Playfair Display', serif;
}
.home-text-right p {
	margin: 0 0 .5em;
}
.home-text-right img {
	display: block;
	max-width: 12.5rem;
}

.home-features {
	text-align: center;
}
.home-features-item {
	width: 18rem;
	margin: 0 auto 2em;
	border: 1.25rem solid #EAE5DC;
	background-color: #fff;
}
.home-features-item a {
	display: block;
	padding: 2em;
}
.home-features-item img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-transition: opacity ease 0.3s;
	transition: opacity ease 0.3s;
}
.home-features-item a:hover img,
.home-features-item a:focus img,
.home-features-item a:active img {
	opacity: .7;
}
.home-features-item h3 {
	color: #393839;
	font-size: 1.625em;
	margin: 1em 0;
}
.home-features-item p {
	margin: 0;
}

.home-grid {
	max-width: 60rem;
	text-align: center;
	padding: .5rem;
}
.home-grid h2 {
	margin: 0 0 1em;
}
.home-grid-item {
	margin: 0 auto 1em;
	max-width: 20rem;
}
.home-grid-item img {
	display: block;
	height: 19rem;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: opacity ease 0.3s;
	transition: opacity ease 0.3s;
}
.home-grid-item a:hover img {
	opacity: .7;
}
.home-grid-text {
	padding: 0 .5rem;
}
.home-grid-item h3 {
	color: #393839;
	margin: 1rem 0;
}
.home-grid-item p {
	margin: 0 0 1rem;
}

.home-awards {
	max-width: 50rem;
	text-align: center;
}
.home-awards img {
	display: block;
	margin: 0 auto;
}
.home-awards h2 {
	margin: 0 0 .5em;
}
.home-awards h2:after {
	content: '';
	position: relative;
	display: block;
	height: 2px;
	width: 3rem;
	background-color: #AC9F7A;
	margin: .75em auto;
}

.home-reviews {
	text-align: center;
}
.quote-after {
	margin: .5em 0 0;
}
.quote-after:after {
	content: '“';
	display: block;
	position: relative;
	font-size: 6rem;
	color: #AC9F7A;
	line-height: 1;
	margin-top: 2rem;
}

.home-instagram {
	text-align: center;
	max-width: 60rem;
}
.home-instagram-title {
	border: 1.25rem solid #EAE5DC;
	max-width: 21.75rem;
	margin: 0 auto 2rem;
	background-color: #fff;
}
.home-instagram-title a {
	display: block;
	padding: 2em;
}
.home-instagram-title svg {
	width: 40px;
	height: 40px;
}
.home-instagram-title svg path {
	fill: #AC9F7A;
}
.home-instagram-title h2 {
	font-size: 2em;
	color: #393839;
}
.home-instagram-title p {
	margin: 0;
}
.home-instagram-hashtag {
	display: block;
	font-size: 1.75em;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	line-height: 1.2;
	margin: 0 auto 2rem;
	background-color: #fff;
	color: #393839;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}

.home-products h2 {
	text-align: center;
}
#home-slider-products {
	padding: 0 2rem;
	background: transparent;
}
#home-slider-products .flex-direction-nav li {
	top: 30%;
}


@media screen and (min-width: 37.5em) {
	.home-awards-left {
		float: left;
		width: 38%;
	}
	.home-awards-right {
		float: right;
		width: 55%;
		text-align: left;
	}
	.home-awards h2:after {
		margin: .75em 0;
	}
}
@media screen and (min-width: 43.75em) {
	.home-text {
		max-width: 48.5rem;
	}
	.home-text-left {
		float: left;
		width: 60%;
	}
	.home-text-right {
		float: right;
		width: 40%;
		padding: 0 0 0 3rem;
	}
	.home-features {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.home-features-item {
		display: inline-block;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin: 0 1em 2em;
	}
	.home-grid-items {
		float: left;
		width: 49%;
	}
	.home-grid-items:first-of-type {
		margin-right: 2%;
	}
	.home-grid-item {
		max-width: 100%;
	}
	.home-grid-item img {
		height: auto;
		min-height: 10rem;
		max-height: 35.5rem;
	}
	.home-grid-item h3 {
		text-align: left;
	}
	.home-grid-item p {
	    text-align: right;
	}
}
@media screen and (min-width: 50em) {
	.home-text-right {
		font-size: 1.625em;
	}
	.home-instagram-title {
		display: inline-block;
		width: 100%;
		margin: 0 1rem 2rem;
		vertical-align: bottom;
	}
	.home-instagram-hashtags {
		display: inline-block;
		margin: 0 1rem 2rem;
		vertical-align: bottom;
	}
	.home-instagram-hashtag {
		font-size: 2em;
		border: 1.25rem solid #EAE5DC;
		padding: 1rem 2rem;
		max-width: 25rem;
	}
	.home-instagram-hashtag:last-of-type {
		margin: 0 auto;
	}
}


/* Blog */
.sticky {
	display: block;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.blog .hentry,
.archive .hentry {
	margin: 0 0 1em;
}
.single .hentry {
	margin: 0 0 3em;
}
.entry-title a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
	color: #393839;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:focus .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:active .woocommerce-loop-product__title {
	color: #AC9F7A;
}
.entry-content {
	margin: 1em 0 0;
}
.blog-excerpt-image {
	margin: 0 0 1.5em;
}
.ssba img {
	margin: 0 .5em;
}
.entry-footer {
	margin: 1.5em 0 0;
}
.entry-footer .cat-links {
	display: block;
	margin: 1em 0 0;
}
.entry-meta a {
	color: #393839;
	-webkit-transition: color ease 0.3s;
	transition: color ease 0.3s;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
	color: #AC9F7A;
}
.blog-excerpt .entry-meta .cat-links:before {
	content: ' | ';
	display: inline-block;
	position: relative;
	margin: 0 .5em;
}

/* Comment / Paging Navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0;
	padding: 1.5rem 0;
	overflow: hidden;
	clear: both;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 1.5em;
}
.nav-previous a:before {
	content: url('img/arrow-left.svg');
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 1.5em;
}
.nav-next a:after {
	content: url('img/arrow-right.svg');
	display: block;
	position: absolute;
	top: -3px;
	right: 0;
}
.comment-list {
	list-style: none;
	margin: 0 0 1.5em;
}
.comment-body {
    margin: 0 0 2em;
}

@media screen and (min-width: 43.75em) {
	.blog-excerpt-small-wrapper {
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: 1px solid #AC9E7B;
	}
	.blog-excerpt-small-wrapper article.blog-excerpt {
		float: left;
		width: 48%;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		position: relative;
		padding-bottom: 2rem;
		margin: 0 0 3em;
	}
	.blog-excerpt-small-wrapper article.blog-excerpt .read-more {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
	}
	.site-main .comment-navigation,
	.site-main .posts-navigation,
	.site-main .post-navigation {
		padding: 1.5rem 3rem;
	}
}
@media screen and (min-width: 62.5em) {
	.content-area {
		float: left;
		width: 70%;
		padding-left: 3rem;
	}
	.woocommerce .content-area {
		float: right;
		padding-left: 0;
		padding-right: 3rem;
	}
	.single .content-area {
		margin: 1em 0 4em;
	}
	.widget-area {
		float: right;
		width: 27%;
		padding-right: 3rem;
	}
	.woocommerce .widget-area {
		float: left;
		padding-left: 3rem;
	}
	.single .widget-area {
		margin: 2.5em 0 4em;
	}
	.site-main .comment-navigation,
	.site-main .posts-navigation,
	.site-main .post-navigation {
		width: 70%;
		padding: 1.5rem 0 1.5rem 3rem;
	}
}

/* WooCommerce */
.woocommerce-products-header::after {
	content: '';
	width: 70%;
	height: 1px;
	background-color: #AC9E7B;
	position: relative;
	display: block;
	margin: 2em auto 3em;
}
.woocommerce ul.products li.product {
	text-align: center;
}
.woocommerce ul.products li.product .price {
	color: #393839;
	font-size: 1em;
	margin-bottom: 0;
}
.widget_product_categories ul.product-categories {
	list-style: none;
	margin: 0;
}
.widget_product_categories ul.product-categories li {
	margin-bottom: 1em;
}
.woocommerce .products ul, 
.woocommerce ul.products {
	padding: 2em 0 0;
}
.woocommerce ul.products li.product .button {
	margin-top: 0;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #AC9F7A;
	font-size: 1.5em;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: transparent;
	color: #AC9F7A;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	font-weight: 400;
}
.woocommerce .shop_table #respond input#submit, 
.woocommerce .shop_table a.button, 
.woocommerce .shop_table button.button, 
.woocommerce .shop_table input.button,
.woocommerce .woocommerce-form-coupon #respond input#submit, 
.woocommerce .woocommerce-form-coupon a.button, 
.woocommerce .woocommerce-form-coupon button.button, 
.woocommerce .woocommerce-form-coupon input.button,
.woocommerce .woocommerce-form-login #respond input#submit, 
.woocommerce .woocommerce-form-login a.button, 
.woocommerce .woocommerce-form-login button.button, 
.woocommerce .woocommerce-form-login input.button,
.woocommerce-account #respond input#submit, 
.woocommerce-account a.button, 
.woocommerce-account button.button, 
.woocommerce-account input.button {
	border: 1px solid #AC9F7A;
    border-radius: 0;
    background: #AC9F7A;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    max-width: 100%;
}
.woocommerce .shop_table #respond input#submit:hover, 
.woocommerce .shop_table a.button:hover,
.woocommerce .shop_table button.button:hover, 
.woocommerce .shop_table input.button:hover,
.woocommerce .woocommerce-form-coupon #respond input#submit:hover, 
.woocommerce .woocommerce-form-coupon a.button:hover,
.woocommerce .woocommerce-form-coupon button.button:hover, 
.woocommerce .woocommerce-form-coupon input.button:hover,
.woocommerce .woocommerce-form-login #respond input#submit:hover, 
.woocommerce .woocommerce-form-login a.button:hover,
.woocommerce .woocommerce-form-login button.button:hover, 
.woocommerce .woocommerce-form-login input.button:hover,
.woocommerce-account #respond input#submit:hover, 
.woocommerce-account a.button:hover,
.woocommerce-account button.button:hover, 
.woocommerce-account input.button:hover {
	background: #fff;
	color: #AC9F7A;
}

.woocommerce .shop_table #respond input#submit:focus, 
.woocommerce .shop_table a.button:focus,
.woocommerce .shop_table button.button:focus, 
.woocommerce .shop_table input.button:focus,
.woocommerce .shop_table #respond input#submit:active, 
.woocommerce .shop_table a.button:active,
.woocommerce .shop_table button.button:active, 
.woocommerce .shop_table input.button:active,
.woocommerce .woocommerce-form-coupon #respond input#submit:focus, 
.woocommerce .woocommerce-form-coupon a.button:focus,
.woocommerce .woocommerce-form-coupon button.button:focus, 
.woocommerce .woocommerce-form-coupon input.button:focus,
.woocommerce .woocommerce-form-coupon #respond input#submit:active, 
.woocommerce .woocommerce-form-coupon a.button:active,
.woocommerce .woocommerce-form-coupon button.button:active, 
.woocommerce .woocommerce-form-coupon input.button:active,
.woocommerce .woocommerce-form-login #respond input#submit:focus, 
.woocommerce .woocommerce-form-login a.button:focus,
.woocommerce .woocommerce-form-login button.button:focus, 
.woocommerce .woocommerce-form-login input.button:focus,
.woocommerce .woocommerce-form-login #respond input#submit:active, 
.woocommerce .woocommerce-form-login a.button:active,
.woocommerce .woocommerce-form-login button.button:active, 
.woocommerce .woocommerce-form-login input.button:active,
.woocommerce-account #respond input#submit:focus, 
.woocommerce-account a.button:focus,
.woocommerce-account button.button:focus, 
.woocommerce-account input.button:focus,
.woocommerce-account #respond input#submit:active, 
.woocommerce-account a.button:active,
.woocommerce-account button.button:active, 
.woocommerce-account input.button:active {
	background: #fff;
	color: #AC9F7A;
}
.woocommerce .wc-proceed-to-checkout a.button.alt {
	margin: 0;
	padding: 0;
	float: right;
}
.select2-container--default .select2-selection--single {
	color: #666;
    border: 1px solid #AC9F7A;
    border-radius: 0;
    width: 100%;
    max-width: 37.5em;
    min-height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-top: .25em;
}
.woocommerce-message,
.woocommerce-info {
	border-top-color: #AC9F7A;
}
.woocommerce-message::before,
.woocommerce-info::before {
	color: #AC9F7A;
}
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
}
@media only screen and (min-width: 769px) {
	.woocommerce .cart .button {
		width: 30%;
		float: right;
	}
	.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
		width: 50%;
	}
	.woocommerce #content table.cart td.actions .input-text, 
	.woocommerce table.cart td.actions .input-text, 
	.woocommerce-page #content table.cart td.actions .input-text, 
	.woocommerce-page table.cart td.actions .input-text {
		width: 30%;
	}
	.woocommerce .cart .coupon .button {
		width: 68%;
	}
}

.single-product .quantity label {
	display: block;
	width: 150px;
	float: left;
	margin: .5em 0;
}
.woocommerce div.product form.cart .variations label {
	font-weight: 400;
}
.woocommerce div.product form.cart .variations td.label {
	width: 150px;
}
.woocommerce div.product form.cart .variations {
	margin-bottom: 0;
}
@media only screen and (max-width: 550px) {
	.woocommerce ul.products[class*=columns-] li.product {
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n) {
		float: none;
	}
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-form label {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 49%;
	margin: 0 0 1em;
}
.gallery-columns-2 .gallery-item:nth-of-type(odd) {
	margin-right: 2%;
}

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}