/*
Theme Name: Amber Interiors
Theme URI: http://underscores.me/
Author: Janine Isabelle
Author URI: http://janineisabelle.ca
Description: Custom WordPress theme designed by Savanna Hunter-Reeves
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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.

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

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Structure
	## Header
	## Footer
# Navigation
	## Links
	## Menus
# Pages
	## Front Page
	## About Page
	## Portfolio & Project Pages
	## Services Page
	## Press Page
	## Contact Page
	## Form Pages
# Blog
	## Blog Feed
	## Comments
	## Search Results Page
	## 404 Page
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
	color: #1d1d1b;
	font-family: "futura-pt", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
}

h1 {
	clear: both;
	font-weight: 700;
}

h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}

article p {
	margin-bottom: 1.65em;
	text-align: justify;
	line-height: 1.65em;
}

i,
.italic {
	font-style: italic;
}

b,
strong,
.bold {
	font-weight: 700;
}

img#wpstats{display:none}

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'playfair';
	src: url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),
		 url('fonts/playfairdisplay-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'sofia';
	src: url('fonts/sofiaprolight-webfont.woff2') format('woff2'),
		 url('fonts/sofiaprolight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

header {
	max-width: 960px;
	width: 90%;
	padding: 1.5% 0 3.5%;
	margin: 0 auto;
}

.site-logo {
	display: inline-block;
	vertical-align: middle;
	max-width: 250px;
	width: 26.1%;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer {
	background: #f4f4f4;
	padding: 6% 0;
}

.footer-text {
	max-width: 700px;
	width: 80%;
	margin: 0 auto 1.75em;
}

footer .footer-text p {
	text-align: center;
	line-height: 1.65em;
	letter-spacing: 0.035em;
}

.footer-social {
	text-align: center;
	margin-bottom: 2em;
}

.footer-social a {
	display: inline-block;
	margin: 0 5px;
}

.footer-social a:hover {
	opacity: 0.4;
}

.footer-social a img {
	max-height: 20px;
	width: auto;
}

footer p {
	text-align: center;
}

.italic {
	font-family: "playfair", Georgia, serif;
	font-size: 0.85em;
	font-style: italic;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #1d1d1b;
	text-decoration: none;
	transition: all 500ms ease;
}

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

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

nav.responsive-nav {
	display: none;
}

/* MAIN NAV */

nav.primary-nav {
	display: inline-block;
	vertical-align: middle;
	width: 73.25%;
}

nav.primary-nav ul {
	text-align: right;
}

nav.primary-nav li {
	display: inline-block;
	margin-left: 2%;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}

/* FOOTER NAV */

footer nav {
	max-width: 1000px;
	width: 98%;
	margin: 0 auto 2em;
}

footer nav ul {
	text-align: center;
}

footer nav li {
	display: inline-block;
	margin: 0 1.5%;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## FRONT PAGE
--------------------------------------------------------------*/

#home-one,
#home-two,
#home-three,
#four-wrap,
#home-five,
#six-wrap {
	max-width: 960px;
	width: 90%;
	margin: 0 auto 4em;
}

#home-three h1,
#home-four h1,
#home-six h1 {
	font-size: 1.35em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 3em;
}

/* SECTION ONE */

#home-one .meteor-slides .mslide img {
	width: 100%;
}

/* SECTION TWO */

#home-two h2 {
	font-family: "sofia", Helvetica, sans-serif;
	font-size: 1.35em;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	max-width: 425px;
	width: 80%;
	margin: 0 auto 3%;
}

#home-two .team-link {
	text-align: center;
}

#home-two a {
	font-family: "playfair", Times New Roman, serif;
	font-style: italic;
	letter-spacing: 0.02em;
	padding-bottom: 2px;
	border-bottom: 1px solid #1d1d1b;
}

#home-two a:hover {
	border-bottom: 1px solid #a8a8a8;
}

/* SECTION THREE */

#gallery .box {
	position: relative;
	display: inline-block;
	width: 47.5%;
	margin-right: 4%;
	margin-bottom: 3.75%;
}

#gallery .box:nth-child(even) {
	margin-right: 0;
}

.box img {
	max-width: 100%;
	width: 100%;
	vertical-align: top;
}

.box:hover .overlay,
.press-item:hover .overlay {
	opacity: 1;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: 0/0 a;
	background-color: #fff;
	z-index: 100;
	opacity: 0;
	margin: 8%;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.overlay-wrap {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 24px;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-align: center;
}

.overlay a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10%;
}

.overlay a:hover {
	color: #1d1d1b;
}

.overlay h2 {
	margin: 0 auto 8%;
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	text-transform: capitalize;
	line-height: 1.5em;
}

.overlay h3 {
	font-family: "futura", Helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.525em;
	border-bottom: 1px solid #1d1d1b;
	max-width: 175px;
	margin: 0 auto;
	padding-bottom: 7px;
}

.project-more a {
	display: block;
	border: 1px solid #1d1d1b;
	padding: 2%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.project-more a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/* SECTION FOUR */

#home-four {
	background-color: #f4f4f4;
	padding: 4em 0;
}

#four-wrap {
	margin: 0 auto;
}

#home-four h1 {
	padding-bottom: 2%;
}

.home-box {
	background: #fff;
}

.home-box-text,
.home-box-image {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.home-box-text {
	position: relative;
	padding: 0 8%;
}

.home-number {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	font-family: "sofia", Helvetica, sans-serif;
	font-size: 1.65em;
	text-align: center;
}

.home-box h2 {
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	padding: 6em 0 6%;
}

.home-box p {
	text-align: center;
	line-height: 1.65em;
	margin-bottom: 8%;
}

.home-box a {
	display: block;
	border: 1px solid #1d1d1b;
	margin: 0 3%;
	padding: 5.5% 0;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.home-box a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/* SECTION FIVE */

#home-five {
	padding: 4em 0 1em;
}

#home-five .widget {
	position: relative;
	max-width: 770px;
	width: 80%;
	margin: 0 auto;
	border: 1px solid #1d1d1b;
	padding: 6%;
}

ul.instagram-pics li {
	display: inline-block;
	width: 29.25%;
	margin-right: 6%;
	margin-bottom: 6%;
}

ul.instagram-pics a {
	display: block;
}

ul.instagram-pics li:nth-of-type(3n) {
	margin-right: 0;
}

#home-five h2 {
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	padding-bottom: 7.5%;
}

#home-five .clear a {
	position: absolute;
	bottom: -5%;
	left: 0;
	right: 0;
	max-width: 280px;
	margin: 0 auto;
	display: block;
	background: #fff;
	border: 1px solid #1d1d1b;
	padding: 3% 0;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

#home-five .clear a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/* SECTION SIX */

#home-six {
	background: #ede7df;
	padding: 4em 0;
}

#six-wrap {
	margin: 0 auto;
}

#home-six h1 {
	padding-bottom: 2%;
}

#home-six .press-item {
	display: inline-block;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	text-align: center;
}

#home-six .press-item:nth-of-type(3n) {
	margin-right: 0;
}

#home-six .press-item img {
	max-width: 200px;
}

#home-six .press-link {
	margin-top: 3%;
	text-align: center;
}

#home-six a {
	font-family: "playfair", Times New Roman, serif;
	font-style: italic;
	letter-spacing: 0.02em;
	padding-bottom: 2px;
	border-bottom: 1px solid #1d1d1b;
}

#home-six a:hover {
	border-bottom: 1px solid #a8a8a8;
}

/*--------------------------------------------------------------
## ABOUT PAGE
--------------------------------------------------------------*/

#about-one,
#about-two-wrap,
#about-three {
	max-width: 960px;
	width: 90%;
	margin: 0 auto 4em;
}

/* SECTION ONE */

#about-one {
	position: relative;
	margin: 2em auto 4em;
}

.about-text {
	max-width: 650px;
	width: 80%;
	margin: 0 auto;
}

#about-one p {
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.035em;
	margin-bottom: 1.65em;
}

.about-us {
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}

.about-us:first-of-type {
	position: absolute;
	bottom: 3.5em;
	left: 0;
	text-align: left;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.about-us:last-of-type {
	position: absolute;
	top: 3.5em;
	right: 0;
	text-align: right;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* SECTION TWO */

#about-two {
	background: #ede7df;
	padding: 4em 0;
}

#about-two-wrap {
	margin: 0 auto;
}

#about-two h1 {
	font-size: 1.35em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 3em;
}

.amber-bio h2 {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	text-align: center;
	border-bottom: 1px solid #1d1d1b;
	padding-bottom: 5px;
	margin: 1% auto 4%;
	max-width: 140px;
}

#about-two p {
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.035em;
	margin-bottom: 1.65em;
}

.amber-bio {
	column-count: 2;
	column-gap: 2.5em;
}

/* SECTION THREE */

#about-three {
	padding-top: 4em;
}

#about-three-wrap {
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
}

.team-box {
	position: relative;
	display: inline-block;
	width: 50%;
	border: 1px solid #1d1d1b;
	padding: 6% 0;
	margin-bottom: 4%;
	text-align: center;
	cursor: pointer;
}

.team-box:nth-child(even) {
	border-left: 1px solid transparent;
}

.team-box h3 {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	margin: 6% auto 3%;
}

.team-box h4 {
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}

.team-box:hover .team-overlay {
	opacity: 1;
}

.team-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: 0/0 a;
	background-color: #fff;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.team-overlay-wrap {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 26px;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-align: center;
}

.team-box .team-overlay h3 {
	font-family: "futura", Helvetica, sans-serif;
	font-size: 0.5em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.525em;
	border-bottom: 1px solid #1d1d1b;
	max-width: 175px;
	margin: 0 auto;
	padding-bottom: 7px;
}

#about-three .services-link {
	margin-top: 6%;
	text-align: center;
}

.services-link a {
	border: 1px solid #1d1d1b;
	padding: 2% 5%;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.services-link a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/*--------------------------------------------------------------
## TEAM PAGE
--------------------------------------------------------------*/

#team-page {
	max-width: 960px;
	width: 90%;
	margin: 8em auto 0;
}

.team-section {
	position: relative;
	margin: 0 auto 10em;
	padding: 9em 6% 6%;
	border: 1px solid #1d1d1b;
}

.team-section:last-of-type {
	margin: 0 auto 8em;
}

.team-section .team-img {
	position: absolute;
	top: -6em;
	right: 0;
	left: 0;
	width: 200px;
	margin: 0 auto;
}

.team-section h3,
.team-section h4 {
	text-align: center;
}

.team-section h3 {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	margin: 0 auto 1%;
}

.team-section h4 {
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 4em;
}

.team-column {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 4%;
	text-align: center;
}

.team-column:last-of-type {
	border-left: 1px solid #1d1d1b;
}

.team-column p {
	max-width: 320px;
	margin: 0 auto;
}

.faq {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	margin-bottom: 1%;
}

.faq-answer {
	margin-bottom: 1.5em;
}

.faq-answer:last-of-type {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## PORTFOLIO & PROJECT PAGES
--------------------------------------------------------------*/

#portfolio,
#project-one,
#project-two,
#post-nav {
	max-width: 960px;
	width: 90%;
	margin: 0 auto 4em;
}

#portfolio {
	margin: 2em auto 4em;
}

#project-one {
	margin: 2em auto 0;
}

#project-one img {
	width: 100%;
}

#project-two h2 {
	position: relative;
	z-index: 999;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}

#project-two h2,
#project-two p:first-of-type {
	background: #fff;
	max-width: 700px;
	width: 80%;
	margin: -2em auto 0;
	padding: 5% 2%;
}

#project-two p:first-of-type {
	border: 1px solid #1d1d1b;
	border-top: none;
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.035em;
	margin-bottom: 1.65em;
	margin-top: 0;
	padding: 3% 6% 6%;
}

#project-two p img {
	margin-top: 6%;
}

.page-nav {
	display: inline-block;
	width: 50%;
}

.page-nav a {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	text-align: center;
	border-bottom: 1px solid #1d1d1b;
	padding-bottom: 5px;
}

.page-nav a:hover {
	border-bottom: 1px solid #a8a8a8;
}

.page-nav.old {
	text-align: left;
}

.page-nav.new {
	text-align: right;
}

/*--------------------------------------------------------------
## SERVICES PAGE
--------------------------------------------------------------*/

#services-one {
	background: #f4f4f4;
	padding: 4em 0 6em;
}

#services-two {
	margin: 4em auto 6em;
}

.design-text,
.decor-text {
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	padding: 5% 8%;
}

.design-text {
	background: #fff;
}

.decor-text {
	background: #f4f4f4;
}

#services-one h1,
#services-two h1 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 5%;
}

#services-one hr,
#services-two hr {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 1px;
	border: 0;
	background: #1d1d1b;
	margin: 0 10px 1px 4px;
	padding: 0;
}


#services-one p,
#services-two p {
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.035em;
	margin-bottom: 1.65em;
}

#services-one p:last-of-type,
#services-two p:last-of-type {
	margin-bottom: 0;
}

#services-one h2,
#services-two h2 {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	text-align: center;
	margin-bottom: 1.65em;
}

#services-one h3,
#services-two h3 {
	text-align: center;
	text-decoration: underline;
	margin-bottom: 1.65em;
}

.services-button {
	margin-top: 6%;
	text-align: center;
}

.services-button a {
	border: 1px solid #1d1d1b;
	padding: 1% 4%;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.hide {
	font-weight: 700;
}

.services-button a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

#services-three {
	max-width: 960px;
	width: 90%;
	margin: 4em auto;
	border: 1px solid #1d1d1b;
	padding: 2.5em;
	text-align: center;
}

#services-three h2 {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 1em;
}

#services-three p:first-of-type {
	margin-bottom: 2.5em;
}

#services-three a {
	border-bottom: 1px solid #1d1d1b;
}

#services-three a:hover {
	border-bottom: 1px solid #a8a8a8;
}

/*--------------------------------------------------------------
## PRESS PAGE
--------------------------------------------------------------*/

#press {
	max-width: 960px;
	width: 90%;
	margin: 2em auto 4em;
}

#press h1 {
	font-size: 1.35em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 5%;
}

#press article {
	position: relative;
	display: inline-block;
	width: 30%;
	margin-right: 4.35%;
	margin-bottom: 5%;
}

#press article:nth-of-type(3n) {
	margin-right: 0;
}

#press article img {
	width: 100%;
}

#press .overlay h2 {
	font-size: 0.65em;
	margin: 0 auto;
}

#press .overlay h2:last-of-type {
	font-size: 0.5em;
}

.press-text p {
	font-family: "playfair", Georgia, serif;
	font-size: 0.95em;
	font-style: italic;
	text-align: center;
}

.press-text p a {
	border-bottom: 1px solid #1d1d1b;
}

.press-text p a:hover {
	border-bottom: 1px solid #a8a8a8;
}

/*--------------------------------------------------------------
## CONTACT PAGE
--------------------------------------------------------------*/

#contact-wrap {
	max-width: 960px;
	width: 90%;
	margin: 2em auto 4em;
}

.contact {
	display: inline-block;
	vertical-align: top;
	width: 62%;
}

.contact:first-of-type {
	width: 32%;
	margin-right: 6%;
}

.contact h1 {
	font-family: "sofia", Helvetica, sans-serif;
	font-size: 1.15em;
	letter-spacing: 0.075em;
}

.contact hr {
	width: 70px;
	height: 1px;
	border: 0;
	background: #1d1d1b;
	margin: 1.65em 0;
	padding: 0;
}

.contact p {
	line-height: 1.65em;
}

.contact p a {
	border-bottom: 1px solid #1d1d1b;
}

.contact p a:hover {
	border-bottom: 1px solid #a8a8a8;
}

.contact p:last-of-type a,
.contact p:last-of-type a:hover {
	border-bottom: 0;
}

.contact-social {
	margin-top: 1.65em;
}

.contact-social a {
	display: inline-block;
	margin-right: 10px;
}

.contact-social a:hover {
	opacity: 0.4;
}

.contact-social a img {
	max-height: 20px;
	width: auto;
}

.contact-column .field-wrap {
	display: inline-block;
	width: 48%;
}

.contact-column .field-wrap:first-of-type {
	margin-right: 3%;
}

.contact-column .field-wrap:last-of-type {
	margin-left: 3%;
}

.contact-column input[type="text"] {
	height: 50px;
	padding-left: 5%;
}

.contact-column input,
.contact textarea {
	background: #f4f4f4;
	border: none;
	font-family: "futura-pt", Futura, sans-serif;
	font-size: 0.95em;
	letter-spacing: 0.035em;
	color: #1d1d1b;
}

.contact textarea {
	padding: 3% 2%	;
}

.submit-wrap {
	text-align: center;
}

.contact input[type="submit"] {
	border: 1px solid #1d1d1b;
	background: #fff;
	padding: 3% 15%;
	font-family: "futura-pt", Futura, sans-serif;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.contact input[type="submit"]:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/*--------------------------------------------------------------
## FORM PAGES
--------------------------------------------------------------*/

#form {
	max-width: 700px;
	width: 80%;
	margin: 2em auto 4em;
}

#form h1 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 3%;
}

#form h2 {
	font-family: "playfair", Georgia, serif;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	margin-bottom: 8%;
}

#form h2 a {
	border-bottom: 1px solid #1d1d1b;
}

#form h2 a:hover {
	border-bottom: 1px solid #a8a8a8;
}

.form-column .field-wrap {
	display: inline-block;
	width: 48%;
}

.form-column .field-wrap:nth-child(odd) {
	margin-right: 3%;
}

#form .form-column input[type="text"] {
	height: 50px;
	padding-left: 5%;
}

#form input[type="text"] {
	height: 50px;
	padding-left: 2%;
}

#form input,
#form textarea,
#form select {
	background: #f4f4f4;
	border: none;
	font-family: "futura-pt", Futura, sans-serif;
	font-size: 0.95em;
	letter-spacing: 0.035em;
	color: #1d1d1b;
}

#form select {
	margin-top: 2%;
	padding: 2% 12% 2% 2%;
	border-radius: 0;
	background: url("images/forms/payment_dropdown.png") 95% 50% no-repeat;
	background-size: 10px;
	background-color: #f4f4f4;
}

#form textarea {
	padding: 3% 2%;
}

#form .submit-wrap {
	margin-top: 8%;
}

#form .submit-wrap p {
	padding: 0 5%;
	font-size: 0.85em;
	text-align: justify;
}

#form input[type="submit"] {
	margin-top: 8%;
	border: 1px solid #1d1d1b;
	background: #fff;
	padding: 3% 15%;
	font-family: "futura-pt", Futura, sans-serif;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

#form input[type="submit"]:hover {
	background-color: #1d1d1b;
	color: #fff;
}

/*--------------------------------------------------------------
## DEFAULT PAGE
--------------------------------------------------------------*/

#default-page {
	max-width: 960px;
	width: 90%;
	margin: 2em auto 4em;
}

#default-page h1 {
    text-transform: uppercase;
    letter-spacing: 0.45em;
    margin: 4rem 0 1.65rem;
}

#default-page h1:first-of-type {
	margin: 0 0 1.65rem;
}

#default-page h2 {
	font-family: "playfair", Georgia, serif;
    font-style: italic;
    margin: 1.65em 0 1.5rem;
}

#default-page p {
	margin-bottom: 1rem;
}

#default-page a {
	border-bottom: 1px solid #1d1d1b;
}

#default-page a:hover {
	border-bottom: 1px solid #a8a8a8;
}

#default-page ul {
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 1.65rem;
}

#default-page li {
	margin-bottom: 0.5rem;
}

/*--------------------------------------------------------------
# BLOG
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## BLOG FEED
--------------------------------------------------------------*/

#featured,
#blogfeed {
	max-width: 960px;
	width: 90%;
	margin: 2em auto 4em;
}

/* FEATURED POST */

#featured {
	position: relative;
	background: #f4f4f4;
	margin-bottom: 5em;
}

#featured h1 {
	position: absolute;
	top: 9em;
	left: -2.5em;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	text-align: left;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.feat-thumb,
.feat-text {
	display: inline-block;
	vertical-align: top;
}

.feat-thumb {
	width: 45%;
	margin-left: 12%;
}

.feat-text {
	width: 43%;
	padding: 12% 5% 0;
}

.feat-text h2 {
	font-family: "playfair", Georgia, serif;
	font-size: 1.15em;
	font-style: italic;
	text-align: center;
	line-height: 1.25em;
	margin-bottom: 1em;
}

.feat-text h3 {
	background: #fff;
	margin: 0 auto;
	padding: 5% 0;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	text-align: center;
}

/* MAIN */

#primary,
#secondary {
	display: inline-block;
	vertical-align: top;
}

#primary {
	width: 70%;
}

#secondary {
	width: 25%;
	margin-left: 4%;
}

.entry-header {
	font-family: "playfair", Georgia, serif;
	font-size: 1.15em;
	font-style: italic;
	text-align: center;
	margin-bottom: 6%;
}

#blogfeed h1 {
	font-weight: normal;
}

.post-thumb {
	position: relative;
	margin-bottom: 1.65em;
}

.post-thumb h2 {
	position: absolute;
	top: -2em;
	right: 0;
	left: 0;
	background: #fff;
	width: 275px;
	margin: 0 auto;
	padding: 3% 0;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	text-align: center;
}

#primary article {
	margin-bottom: 6em;
}

#primary article p {
	letter-spacing: 0.035em;
}

#primary article p a {
	border-bottom: 1px solid #1d1d1b;
	padding-bottom: 2px;
}

#primary article p a:hover {
	border-bottom: 1px solid #a8a8a8;
}

/* MORE LINK */

.feat-more {
	text-align: center;
	margin-top: 4em;
}

.more-link a,
.feat-more a {
	border: 1px solid #1d1d1b;
	padding: 5% 10%;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

.more-link a:hover,
.feat-more a:hover {
	background-color: #1d1d1b;
	color: #fff;
}

.more-link a {
	padding: 2% 5%;
	background-color: #fff;
}

.lines {
	position: relative;
	margin: 8% auto 6%;
	text-align: center;
}

.lines:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #1d1d1b;
	z-index: 0;
}

.more-link {
	position: relative;
	z-index: 1;
}

/* BLOG FOOTER */

.entry-foot-column {
	display: inline-block;
	vertical-align: top;
	width: 70%;
}

.entry-foot-column:last-of-type {
	width: 30%;
	text-align: right;
}

.entry-foot-column:last-of-type a {
	font-family: "playfair", Georgia, serif;
	font-size: 0.85em;
	font-style: italic;
	padding-bottom: 3px;
	border-bottom: 1px solid #1d1d1b;
}

.entry-foot-column:last-of-type a:hover {
	border-bottom: 1px solid #a8a8a8;
}

.blog-social a {
	display: inline-block;
	margin-right: 10px;
}

.blog-social a:hover {
	opacity: 0.4;
}

.blog-social a img {
	max-height: 20px;
	width: auto;
}

.blog-category {
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-top: 1em;
}

.blog-category h2 {
	float: left;
}

.blog-category ul li a {
	padding-left: 5px;
}

/* SIDEBAR */

aside .widget {
	margin-bottom: 1.75em;
}

aside .widget.widget_thisismyurl_easy_pinterest {
	overflow: auto;
}

aside .widget h2,
aside .widget h4 {
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.45em;
	margin-bottom: 1.4em;
}

aside .textwidget {
	text-align: justify;
	line-height: 1.65em;
}

aside li {
	text-align: center;
	margin-bottom: 5px;
}

aside li a {
	font-family: "playfair", Georgia, serif;
	font-size: 0.85em;
	font-style: italic;
}

aside .null-instagram-feed p {
	font-family: "playfair", Georgia, serif;
	font-size: 0.85em;
	font-style: italic;
	text-align: center;
	margin-top: 1em;
}

aside .null-instagram-feed p a {
	border-bottom: 1px solid #1d1d1b;
}

aside .null-instagram-feed p a:hover {
	border-bottom: 1px solid #383838;
}

aside .widget_search input {
	border: 0;
	background: #f4f4f4;
	width: 100%;
	height: 50px;
	padding: 2%;
	text-align: center;
	font-family: "playfair", Georgia, serif;
	font-size: 0.85em;
	font-style: italic;
}

aside .widget_search input::-webkit-input-placeholder {
	color: #1d1d1b;
}

aside .widget_search input:-moz-placeholder {
	color: #1d1d1b;
}

aside .widget_search input::-moz-placeholder {
	color: #1d1d1b;
}

aside .widget_search input:-ms-input-placeholder{
	color: #1d1d1b;
}

aside .widget-shopping {
	border: 1px solid #1d1d1b;
	padding: 2em;
}

aside .widget-shopping li {
	max-width: 150px;
	margin: 1.5em auto;
}

aside .shop-link {
	margin: 3em auto 1em;
	text-align: center;
}

aside .shop-link a {
	border: 1px solid #1d1d1b;
	padding: 5% 10%;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	transition: all 500ms ease;
}

aside .shop-link a:hover {
	background: #1d1d1b;
	color: #fff;
}

aside ul.easy-pinterest ol {
	width: 73px;
	height: 73px;
}

aside ul.easy-pinterest ol:nth-of-type(3n) {
	margin-right: 0;
}

/*--------------------------------------------------------------
## COMMENTS
--------------------------------------------------------------*/

#comments {
	margin-top: 6em;
}

#respond h3 {
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 4em 0 2em;
}

footer.comment-meta {
	background: transparent;
	margin-bottom: 2em;
	padding: 0;
	text-align: center;
}

.comment-metadata {
	margin-bottom: 10px;
}

p.comment-notes,
#respond p label {
	display: none;
}

#respond input,
#respond textarea {
	width: 100%;
	border: 1px solid #1d1d1b;
	font-family: "futura-pt", Helvetica, sans-serif;
	letter-spacing: 0.08em;
	color: #1d1d1b;
}

#respond input {
	height: 50px;
	padding: 0 3%;
	margin-bottom: 20px;
}

#respond textarea {
	padding: 3%;
	margin-bottom: 20px;
}

#respond p.form-submit {
	text-align: center;
}

#respond input[type="submit"] {
	width: auto;
	background: #1d1d1b;
	border: none;
	padding: 2% 12%;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	color: #fff;
}

p.comment-subscription-form {
	max-width: 325px;
	margin: 0 auto 1%;
}

#respond input[type="checkbox"] {
	height: auto;
	margin-bottom: 4px;
}

#comments ol {
	list-style: none;
}

ol.comment-list li {
	background: #f4f4f4;
	padding: 6% 15%;
	margin-bottom: 3em;
}

#primary #comments article {
	margin-bottom: 0;
}

.reply {
	text-align: center;
}

.reply a {
	font-family: "playfair", Georgia, serif;
	font-style: italic;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	border-bottom: 1px solid #1d1d1b;
}

.comment-author {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.45em;
	margin-bottom: 0.5em;
}

span.says {
	font-weight: 700;
}

/* CHILDREN */

ol.comment-list ol.children li {
	padding: 0;
	margin-bottom: 0;
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #1d1d1b;
}

ol.comment-list ol.children .comment-metadata {
	display: none;
}

/*--------------------------------------------------------------
## 404 PAGE
--------------------------------------------------------------*/

#error-page {
	max-width: 960px;
	width: 90%;
	margin: 2em auto 5em;
	text-align: center;
}

.error {
	max-width: 400px;
	width: 80%;
	margin: 0 auto;
	padding: 8em 8%;
	background: #1d1d1b;
	color: #fff;
}

#error-page h1 {
	font-size: 1.15em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.45em;
}

/*--------------------------------------------------------------
# CLIQUE ADS
--------------------------------------------------------------*/

#clique-header {
	margin: 3% auto;
	text-align: center;
}

#clique-mobilerectangle,
#clique-mobilefooter {
	margin: 0 auto 3%;
	text-align: center;
}


/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/

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

	/* HOME */

	.home-box h2 {
		padding: 25% 0 6%;
	}

	/* BLOG */

	.feat-text {
		padding: 7% 5% 0;
	}

}

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

	/* HOME */

	.home-box h2 {
		padding: 25% 0 6%;
	}

	.home-box a {
		font-size: 0.85em;
	}

	/* BLOG */

	.feat-text {
		padding: 7% 5% 0;
	}

}

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

	/* UNIVERSAL */

	body {
		font-size: 14px;
	}

	.hide {
		display: none;
	}

	/* FOOTER */

	footer nav li {
		margin: 0 1%;
	}

}

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

	/* HEADER */

	header {
		width: 100%;
	}

	nav.primary-nav {
		display: none;
	}

	header nav.responsive-nav {
		display: block;
		margin: 0 auto 3%;
		text-align: center;
	}

	.nav-content {
		background: #f4f4f4;
		padding: 5% 0;
	}

	.nav-content li a {
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: 0.075em;
	}

	.nav-title {
		padding: 1em 0;
		cursor: pointer;
	}

	.nav-title img {
		width: 30px;
		height: auto;
	}

	.nav-content li {
		margin-bottom: 1em;
	}

	.nav-content li:last-of-type {
		margin-bottom: 0;
	}

	.site-logo {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	/* FOOTER */

	footer nav li {
		display: block;
		margin: 0 auto 1%;
	}

	/* HOME */

	#home-one {
		width: 100%;
	}

	.home-box {
		max-width: 360px;
		margin: 0 auto;
	}

	.home-box:first-of-type {
		margin-bottom: 3em;
	}

	.home-box-text {
		display: block;
		width: 100%;
		padding: 0 8% 5em;
	}

	.home-box h2 {
		padding: 5em 0 6%;
	}

	.home-box-image {
		display: none;
	}

	ul.instagram-pics li {
		width: 48%;
		margin-right: 4%;
	}

	ul.instagram-pics li:nth-of-type(3n) {
		margin-right: 4%;
	}

	ul.instagram-pics li:nth-child(even) {
		margin-right: 0;
	}

	#home-five .clear a {
		bottom: -3%;
	}

	#home-six .press-item,
	#press article {
		width: 45%;
	}

	#home-six .press-item {
		margin: 0 2.5% 5%;
	}

	#press article {
		margin: 0 2.15% 5%;
	}

	#home-six .press-item:nth-of-type(3n),
	#press article:nth-of-type(3n){
		margin: 0 2.5% 5%;
	}

	/* ABOUT */

	.about-us:first-of-type {
		position: static;
		margin-bottom: 2em;
		font-size: 1.35em;
		text-align: center;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	.about-us:last-of-type {
		display: none;
	}

	/* CONTACT */

	.contact {
		display: block;
		width: 100%;
	}

	.contact:first-of-type {
		width: 100%;
		margin: 0 auto 4em;
		text-align: center;
	}

	.contact hr {
		margin: 1.65em auto;
	}

	.contact:first-of-type p:first-of-type {
		max-width: 340px;
		margin: 0 auto;
	}

	/* BLOG */

	#featured {
		width: 100%;
	}

	#feat-post {
		padding: 4em 5% 5em;
	}

	.feat-thumb,
	.feat-text {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.feat-thumb {
		text-align: center;
	}

	.feat-more {
		margin-top: 4em;
	}

	.feat-more a {
		padding: 3% 5%;
	}

	#featured h1 {
		position: static;
		margin-bottom: 3em;
		font-size: 1.35em;
		text-align: center;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	#primary,
	#secondary {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	#primary {
		margin-bottom: 2em;
	}

}

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

	/* HOME */

	.overlay h2 {
		font-size: 0.75em;
	}

	.overlay h3 {
		font-size: 0.35em;
		max-width: 125px;
		padding-bottom: 0;
	}

	/* ABOUT */

	#about-two h1 {
		display: none;
	}

	.amber-bio {
		column-count: 1;
	}

	.team-box {
		display: block;
		max-width: 360px;
		width: 100%;
		margin: 0 auto 2em;
		padding: 4em 0;
	}

	.team-box:nth-child(odd) {
		border: 1px solid #1d1d1b;
	}

	/* PROJECTS */

	#project-one,
	#project-two {
		width: 100%;
	}

	/* PRESS */

	#press article,
	#press article:nth-of-type(3n) {
		width: 100%;
		margin: 0 auto 2em;
	}

	/* FORMS */

	.form-column .field-wrap {
		display: block;
		width: 100%;
	}

	.form-column .field-wrap:nth-child(odd) {
		margin-right: 0;
	}

	#form input[type="text"],
	#form textarea {
		padding: 5%;
	}

	#form input[type="submit"] {
		margin-top: 0;
	}

}

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

	/* HOME */

	#gallery .box {
		margin-right: 3.75%;
	}

	.overlay h2 {
		margin: 0 auto;
	}

	.overlay h3 {
		display: none;
	}

	/* CONTACT */

	.contact-column .field-wrap {
		display: block;
		width: 100%;
	}

	.contact-column .field-wrap:last-of-type {
		margin-left: 0;
	}

	.contact textarea {
		padding: 5%;
	}

}