/*
	EXSITE CSS
	
	Copyright (c) 2012   Exsite
	Website:             http://www.exsite.ca

*/

/* =WRAPPER
----------------------------------- */
.center-wrap {
	max-width: 1080px;
	margin: 0 auto;
	zoom: 1;
}

.center-wrap:before,
.center-wrap:after {
	display: table;
	content: "";
	zoom: 1;
	*display: inline;
}

.center-wrap:after {
	clear: both;
}

/* =HEADER
----------------------------------- */
header {
	border-bottom: 1px solid #c6c6c6;
	margin: 48px 0;
}

header h1 {
	position: relative;
	float: left;
	width: 179px;
	margin-bottom: -72px;
	z-index: 2;
}

header .center-wrap {
	position: relative;
}

/* =NAVIGATION
----------------------------------- */
header nav li {
	position: relative;
	float: left;
}

.util-nav {
	float: right;
}

.util-nav li {
	font-size: 1.188em;
	padding-left: 40px;
}

.util-nav li:first-child {
	margin-left: 0;
}

.util-nav li:last-child,
.util-nav li:nth-last-child(2) {
	font-size: 1.125em;
}

.util-nav li:nth-last-child(2) {
	border-left: 1px solid #c6c6c6;
}

.util-nav li:nth-last-child(3) {
	padding-right: 37px;
}

.main-nav {
	position: absolute;
	bottom: -15px;
	right: -24px;
}

.main-nav a {
	font-size: 0.875em;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	padding: 0 20px;
	background: #fff;
	margin-left: 2px;
	letter-spacing: 1.3px;
}

nav a {
	color: #6d6d6d;
	text-transform: uppercase;
}

nav a:hover,
nav li.current-menu-item > a,
nav li.current-menu-parent > a,
nav li.current-post-ancestor > a,
nav li:hover > a {
	color: #d296b5;
	text-decoration: none;
}

.mobile-nav-trigger,
.mobile-shop-nav-trigger {
	display: none;
}

header nav li ul::before {
	display: block;
	width: 100%;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	color: #D296B8;
	content: "\25bc";
	font-size: 9px;
	text-align: center;
}

header nav li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 144px;
	left: 50%;
	margin-left: -69px;
	top: 100%;
	z-index: 20;
	transition: visibility 0s linear 0.3s, opacity 0.3s ease-out;
}

header nav li:hover ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

header nav li ul li {
	float: none;
	width: 100%;
}

.main-nav li ul li a {
	margin: 0;
	text-align: center;
	display: block;
	background: none;
	font-size: 0.750em;
	line-height: 130%;
	padding: 10px 0 6px 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.main-nav li ul li:last-child a {
	background: #F3F3F3;
	border-top: 1px solid #c6c6c6;
}

.main-nav li ul li:nth-last-child(2) a {
	padding-bottom: 12px;	
}

/* =SECTION 
----------------------------------- */
section.home-main .center-wrap {
	border-bottom: 1px solid #c6c6c6;
	margin-bottom: 42px;
}

.hero-wrap {
	padding: 3px 0;
	margin-bottom: 20px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}

.hero {
	padding: 24px 0;
	background: url(../images/textured_stripes_@2X.png) repeat;
	background-size: 256px 256px;
}

.hero-main {
	float: left;
	width: 66.666666667%;
}

.hero-sub {
	float: right;
	width: 31.111111111%;
}

.hero .post {
	position: relative;
	color: #fff;
	cursor: pointer;
}

.hero-sub .post:first-child {
	margin-bottom: 7%;
}

.hero .post img {
	display: block;
}

.hero .post .overlay,
.more-wrap .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			 		transition: all 0.3s ease-out;	
}

.hero .post:hover .overlay,
.post-widget .item:hover .overlay {
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.hero .post:hover p.more a.more {
	color: #fff;
}

.hero .post:hover p.more a.more:hover {
	color: #9E9E9E;
}

.cat-wrap {
	border-bottom: 1px solid #c6c6c6;
	line-height: normal;
	margin-top: -29px;
}

.hero .cat-wrap {
	margin-top: -12px;
}

.cat-wrap a {
	position: relative;
	top: 4px;
	color: #6d6d6d;
}

.cat-wrap a:hover {
	color: #9E9E9E;
}

.cat-wrap.over-img {
	border-bottom: 1px solid #fff;
	margin-left: 24px;
}

.cat-wrap.over-img a {
	color: #fff;
}

.cat-wrap.over-img a:hover {
	color: #9E9E9E;
}

.hero .meta {
	position: absolute;
	margin-left: 20%;
	margin-right: 20%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hero .hero-main .meta {
	width: 60%;
	-webkit-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
}

.hero .hero-sub .meta {
	-webkit-transform: translateY(-61%);
	-ms-transform: translateY(-61%);
	transform: translateY(-61%);	
}

.hero .hero-sub .meta {
	position: relative;
	margin-left: 10.714285714%;	
	margin-right: 10.714285714%;	
}

.hero .hero-sub p.more {
	text-align: center;
}

h2 {
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	letter-spacing: 5px;
	line-height: 1.750em;
}

.hero h2,
.archive .post h2 {
	text-align: center;
}

.hero h2 {
	border-bottom: 1px solid #fff;
	margin-bottom: 12px;
	padding-bottom: 24px;
}

.archive .post h2 {
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 20px;
}

.archive .post h2 a {
	color: #6d6d6d;
}

.archive .post h2 a:hover {
	text-decoration: none;
	color: #9E9E9E;
}

.archive .post p.date {
	margin-bottom: 0;
}

.hero .hero-main h2 {
	font-size: 1.750em;
	padding-bottom: 40px;
	margin-bottom: 24px;
	letter-spacing: 8px;
}

.hero .hero-sub h2 {
	margin-bottom: 18px;
	padding-bottom: 0;
	border: none;
	letter-spacing: 4px;
}

.hero .excerpt-wrap {
	position: relative;
}

.hero .excerpt-wrap p {
	float: left;
	width: 65.5%;
	margin: 0;
	font-size: 0.875em;
}

.hero .hero-main .excerpt-wrap p {
	line-height: 1.500em;
	height: 84px;
	overflow: hidden;
}

.hero p.more {
	margin-bottom: 0;
}

a.more {
	font-family: 'herr_von_muellerhoffregular';	
}

.hero a.more {
	font-size: 1.750em;
	text-align: center;
}

.hero .hero-sub a.more {
	border-top: 1px solid #fff;
	display: inline-block;
	padding-top: 7px;
}

.hero .excerpt-wrap p.more {
	position: absolute;
	float: right;
	width: 34.5%;
	text-align: right;
	font-size: 1.2em;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hero a.more {
	color: #fff;
}

.hero a.more:hover {
	color: #fff;
	text-decoration: none;
}

.main-col {
	float: left;
	width: 64.444444444%;
	padding-right: 2.222222222%;
	border-right: 1px solid #c6c6c6;
}

.single-main {
	border: none;
	line-height: 1.9;
	width: 55.555555556%;
	padding-right: 4.444444444%;
	padding-left: 4.444444444%;
	margin-right: 2.222222222%;
}

.single-main.page-main {
	padding-left: 20%;
	padding-right: 20%;
	margin-bottom: 24px;
}

.single-main p {
	margin-bottom: 24px;
}

.single-main img {
	display: block;
	margin-left: -8%;
	max-width: 116%;
	margin-bottom: 37px;
	margin-top: 40px;
}

.single-main img.alignleft {
	float: left;
	margin-right: 30px;
}

.single-main img.alignright {
	float: right;
	margin-left: 30px;
}

.single-main img.with-caption {
	margin-bottom: 0;
}

.single-main .double-img {
	margin-left: -8%;
	width: 116%;
	margin-bottom: 26px;
}

.single-main .double-img img {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.single-main .double-img .col {
	float: left;
	width: 48.275862069%;
}

.single-main .double-img .col.right {
	float: right;
}

.post-content {
	font-size: 0.875em;
}

.post-content:first-letter { 
	float: left;
	font-size: 6.313em;
	line-height: 0.7em;
	padding-top: 4px;
	padding-right: 6px;
}

.page-id-14 .post-content:first-letter,
.page-id-16 .post-content:first-letter {
	float: none;
	font-size: 1em;	
	line-height: 1.7;
	padding: 0;
}

.archive .post {
	margin-bottom: 48px;
}

.archive .post-wrap {
	position: relative;
}

.archive .post .meta {
	position: absolute;
	float: left;
	width: 39.08045977%;
	height: 100%;
}

.archive .post .featured-img {
	float: right;
	width: 60.91954023%;
}

.archive .post .featured-img img {
	display: block;
}

p.date {
	font-size: 0.700em;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 0 12px;
	letter-spacing: 3px;
}

p.date span {
	display: inline-block;
	border-top: 1px solid #e2bccf;
	padding-top: 12px;
}

.archive .post p.date span,
.post-hero p.date span {
	display: inline;
}

.archive .post p.excerpt {
	position: absolute;
	bottom: 0;
	font-size: 0.875em;
	padding-right: 24px;
	margin: 0 0 -14px 0;
	line-height: 1.9em;
	height: 88px;
	overflow: hidden;
}

.vert-cen {
	position: absolute;
	width: 100%;
	top: 39%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

.archive .post a.more {
	font-size: 2.000em;
	padding-left: 6px;
}

.archive .post a.more.mobile-more {
	padding-left: 0;
}

p.mobile-more-p {
	display: none;
}

p.load-more {
	font-size: 2.250em;
	text-align: center;
  font-family: 'herr_von_muellerhoffregular';
  margin-bottom: 45px;
}

.post-hero {
	background: url(../images/single-hero-bk.png) repeat-x;
	background-size: 383px 383px;
	border-top: 1px solid #c6c6c6;
	margin-top: 120px;
	margin-bottom: 44px;
}

.post-hero.with-caption {
	margin-bottom: 0;
}

.post-hero .inner {
	position: relative;
	margin-top: -72px;
	border: 1px solid #c6c6c6;
	background: #fff;
}

.post-hero .featured-img {
	float: right;
	width: 66.666666667%;
}

.post-hero .featured-img img {
	display: block;
}

.post-hero .meta {
	position: absolute;
	float: left;
	width: 33.333333333%;
	height: 100%;
}

.post-hero .cat-wrap {
	margin-left: 24px;
	margin-top: 16px;
}

.post-hero .meta-center {
	position: absolute;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-hero h2 {
	margin-bottom: 28px;
	font-size: 1.3em;
}

.caption {
	font-size: 0.875em;
	color: #a8a8a8;
	font-style: italic;
	text-align: right;
	margin-bottom: 34px;
	margin-top: 10px;
	line-height: normal;
}

.caption.feature-caption {
	margin-bottom: 20px;
}

.double-img .caption {
	margin-bottom: 0;
}

.post-utility,
.social-share {
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	letter-spacing: 2px;	
	margin-bottom: 24px;
}

.post-utility .social-share {
	float: left;
	font-size: 0.750em;
}

.social-share {
	font-size: 0.750em;
}

.social-share a {
	position: relative;
	display: inline-block;
	top: 2px;
	color: #6d6d6d;
	border: 1px solid #6d6d6d;
	line-height: normal;
	padding-top: 8px;
	padding-left: 3px;
	width: 32px;
	height: 27px;
	text-align: center;
	font-size: 1.563em;
	margin-left: 4px;
}

.social-share a:hover {
	background: #d296b5;
	border: 1px solid #d296b5;
	text-decoration: none;
	color: #fff;
}

p.subcat-wrap {
	float: right;
	margin: 15px 0 0 0;
	font-size: 0.750em;
}

p.cat-tag {
	font-size: 0.875em;
}

p.cat-tag a {
	text-transform: uppercase;
}

.post-content .question {
	position: relative;
	font-style: italic;
	margin-top: 24px;
}

.post-content .question p {
	position: relative;
	margin-left: 19.5%;
	margin-bottom: 24px;
}

.post-content .question.no-label p {
	margin-left: 8.3%;
}

.post-content .question p:before {
	position: absolute;
	content: "Question:";
	top: 0;
	left: -84px;
	font-weight: 700;
	color: #7bab8d;
	font-style: normal;
}

.post-content .question.no-label p:before {
	content: "";
}

.post-content .question:before {
	position: absolute;
	top: -18px;
	left: 3px;
	line-height: normal;
	opacity: 0.15;
	font-size: 3em;
	font-style: normal;
}

body.category-fashion .post-content .question:before {
	color: #CBC8F5;
	opacity: 0.5;
}

.category-chef-talks .post-content .question:before {
	top: -21px;
	color: #7bab8d;
}

.post-content .question.q-01:before { content: "1:" }
.post-content .question.q-02:before { content: "2:" }
.post-content .question.q-03:before { content: "3:" }
.post-content .question.q-04:before { content: "4:" }
.post-content .question.q-05:before { content: "5:" }
.post-content .question.q-06:before { content: "6:" }
.post-content .question.q-07:before { content: "7:" }
.post-content .question.q-08:before { content: "8:" }
.post-content .question.q-09:before { content: "9:" }
.post-content .question.q-10:before { content: "10:" }
.post-content .question.q-11:before { content: "11:" }
.post-content .question.q-12:before { content: "12:" }
.post-content .question.q-13:before { content: "13:" }
.post-content .question.q-14:before { content: "14:" }
.post-content .question.q-15:before { content: "15:" }
.post-content .question.q-16:before { content: "16:" }
.post-content .question.q-17:before { content: "17:" }
.post-content .question.q-18:before { content: "18:" }
.post-content .question.q-19:before { content: "19:" }
.post-content .question.q-20:before { content: "20:" }

.post-content .answer p {
	margin-bottom: 24px;
}

.post-content .answer p:before {
	content: "Answer:";
}

.post-content .question .cursive {
	font-size: 1.4em;
	color: #969494;
	font-family: 'La Belle Aurore', cursive;
}

.post-widget h2 {
	text-align: center;
	border-bottom: 1px solid #c6c6c6;
	padding-top: 25px;
	padding-bottom: 45px;
}

.post-widget.top-posts h2 {
	padding-top: 58px;
	padding-bottom: 46px;
}

.post-widget.social-widget h2 {
	padding-bottom: 12px;
	padding-top: 50px;
	border-bottom: none;
}

.post-widget .item {
	position: relative;
	border-bottom: 1px solid #c6c6c6;
	cursor: pointer;
}

.post-widget .item:hover p.more a {
	color: #fff;
}

.post-widget .item:last-child {
	border-bottom: none;
}

.post-widget .item h2 {
	border: none;
	padding: 0;
	font-size: 0.750em;
	letter-spacing: 4px;
	padding: 0 12px;
}

.post-widget h2 span {
	position: relative;
	top: 18px;
	font-size: 3.250em;
}

.post-widget h2 span.icon-instagram {
	font-size: 1.125em;
	top: 0;
	left: 0;
}

.post-widget .item h2 a{
	color: #6d6d6d;
}

.post-widget .item .meta {
	float: left;
	width: 58.035714286%;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-46%);
			-ms-transform: translateY(-46%);
					transform: translateY(-46%);
}

.post-widget .item .more-wrap {
	position: relative;
	float: right;
	width: 41.964285714%;
}

.post-widget .item .more-wrap img {
	display: block;
}

.post-widget .item .more-wrap p {
	position: absolute;
	font-size: 1.563em;
	width: 100%;
	text-align: center;
	margin: 0;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-41%);
			-ms-transform: translateY(-41%);
					transform: translateY(-41%);
}

.post-widget .item .more-wrap a {
	color: #fff;
}

.insta-widget h2 {
	padding-top: 44px;
	padding-bottom: 44px;
}

.insta-widget h2 p {
	line-height: normal;
	margin-bottom: 10px;
}

.insta-widget h2 p:last-child {
	margin: 0;
}

.insta-widget .wrap a {
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
}

.insta-widget .wrap a img {
	display: block;
}

.insta-widget .wrap a:nth-child(odd) {
	border-right: 1px solid #fff;
}

.insta-widget .wrap a:nth-child(even) {
	border-left: 1px solid #fff;
}

.insta-widget .wrap a:last-child,
.insta-widget .wrap a:nth-last-child(2) {
	border-bottom: none;
}

.widget.ad-zone {
	border: none;
	margin-left: 5.621301775%;
	margin-right: 5.621301775%;
}

.post-type-chef-talks p.date span {
	border-top: 1px solid #7bab8d;
}

.post-type-walk-a-day p.date span {
	border-top: 1px solid #9793d8;
}

.walk-img {
	position: relative;
	margin-left: -8%;
	width: 116%;
	max-width: 116%;
	margin-bottom: 24px;
	overflow: hidden;
}

.double-img .walk-img {
	margin: 0;
	max-width: 100%;
	margin-bottom: 0;	
}

.walk-img img {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	max-width: 100%;
}

.walk-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 90.5%;
	padding: 8px 5% 10px 5%;
	text-align: center;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	font-size: 1em;
	color: #6d6d6d;
	z-index: 50;
}

.walk-img .overlay p {
	margin: -9px 0 0 0;
}

.walk-img .overlay p.time {
	font-size: 1.813em;
}

h2.page-title {
	margin-top: 48px;
	margin-bottom: 32px;
}

h4 {
	font-weight: 700;
	font-size: 1.188em;
}

.post-content {
	text-align: justify;
}

.post-content h4 {
	margin-bottom: 16px;
	margin-top: 36px;	
}

.post-content ul,
.post-content ol {
	margin-bottom: 26px;
}

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

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

.post-content li {
	margin-left: 8%;
	margin-bottom: 10px;
}

.archive-title {
	margin-top: 24px;
	margin-bottom: 78px;
	text-align: center;
}

.archive-title p {
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-size: 0.600em;
	letter-spacing: 4px;
	margin-bottom: 9px;
}

.shopthepost-widget {
	margin-bottom: 48px;
}

.mobile-three {
	display: none;
}

.pin-wrap {
	position: relative;
}

.pin-it {
	position: absolute;
	padding-left: 3px;
	padding-top: 1px;
	width: 31px;
	height: 33px;
	border: 1px solid #c2c2c2;
	text-align: center;
	right: -3.448275862%;
	bottom: 24px;
	color: #c2c2c2;
	font-size: 1.5em;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			 		transition: all 0.3s ease-out;
}

.walk-img .pin-it,
.double-img .pin-it {
	right: 3.448275862%;
}

.pin-it span {
	position: relative;
	top: -2px;
}

.single-main .double-img .pin-it {
	bottom: 12px;
	right: 12px;
}

.pin-it:hover {
	color: #4d4d4d;
	background: #fff;
	border: 1px solid #fff;
}

body.archive.category .main-col .archive {
	position: relative;
	top: -25px;
}

.post-content h3 {
	position: relative;
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	letter-spacing: 5px;
	line-height: 1.750em;
	border-top: 1px solid #c6c6c6;
	top: 6px;
	margin-bottom: 6px;
}

.post-content h3 span {
	position: relative;
	top: -11px;
	padding-right: 18px;
	background: #fff;
}

/* =CATEGORY ICONS
----------------------------------- */
.cat-icon {
	position: relative;
	top: 19px;
	font-size: 3.250em;
}

.cat-icon.icon-chef-talks {
	top: 18px;
}

.cat-icon.icon-walk-a-day {
	top: 17px;
}

h3 .icon-walk-a-day-sidebar {
	font-size: 2.313em;
}

h3 .icon-chef-talks-sidebar {
	font-size: 2.8em;
}

h3 .icon-chef-talks-sidebar,
h3 .icon-walk-a-day-sidebar {
	top: 9px;
}

.back-to-top {
	display: none;
	width: 95px;
	height: 95px;
	position: fixed;
	right: 0;
	bottom: 50px;
	z-index: 20;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #c6c6c6;
	border-right: 0;
	text-align: center;
	cursor: pointer;
}

.back-to-top h2 {
	font-size: 0.750em;
	letter-spacing: 3px;
	margin-top: -8px;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			 		transition: all 0.3s ease-out;
}	

.back-to-top h2.arrow {
	font-size: 7px;
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 18px;
	color: #cd91b0;
}

.back-to-top:hover h2 {
	color: #9E9E9E;
}

/* =SIDEBAR
----------------------------------- */
.sidebar {
	float: right;
	width: 31.296296296%;
}

.shop-sidebar {
	float: left;
}

.widget {
	border: 1px solid #c6c6c6;
	margin-bottom: 48px;
}

.chef-talks-widget {
	margin-top: 25px;
	margin-bottom: 60px;
	padding-top: 48px;
}

.special-content-widget {
	cursor: pointer;
}

.special-content-widget img {
	display: block;
}

.chef-talks-widget img.sketch {
	width: 77px;
	margin-bottom: 13px;
	display: inline;
	background: none;
}

.special-content-widget p.question {
	padding: 0 17.5%;
	font-size: 0.875em;
	margin-bottom: 0;
}

.special-content-widget.best-bite-widget p.question {
	margin-bottom: 10px;
}

.walk-day-widget {
	margin-bottom: 0;
}

.chef-talks-widget p.question span.q {
	position: relative;
	top: 3px;
	padding-right: 2px;
	font-size: 1.813em;
	color: #7bab8d;
}

.chef-talks-widget p.answer,
.best-bite-widget p.answer {
	margin: 0;
  font-family: 'herr_von_muellerhoffregular';
  font-size: 2.313em;
  text-decoration: underline;
}

.special-content-widget p.center {
	margin: 0;
}

.special-content-widget a.more {
	display: block;
	font-size: 1.750em;
	padding: 11px 0 10px 0;
}

.special-content-widget {
	position: relative;
	text-align: center;
}

.special-content-widget h3 {
	position: absolute;
	top: -30px;
	text-align: center;
	border: 1px dashed #e0e0e0;
	background: #fff;
	line-height: normal;
	left: 50%;
	height: 56px;
	width: 160px;
	margin-left: -81px;
}

.special-content-widget h3 a {
	color: #6d6d6d;
}

.special-content-widget h3 a:hover {
	color: #9e9e9e;
}

.special-content-widget h2 {
	padding: 0 7%;
	margin-bottom: 12px;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			 		transition: all 0.3s ease-out;	
}

.special-content-widget.chef-talks-widget h2 {
	margin-bottom: 6px;
}

.special-content-widget.best-bite-widget h2 {
	margin-top: 72px;
}

.special-content-widget h3 span {
	font-size: 2.8em;
	top: 9px;
}

p.restaurant {
	margin-bottom: 5px;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 0.750em;
	letter-spacing: 3px;
}

p.time {
  font-family: 'herr_von_muellerhoffregular';
  font-size: 1.563em;
  margin-bottom: 0;
}

.walk-day-widget h2 {
	margin-top: 84px;
	margin-bottom: 11px;
}

.post-content-sidebar {
	margin-top: 90px;
	margin-bottom: 48px;
}

.post-content-sidebar .widget {
	border: none;
}

.sidebar .polaroid-item {
	float: none;
	width: 161px;
	margin: 0;
	display: inherit;
	margin: -48px auto 0 auto;
}

.sidebar .polaroid-item:first-child {
	margin-top: 0;
}

.sidebar .polaroid-item:nth-child(odd) {
  -webkit-transform: rotate(6.5deg);
      -ms-transform: rotate(6.5deg);
          transform: rotate(6.5deg);
}

/*
.sidebar .polaroid-item:nth-child(odd):hover {
  -webkit-transform: rotate(4.5deg);
      -ms-transform: rotate(4.5deg);
          transform: rotate(4.5deg);
}
*/

.sidebar .polaroid-item:nth-child(even) {
  -webkit-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
          transform: rotate(-4deg);
}

/*
.sidebar .polaroid-item:nth-child(even):hover {
  -webkit-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
*/

.sidebar .polaroid-item:hover img,
.insta-feed-wrap a:hover img {
	opacity: 0.8;
}

.post-content-sidebar {
	padding-bottom: 0;
	border-bottom: 1px solid #c6c6c6;
}

blockquote {
	position: relative;
	padding: 50px 14% 42px 14%;
	color: #6d6d6d;
	background: url(../images/quote-upper.png) center top no-repeat;
	background-size: 200px 82px;
	text-align: center;
}

.post-type-chef-talks blockquote {
	background: url(../images/quote-upper-green.png) center top no-repeat;	
	background-size: 200px 82px;
}

blockquote:after {
	width: 21px;
	height: 14px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	background: url(../images/quote-lower.png) no-repeat;
	background-size: 21px 14px;
}

.post-type-chef-talks blockquote:after {
	background: url(../images/quote-lower-green.png) no-repeat;
	background-size: 21px 14px;
}

.sketch {
	background: url(../images/sketch-bk.png) 21% 8px no-repeat;
	background-size: 128px 128px;
	text-align: center;
	padding-bottom: 8px;
	font-style: italic;
	color: #a8a8a8;
	font-size: 0.750em;
}

.sketch img {
	width: 147px;
	margin-bottom: 35px;
}

.sketch p {
	margin: 0 27%;
}

/* =MAY ALSO LIKE
----------------------------------- */
.may-also-like .intro {
	float: left;
	width: 33.333333333%;
	padding-top: 140px;
	line-height: 1.5;
}

.may-also-like .intro {
	text-align: right;
}

.may-also-like .intro h2 {
	padding-right: 48px;
	margin-bottom: 17px;
}

.may-also-like .intro span.icon-arrow-right {
	padding-right: 54px;
	font-size: 1.7em;
	color: #e2bccf;
}

.may-also-like .intro a {
	color: #6d6d6d;
}

.may-also-like .post-wrap {
	float: right;
	width: 66.666666667%;
	box-sizing: border-box;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	cursor: pointer;
}

.may-also-like .post-wrap .cat-wrap {
	margin-left: 24px;
	margin-top: -6px;
}

.may-also-like .post-wrap h2 {
	font-size: 1.3em;
	text-align: center;
	margin: 64px 20% 9px 20%;
}

.may-also-like .post-wrap p.date {
	margin-bottom: 51px;
}

.may-also-like .post-wrap p.date span {
	padding-top: 13px;
}

.may-also-like .post-wrap img {
	display: block;
}

/* =THEME WRAP
----------------------------------- */
.theme-wrap {
	margin-bottom: 82px;
}

.theme-wrap h2 {
	text-align: center;
}

.theme-inner {
	border-top: 1px solid #c6c6c6;
	background: url(../images/theme-bk-tile.gif) repeat-x;
	padding: 24px 2.222222222% 0 2.222222222%;
	margin-top: 28px;
}

.theme-wrap .post {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 32.558139535%;
	border: 1px solid #c6c6c6;
	background: #fff;
	text-align: center;
	cursor: pointer;
	min-height: 525px; /* recalculate with JS */
}

.theme-wrap .post:hover h2,
.theme-wrap .post:hover a.more,
.special-content-widget:hover h2,
.special-content-widget:hover a.more {
	color: #9E9E9E;
}

.theme-wrap .post.mid {
	margin: 0 1.162790698%;
}

.theme-wrap .cat-wrap {
	text-align: left;
	margin-left: 12px;
	margin-top: -6px;
}

.theme-wrap .post h2 {
	margin-top: 44px;
	margin-bottom: 29px;
	padding: 0 10%;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			 		transition: all 0.3s ease-out;
	
}

.theme-wrap .post img {
	display: block;
	width: 100%;
}

.theme-wrap p.excerpt {
	padding: 0 8%;
	line-height: 1.9em;
	font-size: 0.875em;
	margin-bottom: -2px;
	height: 80px;
	overflow: hidden;
}

.theme-wrap p.center {
	margin: 0;
}

.theme-wrap a.more {
	display: block;
	padding: 11px 0 17px 0;
	font-size: 1.750em;
}

.theme-mobile-title {
	display: none;
}

.bottom-align {
	position: absolute;
	bottom: 0;
}

/* =INSTAGRAM FEED
----------------------------------- */
.insta-feed .util-nav,
.widget .util-nav {
	float: none;
	text-align: center;
}

.widget .util-nav {
	margin-bottom: 46px;
}

.insta-feed .util-nav li,
.widget .util-nav li {
	float: none;
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0 20px;
}

.insta-feed h2 {
	text-align: center;
	padding: 22px 0 24px 0;
	border-bottom: 1px solid #c6c6c6;
}

.insta-feed-wrap {
	margin: 36px 0;
}

.insta-feed-wrap a,
.polaroid-item {
	box-sizing: border-box;
	float: left;
	width: 14.62962963%;
	padding: 10px 10px 32px 10px;
	background: #fff;
	margin-right: 2.4%;
	margin-bottom: 36px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
					box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.polaroid-item img,
.insta-feed-wrap a img {
	-webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
		   -o-transition: all 0.2s ease-out;
			 		transition: all 0.2s ease-out;
}

.insta-feed-wrap a:nth-child(3n+1) {
  -webkit-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
          transform: rotate(1.5deg);
}

/*
.insta-feed-wrap a:nth-child(3n+1):hover {
  -webkit-transform: rotate(-0.5deg);
      -ms-transform: rotate(-0.5deg);
          transform: rotate(-0.5deg);
}
*/

.insta-feed-wrap a:nth-child(3n+2) {
  -webkit-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
          transform: rotate(-1deg);
}

/*
.insta-feed-wrap a:nth-child(3n+2):hover {
  -webkit-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
          transform: rotate(1deg);
}
*/

.insta-feed-wrap a:nth-child(3n+3) {
  -webkit-transform: rotate(0.5deg);
      -ms-transform: rotate(0.5deg);
          transform: rotate(0.5deg);
}

/*
.insta-feed-wrap a:nth-child(3n+3):hover {
  -webkit-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
          transform: rotate(-1.5deg);
}
*/

.insta-feed-wrap a:nth-child(6n+6) {
	margin-right: 0;
}

/* =NEWS SIGNUP
----------------------------------- */
.news-signup {
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	background: url(../images/textured_stripes_@2X.png) repeat;
	background-size: 256px 256px;
	padding: 60px 0 44px 0;
}

.news-signup .col {
	width: 50%;
}

.news-signup .input-wrap {
	float: right;
}

.news-signup .label-wrap {
	float: left;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	text-align: right;
}

.news-signup .label-wrap h2,
.news-signup .label-wrap h3 {
	margin-right: 42px;
	line-height: normal;
}


.news-signup .label-wrap h2 {
	font-size: 1.313em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.news-signup .label-wrap h3 {
	font-family: 'herr_von_muellerhoffregular';	
	font-size: 2.313em;
	margin-top: -16px;
	padding-right: 3px;
}

.news-signup input,
.news-signup button,
.pop-in input,
.pop-in button {
	float: left;
	background: #fff;
	border: 1px solid #c6c6c6;
	color: #6d6d6d;
	font-size: 0.875em;
	padding: 15px 0 14px 21px;
	height: 20px;
	width: 260px;
	outline: none;
	-webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
		   -o-transition: all 0.2s ease-out;
			 		transition: all 0.2s ease-out;
}

.news-signup button,
.pop-in button {
	border-left: none;
	font-size: 0.750em;
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-weight: 600;
	background: #f7f7f7;
	padding-left: 0;
	height: 51px;
	width: 96px;
	cursor: pointer;
	padding-top: 17px;
	padding-bottom: 12px;
}

.news-signup button:hover,
.pop-in button:hover {
	color: #e8e8e8;
	background: #6d6d6d;
}

.pop-in {
	border-bottom: 1px solid #c6c6c6;
	display: none;
}

.pop-in button {
	float: right;
	width: 10%;
	border-bottom: none;
	border-top: none;
	border-left: 1px solid #c6c6c6;
}

.pop-in input {
	float: left;
	width: 87%;
	padding-right: 3%;
	padding-left: 0;
	text-align: right;
	border: none;
	font-size: 0.750em;
}

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

:-moz-placeholder { /* Firefox 18- */
	color: #a8a8a8;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #a8a8a8;
}

:-ms-input-placeholder {  
	color: #a8a8a8;
}

.newsletter_message {
	margin-left: 50%;
	font-size: 0.750em;	
}

.newsletter_message.header-news {
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #c6c6c6;
	text-align: right;
}

pre {
  white-space: pre-wrap;       /* CSS 3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.wp-playlist-current-item {
  overflow: visible;
  height: auto;
}

.wp-playlist .wp-playlist-current-item img {
  max-width: 1000px;
  margin: 0;
}

.wp-playlist .mejs-container {
  padding-top: 0!important;
  padding-bottom: 7%!important;
}

/* =FOOTER
----------------------------------- */
footer {
	background: #fff url(../images/footer-bk.jpg) center bottom no-repeat;
}

.lower-footer {
	padding: 72px 0 48px 0;
}

footer .quote {
	float: left;
	width: 53.5%;
	font-size: 0.875em;
	color: #6d6d6d;
}

footer .quote p {
	margin-bottom: 25px;
	line-height: 1.7em;
}

footer .quote span.icon-meghanmarkle {
	position: relative;
	font-size: 4.500em;
	left: 32px;
	top: -8px;
	vertical-align: text-top;
	color: #6d6d6d;
}

footer .right {
	float: right;
	width: 46.5%;
	text-align: right;
}

footer .right a {
	color: #6d6d6d;
}

footer .right a:hover {
	color: #d296b5;
	text-decoration: none;
}

footer .right ul {
	margin-bottom: 36px;
}

footer .right li {
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

footer p.credits {
	font-size: 0.750em;
}

footer p.credits a:hover {
	color: #ed1c24;
	text-decoration: none;
}

.alignleft {
	float: left;
	padding-right: 24px;
}

.alignright {
	float: left;
	padding-left: 24px;
}


/* =Press
----------------------------------- */

.post-press{
	border-top: 1px solid #c2c2c2;
	text-align: center;
	margin-bottom: 48px;
}

.post-press .featured-img{
	float: right;
	max-width: 150px;
	border: 1px solid #c2c2c2;
	border-top: none;
}

.post-press .featured-img img{display: block;}
.post-press h2 {text-align: center;}
.post-press h2 a{color: #6d6d6d;}
.post-press h2 a:hover {color: #9E9E9E;}

.post-press .post-wrap{
	margin-right: 200px;
	margin-left: 40px;
	margin-top: 50px;
}
.post-press a.more {
	font-size: 2em;
	padding-left: 6px;
}

.post-press p.excerpt {
	font-size: 0.875em;
	margin: 48px 0 -14px 0;
	line-height: 1.9em;
	overflow: hidden;
}

.press-main{
	margin-top: 80px;
}
.press-main .main-col {
	border-right: 1px solid transparent;
}
.press-main .center-wrap {
	border-bottom: 1px solid transparent!important;
}

.press .load-more{
	border-top: 1px solid #c2c2c2;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

.shop-items .load-more {
	margin-top: 36px;
}

.shop-main {
	padding-right: 0;
	padding-left: 2.222222222%;
	text-align: center;
}

.shop-main h1 {
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 33px;
}

.shop-main p.desc {
	margin-bottom: 55px;
	line-height: 1.9;
	font-size: 14px;
	padding: 0 5%;
}

.shop-items .item {
	box-sizing: border-box;
	display: inline-block;
	width: 31%;
	margin: 0 0 0 1.5%;
	position: relative;
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px;
	vertical-align: top;
}

.shop-items .item:hover .product-cta {
	color: #9E9E9E;
}

.shop-items .item p {
	text-align: center;
	margin: 0;
}

.shop-items .item p a {
	color: #6d6d6d;
}

.product-wrap {
	border: 1px solid #c2c2c2;
	margin-bottom: 24px;
}

.product-image {
	height: 214px;
	position: relative;
}

.product-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	max-width: 80%;
	max-height: 80%;
}

.brand-name {
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.product-name {
	font-size: 0.875em;
	padding-bottom: 24px;
}

.product-cta {
	font-size: 1.625em;
	text-align: center;
	font-family: 'herr_von_muellerhoffregular';
	color: #6d6d6d;
	display: block;
	border-top: 1px solid #c2c2c2;
	padding-top: 3px;
}

/* =Publsihers List Sidebar
----------------------------------- */

#pub_list{
	text-align: center;
	margin-top: 50px;
}

#pub_list.shop {
	border-top: none;
	margin-top: 0;
}

.page-id-4256 .global-sidebar {
	border-top: 1px solid #c2c2c2;	
}

#pub_list h1{
	color: #4d4d4d;
	font-size: 18px;
	line-height: 27.099px;
	display: block;
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	letter-spacing: 5px;
	padding: 0 5%;
	margin-bottom: 20px;
	text-align: center;
}

#pub_list li{
	font-size: 12px;
	line-height: 27.099px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 0 5%;
	margin-bottom: 0px;
}

#pub_list li a{
	color: #4d4d4d;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
}

#pub_list li a:hover {
	color: #9E9E9E;
}

#pub_list a.active,
#pub_list li a.active:hover {
	color: #d296b5;
}

/* WP Video Responsive */
.mejs-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}
.mejs-mediaelement video {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100% !important;
	height: 100% !important;
}
.mejs-container, .mejs-embed, .mejs-embed body {
	background:transparent!important;
}

.newsletter-takeover {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .76);
	z-index: 999;
	text-align: center;
	display: none;

}

.newsletter-main {

	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	max-width: 490px;
	background-color: #fff;
	padding: 40px;
	position: relative;
	top: 50%;
	left: 50%;

}

.takeover-close {

	position: absolute;
	top: 23px;
	right: 23px;
	width: 36px;
	height: 36px;
	background-color: #f7f7f7;
	border-radius: 50%;
	border: solid 1px #c2c2c2;
	cursor: pointer;

}

.takeover-close::before {

	position: absolute;
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 1px;
	background-color: #c2c2c2;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);

}

.takeover-close::after {

	position: absolute;
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 1px;
	background-color: #c2c2c2;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

}

.takeover-inner {

	border: solid 1px #c2c2c2;
	padding: 72px 40px 40px;

}

.takeover-inner h2 {

  font-family: 'herr_von_muellerhoffregular';
  font-size: 59px;
  line-height: 62px;
  text-transform: none;
  letter-spacing: 0;
  margin: 12px 0;

}

.takeover-inner h3 {

	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0 0 50px;

}

.takeover-inner input {


  background: #fff;
  border: 1px solid #c6c6c6;
  color: #6d6d6d;
  font-size: 0.875em;
  padding: 15px 0 14px 21px;
  height: 20px;
  width: 260px;
  outline: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: middle;

}

.takeover-inner button {

	border: 1px solid #c6c6c6;
  color: #6d6d6d;

  padding: 15px 0 14px 21px;
	font-size: 0.750em;
	text-transform: uppercase;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-weight: 600;
	background: #f7f7f7;
	padding-left: 0;
	height: 51px;
	width: 96px;
	cursor: pointer;
	padding-top: 17px;
	padding-bottom: 12px;
	margin-left: -4px;
	vertical-align: middle;

}

.takeover-inner form {

	max-width: 540px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	overflow: hidden;
	text-align: center;

}

.takeover-inner form .message {

	margin-top: 8px;
	font-style: italic;

}

.takeover-inner h4 {

	display: inline-block;
	width: 46%;
	vertical-align: middle;
	text-align: left;
	margin-top: 32px;
	padding-left: 8px;
	font-family: 'BrandonGrotesque-Regular', 'Josefin Sans', sans-serif;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;


}

.takeover-inner ul {

	width: 46%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin-top: 32px;
	padding-right: 8px;

}

.takeover-inner li {

	display: inline-block;
	vertical-align: middle;


}

.takeover-inner a {

	color: #4d4d4d;
	margin-left: 30px;

}

.takeover-inner li:first-child {

	margin-left: 0;

}


/* -------------------------------------------------------------- LETTER CSS -------------------------------------------------------------- */

html.letter-page header,
html.letter-page .pop-in,
html.letter-page .header-news,
html.letter-page footer {

	display: none !important;

}

html.letter-page {

	min-height: 100%;
	background-color: #c5c5c5;
	background-image: url('../images/letter-bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	overflow-x: hidden;

}

.letter-wrap {

	padding: 50px 24px 0;

}

.letter {

	background-color: #fafafa;
	max-width: 674px;
	margin: 0 auto;
	padding-left: 142px;
	padding-right: 70px;
	font-size: 14px;
	line-height: 21px;
	position: relative;
	padding-top: 140px;
	padding-bottom: 180px;
	box-sizing: border-box;
	box-shadow: 8px 10px 10px rgba(0, 0, 0, .2);
	transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);

}

.letter > img:first-child {

	position: absolute;
	width: 120px;
	left: 22px;
	top: 30px;

}

.letter p:first-of-type {

	font-style: italic;

}

.letter span {

	font-weight: bold;
	font-style: italic;

}

.letter .sig {

	opacity: .5;

}

#photo-1 {

	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	position: absolute;
	top: -132px;
  right: -50px;

}

#photo-2 {

	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	position: absolute;
	bottom: -130px;
	right: -250px;

}

#photo-3 {

	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	position: absolute;
	top: 200px;
	left: -200px;

}

.credit {

	display: block;
	text-align: center;
	color: white;
	font-size: 14px;
	margin-top: 48px;

}

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

	html.letter-page {

		min-height: 100%;
		background-color: #c5c5c5;
		background-image: url('../images/letter-bg-mobile.png');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		overflow-x: hidden;

	}

	.letter-wrap {

		padding: 90px 45px;

	}

	#photo-1 {

    top: -86px;
    right: -160px;
    width: 250px;

	}

	#photo-2 {

		width: 380px;
    right: -80px;
    bottom: -209px;

	}

	#photo-3 {

		top: 92%;
    left: 0;
    width: 250px;

	}

	.letter {

		padding-top: 70px;
		padding-left: 70px;
		padding-right: 35px;
		padding-bottom: 60px;

	}

	.letter > img:first-child {

		width: 70px;
		top: 12px;
		left: 12px;

	}

	.credit {

    margin-top: 178px;
    margin-bottom: 24px;

	}

}

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

	.letter {

		font-size: 12px;
		line-height: 16px;
    padding-top: 60px;
    padding-left: 50px;
    padding-right: 35px;
    padding-bottom: 60px;

	}

	.letter-wrap {

		padding: 90px 24px;

	}

	.sig {

		width: 80px;
		height: auto;

	}

	.letter > img:first-child {

		width: 50px;

	}

	#photo-1 {

		top: -112px;
    right: -130px;
    width: 200px;

	}

	#photo-2 {

    width: 240px;
    right: -48px;
    bottom: -100px;

	}

	#photo-3 {

    top: auto;
    bottom: 93%;
    width: 130px;
    right: 18%;
    left: auto;

	}

	.credit {

    margin-top: 40px;
    margin-bottom: 24px;
		
	}

}