/*
Theme Name: dear-lillie
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dear-lillie
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.

dear-lillie 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:
----------------------------------------------------------------
# Universal
 ## Typography
 ## Header
 ## Footer
 ## Links
 ## Buttons
 # Front Page
 # Blog
 ## Single Posts
 # Woocommerce
 ## 404 Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Universal
--------------------------------------------------------------*/

.wrapper {
	width: 90%;
	max-width: 1245px;
	margin: 0 auto;
}

.lines {
	margin: 0 auto 5rem;
	position: relative;
	text-align: center;
}

.lines h1 {
	display: inline-block;
	padding: 0.25em 3% 0;
	background-color: #fefefe;
	position: relative;
	z-index: 1;
}

.lines h1.grey {
	background-color: #DBDEDF;
}

.lines:after {
	content: '';
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #CBC9CA;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 0;
}

.outline {
	border: 1px solid #1D1D1B;
	position: relative;
	bottom: 13px;
	padding: 6rem 0 2rem;
}

/*--------------------------------------------------------------
## Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
@font-face {
	font-family:'Chronicle';
	src: url('../font/ChronicleDisplay-Roman.woff2') format('woff2'),
		url('../font/ChronicleDisplay-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

body {
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 16px;
	letter-spacing: 0.05em;
	background: #fefefe;
	color: #1D1D1B;
	border-top: 20px solid #131B23;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

h1 {
	font-family: "europa", Helvetica, sans-serif; /* Replaced Apercu*/
	font-size: 1.15em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h4 {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

p {
	line-height: 1.5em;
	text-align: justify;
	font-size: 1.05em;
	letter-spacing: 0.075em;
}

p:last-of-type {
	margin-bottom: 0;
}

i,
.italic {
	font-style: italic;
}

b,
strong,
.bold {
	font-weight: 700;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-bottom: 0rem;
}

.site-header .header-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

.site-header .nav-r {
	display: none;
}

.site-header .main-navigation {
	display: inline-block;
	flex-basis: 80%;
}

.site-header .main-navigation ul,
.site-header .mobile-navigation ul {
	display: flex;
	justify-content: space-between;
}

.site-header .main-navigation li {
	position: relative;
	letter-spacing: 0.1em;
	z-index: 9999;
}

.site-header .main-navigation ul.sub-menu,
.woocommerce #shop-categories ul.sub-menu {
	position: absolute;
	display: block;
	background: #fefefe;
	top: 20px;
	left: -9999px;
	width: 240px;
	margin-left: -120px;
	padding: 2.5em 0;
	z-index: 999;
	text-align: center;
}

.site-header .main-navigation ul.sub-menu {
	padding: 1.5rem 0 2.5rem;
}

.site-header .main-navigation ul.sub-menu li {
	font-size: 0.85rem;
}

.site-header .main-navigation li:hover > ul,
.site-header .main-navigation li.focus > ul,
.woocommerce #shop-categories li:hover > ul,
.woocommerce #shop-categories li.focus > ul {
	left: 50%;
}

.site-header .main-navigation ul.sub-menu li,
.woocommerce #shop-categories ul.sub-menu li {
	margin-bottom: 1rem;
}

.site-header .main-navigation ul.sub-menu li:last-of-type,
.woocommerce #shop-categories ul.sub-menu li:last-of-type {
	margin-bottom: 0;
}

.site-header .main-navigation a,
.site-header .mobile-navigation a  {
	text-transform: uppercase;
	font-family: "europa", Helvetica, sans-serif;
	transition: all 0.5s ease;
}

.site-header .main-navigation a:hover {
	color: #747A7C;
}

.site-header .menu-social-container {
	margin-left: 5%;
	display: inline-block;
	flex-basis: 20%;
}

.site-header .menu-social-container ul {
	display: flex;
	justify-content: flex-end;
}

.site-header .menu-social-container li {
	margin-right: 1rem;
}

.site-header .menu-social-container li:last-of-type {
	margin-right: 0;
}

.site-header .menu-social-container img,
.site-header .menu-social-container i.fa {
	max-width: 16px;
	vertical-align: baseline;
	transition: all 0.5s ease;
	display: block;
}

.site-header .menu-social-container img:hover,
.site-header .menu-social-container i.fa:hover {
	opacity: 0.5;
}

.site-header .menu-social-container .wcmenucart-contents {
	display: flex;
	justify-content: space-between;
}

.site-header .site-logo {
	margin: 0rem auto 0rem;
	max-width: 375px;
	width: 85%;
}

/*--------------------------------------------------------------
## Mobile Nav
--------------------------------------------------------------*/

.site-header .nav-r {
	display: none;
	justify-content: space-between;
	}

.site-header .mobile-navigation {
	display: none;
}

.site-header .mobile-navigation ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 3rem;
}

.site-header .mobile-navigation a:active {
	color: #CBC9CA;
}

.site-header .mobile-navigation .sub-menu {
	display: none;
	margin: 2rem 0 1.5rem;
}

.site-header .mobile-navigation .sub-menu a {
	color: #CBC9CA;
}

.site-header .mobile-navigation .sub-menu a:active {
	color: #747A7C;
}

.site-header .mobile-navigation li {
	padding-bottom: 1rem;
}

.site-header .mobile-navigation .menu-item-has-children {
	text-align: center;
}

.site-header .mobile-navigation .menu-item-has-children a.menu-image-title-before {
	position: relative;
}

.site-header .mobile-navigation .menu-item-has-children img {
	position: absolute;
	right: -40px;
	top: 1px;
	width: 25px;
	padding: 5px;
	padding-left: 5px!important; /*overrides menu image plugin style*/
	transition: all 0.5s ease;
}

.site-header .mobile-navigation .menu-item-has-children img.clicked {
	transform: rotate3D(1,0,0,180deg);
}

.site-header .nav-r .menu-social-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-width: 180px;
	margin-left: auto;
}

.site-header .nav-r #social{
	margin-right: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/*Hamburger animation*/

.hamburger {
	width: 42px;
	padding: 15px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #1D1D1B;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 0px;
}

.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
	top: 10px;
}

.hamburger span:nth-child(4) {
	top: 20px;
}

.hamburger.open span:nth-child(1) {
	top: 10px;
	width: 0%;
	left: 50%;
	opacity: 0;
}

.hamburger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
	top: 10px;
	width: 0%;
	left: 50%;
	opacity: 0;
}



/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer .site-info {
	padding: 6rem 0;
	background-color: #EEEEEE;
}

footer .wrapper {
	display: flex;
	justify-content: flex-end;
}

.woocommerce footer .wrapper {
	margin: 0 auto;
}

footer .ctct-form-wrapper {
	margin-top: 3rem;
}

footer .ctct-form-description,
footer a.ctct-button,
footer p.ctct-form-field label,
footer .ctct-disclosure {
	display: none;
}

footer .ctct-form-field {
	display: inline-block;
}

footer .ctct-form input {
	border-radius: 0;
	height: 50px;
	padding: 0.5rem 1rem;
	background-color: transparent;
	border: 1px solid #CBC9CA;
	color: #1D1D1B;
}

footer .ctct-form input[type="email"] {
	width: 220px;
	margin-right: 1rem;
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
}

footer input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #CBC9CA;
	text-transform: lowercase;
}
footer input[type="email"]::-moz-placeholder { /* Firefox 19+ */
	color: #CBC9CA;
	text-transform: lowercase;
}
footer input[type="email"]:-ms-input-placeholder { /* IE 10+ */
	color: #CBC9CA;
	text-transform: lowercase;
}
footer input[type="email"]:-moz-placeholder { /* Firefox 18- */
	color: #CBC9CA;
	text-transform: lowercase;
}

footer .ctct-form input[type="submit"] {
	width: 120px;
	height: 50px;
}

footer .ctct-form input[type="submit"]:hover {
	border-color: #1D1D1B;
}

footer .newsletter-column {
	margin-right: auto;
	line-height: 1.75;
}

footer .newsletter-column h2 {
	max-width: 267px;
	line-height: 1.875;
	letter-spacing: 0.05em;
	margin: 0;
}

footer .column-container {
	flex-basis: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

footer .column-container a:hover {
	color: #CBC9CA
}

footer .column-container h3 {
	font-family: "europa", Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.8125em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 1.5rem;
}

footer .menu-column {
	flex: 1;
	padding-left: 10%;
}

footer .menu-item {
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
	margin-bottom: 10px;
}

footer .site-credit {
	background-color: #131B23;
	color: #fefefe;
	text-align: right;
}

footer .site-credit p {
	text-align: right;
	font-size: 0.6875em;
	font-style: italic;
	padding: 0.75rem 0;
}

footer .site-credit a {
	color: #fefefe;
	opacity: 1;
	transition: all 0.5s ease;
}

footer .site-credit a:hover {
	opacity: 0.6;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #1D1D1B;
	text-decoration: none;
	transition: all 0.5s ease;
}

a:visited {
	color: #1D1D1B;
}

a:hover,
a:focus,
a:active {
	color: #1D1D1B;
	transition: all 0.5s ease;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Fields and Buttons
--------------------------------------------------------------*/
.btn,
.woocommerce .button {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: all 0.5s ease;
}

.dark-button, .light-button {
	text-align: center;
	margin: 0 auto;
	display: block;
	max-width: 250px;
	margin-top: 5rem;
	padding: 1.65rem 0.5rem;
}

.dark-button {
	border: 1px solid #131B23;
}

.dark-button:hover {
	border-color: #CBC9CA;
}

.light-button {
	border: 1px solid #CBC9CA;
}

.light-button:hover {
	border-color: #131B23;
}

input[type="submit"] {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 0.6875em;
	letter-spacing: 0.175em;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 0.5s ease;

}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
	border-radius: 0!important;
	padding: 1rem;
	background-color: transparent;
	border: 1px solid #CBC9CA;
	color: #1D1D1B;
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
}

input[type="text"]:focus ,
input[type="email"]:focus ,
input[type="tel"]:focus ,
select:focus ,
textarea:focus {
	border-color: #1D1D1B;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
	color: #1D1D1B;
	text-transform: lowercase;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
	color: #1D1D1B;
	text-transform: lowercase;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder  { /* IE 10+ */
	color: #1D1D1B;
	text-transform: lowercase;
}
input:-moz-placeholder,
textarea:-moz-placeholder  { /* Firefox 18- */
	color: #1D1D1B;
	text-transform: lowercase;
}


/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/

.home section {
	padding: 2rem 0;
}

.home .front-1 {
	padding: 0 10% 0;
	overflow: hidden;
}

.home .front-2 {
	padding-bottom: 2rem;
}

.front-2 .lines {
	margin: 0 auto 2rem;
}

.front-2 .recent-post-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.front-2 .recent-post {
	flex-basis: 30%;
}

.front-2 .recent-post a:hover .entry-meta-right {
	color: #CBC9CA;
}

.front-2 .entry-meta {
	border: none;
}

.front-2 .entry-meta-left {
	font-size: 0.8125em;
}

.front-2 .entry-meta-right {
	font-size: 1.15em;
	transition: all 500ms ease;
}

.front-3 {
	background-color: #DBDEDF;
}

.front-3 .lines {
	margin: 0 auto 2rem;
}

.front-3 .wrapper {
	max-width: 1200px;
	width: 85%;
}

.front-3 .lines:after {
	border-bottom: 1px solid #333;
}

.front-3 .slick-slide img {
	display: inline-block;
	width: 49%;
}

.front-3 .slick-slide img:first-of-type {
	margin-right: 2%;
}

.front-3 .slick-prev,
.front-3 .slick-next {
	width: 30px;
	height: 50px;
}

.front-3 .slick-next {
	right: -5%;
}

.front-3 .slick-prev {
	left: -5%;
}

.front-3 .slick-prev:before {
	background-image: url(../image/slider-left-arrow.png);
	content: '';
	background-size: 20px 35px;
	display: inline-block;
	width: 20px;
	height: 35px;
	opacity: 1;
}

.front-3 .slick-next:before {
	background-image: url(../image/slider-right-arrow.png);
	content: '';
	background-size: 20px 35px;
	display: inline-block;
	width: 20px;
	height: 35px;
	opacity: 1;
}

.front-3 .btn:hover {
	border-color: #fefefe;
	background-color: #fefefe;
}

.front-4 .lines {
	margin: 0 auto 2rem;
}

.front-4 .products {
	width: 90%;
	margin: 0 auto;
}

.front-4 .product {
	flex-basis: 30%;
}

.front-4 .product h2,
.front-4 .product .price {
	display: none!important;
}

.front-4 .button {
	display: none;
}

.front-5 {
	background-color: #eee;
}

.front-5 h1.grey {
	background-color: #eee;
}

.front-5 .lines {
	margin-bottom: 0;
}

.front-5 .lines:after {
	border-color: #1D1D1B;
	content: none;
}

.front-5 h2 {
	display: none!important;
}

.front-5 .instagram-pics {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}

.front-5 .instagram-pics li {
	flex-basis: 30%;
	margin-bottom: 3em;
}

.front-6 .product {
	flex-basis: 21%;
}

.front-6 .button {
	display: none;
}

.front-6 .lines {
	margin: 0 auto 2rem;
}


/*--------------------------------------------------------------
## About Page
--------------------------------------------------------------*/

.about-1 {
	padding-top: 2rem;
}

.about-2 {
	margin: 2rem auto 10rem;
}

.about-2 h1 {
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.075em;
	line-height: 1.25;
	text-transform: none;
	margin-top: 8rem;
}

.about-2 h2 {
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.525em;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	width: 75%;
	max-width: 960px;
	margin: 3rem auto 10rem;
}

.about-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 90%;
	margin: 0 auto;
}

.about-box {
	flex-basis: 30%;
}

.about-box h4 {
	margin: 2rem 0 1.5rem;
}

/*--------------------------------------------------------------
# Services page
--------------------------------------------------------------*/

.services-1 {
	background-color: #DBDEDF;
	padding: 6rem 0;
}

.services-1 h2 {
	font-size: 1.525em;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	width: 80%;
	max-width: 750px;
	margin: 4rem auto 10rem;
}

.services-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 90%;
	margin: 0 auto;
}

.services-1 h4 {
	margin-bottom: 2rem;
}

.services-box {
	flex-basis: 40%;
	margin-bottom: 6rem;
}

.services-box p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.6875;
	letter-spacing: 0.075em;
}

/*--------------------------------------------------------------
## Press Page
--------------------------------------------------------------*/

.press-page {
	background: #f4f4f4;
}

.press-page .wrapper {
	padding: 8rem 0 6rem;
}

.press-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 4rem 0 6rem;
}

.press-item {
	flex-basis: 45%;
	margin-bottom: 2rem;
}

.press-1 h4 {
	margin-bottom: 0;
	font-size: 0.875em;
}

.press-2 {
	border-top: 1px solid #cbc9ca;
	padding-top: 4rem;
	text-align: center;
}

.press-2 a {
	border-bottom: 1px solid #333;
}

.press-2 a:hover {
	border-bottom: 1px solid #cbc9ca;
}

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/

.contact-1 {
	background-color: #F4F4F4;
	padding: 6rem 0;
}

.contact-1 .contact-text-container p {
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.525em;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	width: 80%;
	max-width: 960px;
	margin: 3rem auto;
}

.contact-1 .wpcf7-form {
	width: 90%;
	margin: 6rem auto 0;
}

.contact-1 .wpcf7 input[type="checkbox"] {
	-webkit-appearance: checkbox;
	vertical-align: baseline;
	margin-right: 0.5rem;
	border-color: #CBC9CA!important;
	 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0!important;

	/* Firefox 1-3.6 */
	-moz-border-radius: 0!important;

	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0!important;
	background-color: transparent!important;
}

.contact-1 .wpcf7-form br {
	display: none;
}

.contact-1 .half-inputs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.contact-1 .half-inputs span {
	flex-basis: 48%;
	margin-bottom: 2.75rem;
}

.contact-1 .half-inputs input,
.contact-1 .half-inputs select {
	width: 100%;
	height: 74px;
}

.half-inputs .type-of-project,
.half-inputs .budget {
	position: relative;
}

.half-inputs .type-of-project:after,
.half-inputs .budget:after {
	border-style: solid;
	border-width: 0.1em 0.1em 0 0;
	border-color: #CBC9CA;
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: rotateZ(135deg) translateY(100%);
	vertical-align: top;
}

.contact-1 .wpcf7-form h4 {
	padding-left: 5%;
	font-size: 0.8125em;
	margin-bottom: 1.5rem;
}

.contact-1 .checkbox-container {
	width: 85%;
	margin: 0 auto;
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
}

.contact-1 .wpcf7-checkbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.contact-1 .wpcf7-checkbox span {
	flex-basis: 25%;
	margin-left: 0;
	margin-bottom: 1rem;
}

.contact-1 textarea {
	width: 100%;
	height: 220px;
	margin: 3rem 0;
}

.contact-1 .file-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 5rem;
}

.contact-1 .wpcf7-form .file-container h4 {
	flex-basis: 40%;
	text-align: center;
	margin: 0;
	padding-left: 0;
}

.contact-1 .file-container p {
	flex-basis: 60%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.contact-1 .file-container h4 {
	min-width: 250px;
}

.contact-1 .file-container span.wpcf7-form-control-wrap {
	flex-basis: 33.3%;
}

.contact-1 input[type="file"] {
	font-family: "freight-display-pro", Garamond, serif;
	letter-spacing: .075em;
	font-style: italic;
	font-size: .875em;
	max-width: 225px;
}

.contact-1 .submit-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	margin-top: 3rem;
}

.contact-1 input[type="submit"] {
	border-radius: 0!important;
	padding: 2rem;
	border: none;
	background-color: #DBDEDF;
	width: 40%;
	transition: all 0.5s ease;
}

.contact-1 input[type="submit"]:hover {
	background: #707C81;
	color: #FEFEFE;
	}

/*--------------------------------------------------------------
## Portfolio Page
--------------------------------------------------------------*/

.portfolio-1 .wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.portfolio-1 figure {
	flex-basis: 46%;
	position: relative;
	margin-bottom: 12rem;
}

.portfolio-1 figure a:hover figcaption {
	background: rgba(112,124,129,1)
}

.portfolio-1 figcaption {
	position: absolute;
	top: 90%;
	bottom: -15%;
	right: 10%;
	left: 10%;
	text-align: center;
	background: rgba(112,124,129,0.7);
	transition: all 0.5s ease;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.portfolio-1 a {
	color: #FEFEFE;
}

.portfolio-1 h2 {
	font-size: 1.525em;
	line-height: 1.6;
	letter-spacing: 0.05em;
	width: 80%;
}

/*--------------------------------------------------------------
## Project Page
--------------------------------------------------------------*/

.single main {
	overflow: hidden;
}

.single-project main h2,
.page-template-single-project main h2,
.single-space main h2 {
	font-size: 2em;
	line-height: 1.14;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 6rem auto 4rem;
	width: 75%;
	max-width: 850px;
}

.single-project .project-text,
.page-template-single-project .project-text,
.single-space .project-text {
	width: 85%;
	max-width: 850px;
	margin: 0 auto 2rem;
}

.project-text h3:first-of-type {
	padding-top: 0;
}

.project-text h3 {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 0.35rem;
	padding-top: 0.75rem;
}

.project-text p {
	margin-bottom: 1rem;
}

.project-meta {
	border-top: 1px solid #CBC9CA;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 75%;
	max-width: 850px;
	margin: 3rem auto 6rem;
	position: relative;
}

.project-meta-left,
.project-meta-right {
	padding: 2rem 0;
	margin-top: 1rem;
}

.project-meta-left {
	padding-right: 1rem;
	flex-basis: 75%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.project-meta-left a {
	display: inline-block;

}

.project-meta-right {
	flex-basis: 25%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-left: 5%;
	border-left: 1px solid #CBC9CA;
}

.project-meta-right h3 {
	margin-right: 1rem;
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 0.875em;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.075em;
}

.project-meta-right ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	position: relative;
	top: -2px;
	min-width: 70px;
}

.project-meta-right li {
	margin: 0 0.35rem;
}

.project-meta-right li a img {
	width: 18px;
	opacity: 1;
	transition: all 0.5s ease;
}

.project-meta-right li a:hover img {
	opacity: 0.5;
}

.related-button,
.source-button {
	width: 260px;
}

.related-button,
.source-button,
.press-item {
	padding: 1.5rem 0;
	text-align: center;
	background: #DBDEDF;
	color: #1D1D1B;
	font-size: 0.875em;
	cursor: pointer;
}

.related-button:hover,
.source-button:hover,
.press-item:hover {
	background: #707C81;
	color: #FEFEFE;
}


.related-button {
	margin-right: 1rem;
}

.source-button {
	margin-left: 1rem;
}

.source-list {
	margin: 0 auto 3rem;
	background: #EEEEEE;
	padding: 2rem 2.5rem;
	width: 90%;
	display: none;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	top: -4rem;
}

.source-list h1 {
	background: #EEEEEE;
}


.source-list .source-list-close {
	position: absolute;
	right: 2%;
	top: 1%;
	font-family: "europa", Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
	display: none; /*fades in with js*/
}

.source-list .source-list-close:hover {
	opacity: 0.7;
}

.single-project .lines,
.single .lines,
.page-template-single-project .lines {
	margin: 0;
}

.single-project .lines:after,
.single .lines:after,
.page-template-single-project .lines:after {
	display: none;
}

.single-project .outline,
.single .outline,
.page-template-single-project .outline {
	padding: 4rem;
	border-color: #131B23;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.source-box {
	padding: 2rem 0;
	flex-basis: 48%;
}

.source-box h3 {
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.075em;
	line-height: 1.25;
	margin-bottom: 1.5rem;
}

.source-box li {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.source-box li a:link {
	color: #73a8c6;
}

.source-box li a:hover {
	color: #3f6175;
}

.source-box li a:visited {
	color: #73a8c6;
}

.project-images {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 8rem;
}

.project-img {
	width: 49%;
}

.project-img-full {
	width: 100%;
}

.project-img,
.project-img-full {
	margin-bottom: 1.5rem;
}


/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/

.woocommerce .wrapper {
	margin: 0 auto 6rem;
	overflow: auto;
}

.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering  {
	display: none;
}

.archive.woocommerce .add_to_cart_button {
	display: none!important;
}

.archive.woocommerce .widget_categories h2 {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border: none!important;
	color: #1D1D1B!important;
}

.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before {
	color: #CBC9CA!important;
}

/*--------------------------------------------------------------
## Cart and checkout pages
--------------------------------------------------------------*/

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.cart_totals h2,
#order_review_heading {
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 1.5em !important;
	font-style: italic;
	text-transform: capitalize;
	letter-spacing: 0.075em;
}

.woocommerce table.shop_table {
	border: none;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-weight: normal;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 0.8rem 2rem 0.8rem 0.8rem;
}

.woocommerce .quantity .qty {
	border: 1px solid #cbc9ca;
	font-family: "europa", helvetica, sans-serif;
	color: #1d1d1b;
	padding: 4px;
}

.woocommerce .button {
	background: transparent!important;
	border: 1px solid #CBC9CA!important;
	color: #1D1D1B!important;
	border-radius: 0!important;
	font-size: 1em!important;
	padding: 1rem 2rem!important;
}

.woocommerce .button:hover {
	border-color: #1D1D1B!important;
}

.woocommerce .actions .button {
	font-size: 0.75em!important;
}

.woocommerce-cart thead,
.woocommerce-checkout thead {
	font-style: italic;
}

.woocommerce table.shop_table td {
	padding: 1rem;
}

.woocommerce-cart .coupon .input-text {
	width: auto!important;
}

.woocommerce-cart .widget-area,
.woocommerce-checkout .widget-area {
	display: none;
}

.woocommerce-cart .site-content,
.woocommerce-checkout .site-content {
	width: 90%;
	margin: 0 auto;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
	font-size: 2em;
	margin-bottom: 2rem;
	text-align: left;
}

.cart_totals h2,
#order_review_heading {
	font-size: 1.5em;
	margin: 2rem 0 1rem;
}

.woocommerce-checkout #payment img {
	width: auto;
}

.woocommerce span[role="combobox"] {
	border-radius: 0!important;
}

.woocommerce-checkout #payment img {
	max-width: 20px;
}

.woocommerce-checkout #payment .payment_method_paypal img {
	max-width: 130px;
}

.woocommerce-checkout li.payment_method_stripe {
	margin-bottom: 1rem auto 2rem !important;
}

.woocommerce-checkout #payment input[type="radio"] {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #fff;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #d1d1d2;
}

.woocommerce-checkout #payment input[type="radio"]:checked {
	background-color: #d1d1d2;
}

/*--------------------------------------------------------------
## Product Grid
--------------------------------------------------------------*/

ul.products {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.home ul.products {
	justify-content: space-between;
}

.product {
	flex-basis: 21%;
}

li.product .product-info {
	margin-top: 1.25em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1%;
}

li.product h2 {
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.05em;
	transition: all 0.5s ease;
}

.price {
	padding-left: 1em !important;
	margin-bottom: 0 !important;
	text-align: right;
	transition: all 0.5s ease;
}

.price,
.single-product .summary p.price {
	border-left: 1px solid #CBC9CA;
	color: #1D1D1B!important;
	font-family: "europa", helvetica, sans-serif;
	padding: 0.5rem 0;
	font-size: 0.875em;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

.single-product .summary p.price {
	text-align: left;
	font-size: 1em !important;
	padding: 0.75rem 0 0.75rem 1.25rem;
	margin-bottom: 3rem !important;
}

li.product a:hover h2,
li.product a:hover .price {
	color: #CBC9CA!important;
	transition: all 0.5s ease;
}

.woocommerce ul.products li.product .button {
	display: none;
}

/* PAGINATION */

.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: none;
	font-style: italic;
	float: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: transparent;
	color: #aaa9a9;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	font-size: 1.15em;
}

.woocommerce nav.woocommerce-pagination ul li a.next {
	font-size: 0.9em;
	padding: 0.5em 0.5em 0.6em;
}

/*--------------------------------------------------------------
## Shop page
--------------------------------------------------------------*/

.woocommerce #shop-categories {
	margin: 3rem 0 8rem;
	padding: 0;
	display: flex;
	list-style: none;
	justify-content: space-between;
	border-bottom: 1px solid #CBC9CA;
	padding-bottom: 2rem;
}

.woocommerce #shop-categories li {
	position: relative;
	font-family: “europa”, Helvetica, sans-serif;
	font-size: 0.8275em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.woocommerce #shop-categories li:last-of-type {
	margin-right: 0;
}

.post-type-archive-product #shop-categories #menu-item-159 a {
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
}

.woocommerce #shop-categories a {
	border-bottom: 1px solid transparent;
	transition: all 0.5s ease;
	padding-bottom: 2px;
}

.woocommerce #shop-categories .current-menu-item a {
	border-bottom: 1px solid #333;
}

.woocommerce #shop-categories a:hover {
	border-color: #333;
}

.woocommerce #shop-categories a:hover #menu-item-159 {
	border-color: transparent!important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 21%;
	margin: 0 5% 6em 0;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
	margin-right: 0;
}

.woocommerce-pagination {
	margin: 2rem 0 4rem;
}

/*--------------------------------------------------------------
## Single Product
--------------------------------------------------------------*/

.single-product .wrapper {
	max-width: 1080px;
}

.single-product .product_title {
	text-align: left;
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2em;
	line-height: 1.14;
	letter-spacing: 0.05em;
	text-transform: none;
	margin: 0 0 1.5rem!important;
}

.single-product .site-content h2 {
	display: none;
	/*
	margin: 4rem 0 1rem;
	font-family: "europa", Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase; */
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 23.5%;
	margin-right: 2%;
}

.woocommerce div.product div.images .flex-control-thumbs li:last-of-type {
	margin-right: 0;
}

.single-product .summary {
	max-width: 500px;
}

.single-product .summary p {
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 0.95em;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-bottom: 1em;
}

.single-product .summary p:last-of-type {
	margin-bottom: 3rem;
}

.woocommerce div.product .single_variation_wrap {
	width: 100%;
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 3rem;
}

.woocommerce div.product form.cart .variations td.label {
	padding-right: 0;
}

.woocommerce div.product form.cart .variations td {
	vertical-align: middle;
	font-style: italic;
}

.woocommerce div.product form.cart,
.woocommerce div.product .woocommerce-variation-add-to-cart {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.woocommerce div.product form.variations_form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}


.single-product .quantity {
	width: 20%;
}

.single-product .quantity input {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #cbc9ca;
	padding: 1.65em 0;
}

.single-product .summary .button {
	width: 75%;
	border-radius: 0!important;
	background: transparent!important;
	color: #1D1D1B!important;
	border: 1px solid #CBC9CA!important;
	font-family: "europa", Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: all 0.5s ease;
	text-align: center;
	display: block;
	padding: 1.65rem 0.5rem !important;
}

.single-product .summary .button:hover {
	border-color: #131B23 !important;
}

.product-sharing-menu {
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-sharing-menu h3 {
	margin-right: 1.5rem;
	font-family: "freight-display-pro", Garamond, serif;
	font-size: 0.875em;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.075em;
}

.product-sharing-menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	position: relative;
	top: -2px;
}

.product-sharing-menu li {
	margin: 0 0.35rem;
}

.product-sharing-menu li a img {
	width: 18px;
	opacity: 1;
	transition: all 0.5s ease;
}

.product-sharing-menu li a:hover img {
	opacity: 0.5;
}

/* RELATED PRODUCTS */

.single-product .related {
	clear: both;
	padding: 4rem 0;
}

.single-product .related h2 {
	text-transform: uppercase;
	margin-bottom: 4rem;
	position: relative;
}

.single-product .related h2:after {
	content: '';
	display: block;
	background: #CBC9CA;
	height: 1px;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 200px;
}

.single-product .related ul.products h2 {
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3125em;
	line-height: 1.14;
	letter-spacing: 0.05em;
	text-transform: none;
}

.single-product .related ul.products h2:after {
	display: none; /*override b/c woocommerce is bad*/
}

.single-product .related ul.products {
	justify-content: flex-start;
}

.single-product .related ul.products:before {
	display: none;
}

.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product {
	width: auto;
	flex-basis: 30%;
	margin: 0 5% 0 0;
}

.woocommerce .related ul.products li.product.last,
.woocommerce-page .related ul.products li.product.last {
	margin: 0 ;
}

.single-product .related li.product a {
	transition: all 0.5s ease;
}

.single-product .related .add_to_cart_button {
	display: none;
}

.single-product .product_meta {
	display: none;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Blog Index
--------------------------------------------------------------*/

.blog-feed {
	padding-top: 3rem;
	border-top: 1px solid #CBC9CA;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.blog-feed main {
	width: 65%;
	margin-bottom: 5rem;
	padding-bottom: 1rem;
	padding-right: 5%;
	border-right: 1px solid #CBC9CA;
}

.blog-feed .entry-header {
	margin-bottom: 2rem;
}

.entry-meta {
	border-top: 1px solid #CBC9CA;
	border-bottom: 1px solid #CBC9CA;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 auto;
	padding: 1rem 0;
	position: relative;

}

.entry-meta-left {
	flex-basis: 20%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	padding: 1% 5% 1% 2%;
	border-right: 1px solid #CBC9CA;
	font-size: 1.15em;
}

.entry-meta-left h3 {
	font-family: "europa", Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

.entry-meta-right {
	flex-basis: 80%;
	padding: 1% 2% 1% 10%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.875em;
	line-height: 1.35;
	text-align: right;
}

.entry-meta-right a {
	display: inline-block;
}

.entry-meta-right a:hover {
	color: #CBC9CA;
}

.entry-content {
	margin-bottom: 5rem;
}

.entry-content p {
	margin-bottom: 1rem;
}

.post .entry-content a:link {
color: #73a8c6;
}

.post .entry-content a:visited{
color: #73a8c6;
}

.post .entry-content a:hover {
color: #3f6175;
}

.blog .entry-content p {
	width: 90%;
	margin: 0 auto;
}

.more-link {
	text-align: right;
	margin-top: 3rem;
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
	position: relative;
	right: 15px;
}

.more-link .read-more {
	transition: all 0.5s ease;
}

.more-link .read-more:hover {
	color: #3f6175;
}

.more-link .read-more:after {
	content: '>';
	display: block;
	position: absolute;
	bottom: 0;
	right: -15px;
}

/* SIDEBAR */

.blog-feed .widget-area {
	width: 35%;
	padding-left: 5%;
}

.blog-feed .widget {
	margin: 0 auto 2rem;
	text-align: center;
}

.blog-feed .widget-title {
	display: inline-block;
	padding: 0 3%;
	background-color: #fefefe;
	position: relative;
	z-index: 1;
	font-family: "europa", Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	top: -2.5rem;
}

.blog-feed .widget {
	border: 1px solid #CBC9CA;
	padding: 1.75rem 10% 2.65rem;
}

.blog-feed .widget li {
	font-family: "freight-display-pro", Garamond, serif;
	line-height: 2.14;
	letter-spacing: 0.075em;
	font-style: italic;
	font-size: 0.875em;
	margin-bottom: 1.5rem;
}

.blog-feed .widget a:hover {
	color: #B1AFB0;
}

.blog-feed .widget li:last-of-type {
	margin-bottom: 0;
}

#secondary #menu-featured-spaces li {
	position: relative;
}

#menu-featured-spaces .menu-item a img {
	padding-right: 0;
}

#menu-featured-spaces .menu-image-title {
	position: absolute;
	top: 10%;
	bottom: 10%;
	right: 0;
	left: 0;
	background: rgba(244, 244, 244, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 8%;
	padding: 6%;
	text-align: center;
	opacity: 0;
	transition: all 500ms ease;
	font-family: "Chronicle", Garamond, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.35em;
	font-style: normal;
	line-height: 1.35;
}

#menu-featured-spaces li:hover .menu-image-title {
	opacity: 1;
}

#menu-featured-spaces a:hover {
	color: #1d1d1b;
}

.blog-feed .widget ul ul {
	border: none;
	position: static;
	top: 0;
	padding: 1rem;
}

.blog-feed .widget ul ul li {
	font-family: "europa", helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#secondary span.sym {
	font-size: 7px;
	padding-right: 5px;
	vertical-align: middle;
}

/* BLOG PAGINATION */

.nav-links {
	font-family: "europa", Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.nav-previous, .nav-next {
	position: relative;
	transition: all 0.5s ease;
}

.nav-previous {
	left: 15px;
}

.nav-next {
	right: -15px;
}

.nav-previous a, .nav-next a {
	transition: all 0.5s ease;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.nav-previous::before {
	content: '<';
	display: block;
	position: absolute;
	left: -15px;
	bottom: 1px;
	color: #73a8c6;
}

.nav-next::after {
	content: '>';
	display: block;
	position: absolute;
	right: -15px;
	bottom: 1px;
	color: #73a8c6;
}

.nav-previous:hover,
.nav-previous:hover a {
	color: #3f6175;
}

.nav-next:hover,
.nav-next:hover a {
	color: #3f6175;
}

/* ARCHIVES */

.archive h1.page-title {
	text-align: left;
	margin-bottom: 2rem;
}

/*--------------------------------------------------------------
## Single Post
--------------------------------------------------------------*/

.project-meta {
	width: 100%;
}

.single-post .after-post-image-one {
	margin-bottom: 2rem;
}

.single-post .related-button,
.single-post .source-button {
	width: 215px;
}

.single-post .entry-content img {
	width: 100%;
	margin: 0.75rem 0;
}



/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/

#error-page {
	max-width: 1000px;
	width: 90%;
	margin: 4% auto 20%;
	margin-left: 2em;
}

#error-page h1 {
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 1em;
}

#error-page p {
	text-align: center;
}

.nothing-here {
	width: 100%;
	margin-bottom: 7.5em;
}

.nothing-here h1 {
	max-width: none;
	margin: 0 auto;
}