/*
 Theme Name:   Barnyard Banter
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Chris Noble
 Author URI:   http://www.eyedea.com.au
 Template:     understrap
 Version:      1.0
 License:      Commercial
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/
@import './css/theme-roads.css';
@import './css/theme-sliding.css';
@import './css/theme-escape.css';
@import './css/theme-shift.css';
@import './css/theme-creative.css';
@import './css/theme-along.css';
@import './css/theme-generic.css';

body {
	overflow-x: hidden;
	font-family: Georgia, 'Times New Roman', serif;
	background: #fff;
	color: #555;
	text-shadow: 1px 1px 2px rgba(96, 96, 96, 0.1);
}
main {
	background: #fff;
}
.white{ color: #FFF !important;}
a, main a i {
	-webkit-transition: color 0.25s linear, background-color 0.25s linear;
	-moz-transition: color 0.25s linear, background-color 0.25s linear;
	-o-transition: color 0.25s linear, background-color 0.25s linear;
	-ms-transition: color 0.25s linear, background-color 0.25s linear;
	transition: color 0.25s linear, background-color 0.25s linear;
	color: #1546ac;
}
a:hover, main a:hover i {
	color: #000;
}
a.framed {
	padding: 10px;
}
a.framed:hover {
	background: transparent url(./images/menu-border.png) no-repeat scroll center center;
	background-size: 100% 100%;
	text-decoration: none;
}
p + ul, p + ol {
	margin-top: -10px;
}
dl { margin: 0; }
dt {
	width: 80px;
	float: left;
	clear: left;
	font-weight: bold;
}
dd {
	margin-left: 90px;
	padding: 0 0 6px 0;
}
dt, dd {
	line-height: 16px;
	min-height: 16px;
}
dd p:last-child {
	margin-bottom: 0;
}

main h1:first-child, main h2:first-child, main h3:first-child, main h4:first-child {

}

img {
	max-width: 100%;
}
#gmap img, .gmnoprint img {
	max-width: none;
}
.row.divider > [class*='col-']:not(:last-child):after {
	display: block;
	content: '';
	background: #1546ac;
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	min-height: 100px;
}
.row.padded {
	padding-top: 60px;
	padding-bottom: 60px;
}
main h1, main h1 a {
	font-family: 'beyond_the_mountainsregular', cursive;
	color: #bb9379;
	text-shadow: 1px 1px 2px rgba(96, 96, 96, 0.33);
	letter-spacing: 1px;
    word-spacing: 5px;
}
main h1.top, main h1.bottom,
main h3.top, main h3.bottom {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
main h1.top,
main h3.top {
	margin-top: 10px;
}
main h1.bottom,
main h3.bottom {
	margin-bottom: 10px;
}
main h1.top:before,
main h1.bottom:after,
main h3.top:before,
main h3.bottom:after {
	display: block;
	content: '';
	background-color: #a9b49e;
	height: 2px;
	width: 56px;
	margin: 15px auto;
}
main h1.top:before,
main h3.top:before {
	margin-bottom: 8px;
}
main h2, main .h2 {
	font-family: 'jenna_sueregular';
	/*text-shadow: 1px 1px 2px rgba(96, 96, 96, 0.33);*/
	color: #bb9379;
}
main h3, main .h3, main h3 a, main .h3 a, main a.h3 {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	/* text-shadow: 1px 1px 2px rgba(96, 96, 96, 0.33);*/
}
.cover {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: transparent;
	background-attachment: scroll;
}
.flex-parent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-parent > * {
	flex-grow: 1;
}
@media screen and (max-width: 992px) {
	.row.padded {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

#primary {
	padding-left: 0;
	padding-right: 0;
}

.tag {
    padding: 1em 1em;
    background: #c6a58f;
    border-radius: 0;
    margin: 6px 5px;
}
.tag:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f02b';
	margin-right: 8px;
	color: #fff;
}
/*

88888888ba
88      "8b                 ,d       ,d
88      ,8P                 88       88
88aaaaaa8P'  88       88  MM88MMM  MM88MMM   ,adPPYba,   8b,dPPYba,   ,adPPYba,
88""""""8b,  88       88    88       88     a8"     "8a  88P'   `"8a  I8[    ""
88      `8b  88       88    88       88     8b       d8  88       88   `"Y8ba,
88      a8P  "8a,   ,a88    88,      88,    "8a,   ,a8"  88       88  aa    ]8I
88888888P"    `"YbbdP'Y8    "Y888    "Y888   `"YbbdP"'   88       88  `"YbbdP"'

*/
.btn {
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}
.btn-default {
	color: #58595b;
	background-color: #ebebeb;
	background-image: none;
	border-color: #58595b;
	border-radius: 0;
	text-transform: uppercase;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
	background-color: #dedede;
	color: #555;
	border-color: #58595b;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.focus, .btn-default:active.focus, .btn-default:active:focus, .btn-default:focus {
	background-color: #eee;
	color: #333;
	border-color: #58595b;
	outline-color: #58595b;
}
.btn-default i {
	color: #58595b;
}
.btn-primary {
	color: #6d8666;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1.5rem;
	background-color: transparent;
	background-image: none;
	border: 1px solid #6d8666;
	vertical-align: middle;
	border-radius: 1.5rem;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: rgba(109, 134, 102, 0.5);
	color: #f6eed8;
	border: 1px solid #6d8666;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:focus {
	color: #fff;
	background: rgba(109, 134, 102, 0.75);
	border: 1px solid #6d8666;
}
.pagination .btn {
	white-space: normal;
}
.btn.btn-squat {
	padding: 0.25em 1em;
	line-height: 1.4;
}

/*

88        88                                   88
88        88                                   88
88        88                                   88
88aaaaaaaa88   ,adPPYba,  ,adPPYYba,   ,adPPYb,88   ,adPPYba,  8b,dPPYba,
88""""""""88  a8P_____88  ""     `Y8  a8"    `Y88  a8P_____88  88P'   "Y8
88        88  8PP"""""""  ,adPPPPP88  8b       88  8PP"""""""  88
88        88  "8b,   ,aa  88,    ,88  "8a,   ,d88  "8b,   ,aa  88
88        88   `"Ybbd8"'  `"8bbdP"Y8   `"8bbdP"Y8   `"Ybbd8"'  88

*/
.navbar-header {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	display: block;
}
.navbar-brand {
	width: 100%;
	padding-top: 30.95%;
	background-size: 100% 100%;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
#wrapper-navbar {
	margin-bottom: -10px;
	position: relative;
	z-index: 200;
	background: transparent url(./images/hd.png) repeat-x scroll top center;
	background-size: auto 100%;
}
button.navbar-toggler {

}
#searchform {
	display: none;
}
.popover #searchform {
	display: block;
}
#search-button {
	background: none;
	border: none;
	text-transform: uppercase;
}



@media screen and (min-width: 992px) {
	.navbar-header {
		max-width: 420px;
		margin: 0 auto;
	}
	.navbar-brand {
		max-width: 420px;
	}
	#wrapper-navbar .navbar-nav .nav-item + .nav-item {
		margin-left: 10px;
	}
	#wrapper-navbar .navbar-nav a.nav-link {
		color: #6d8666;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 1;
		padding: 0 10px;
		vertical-align: middle;
		text-align: center;
		padding: 15px 5px;
		margin-top: 15px;
	}
	#wrapper-navbar #main-menu.navbar-nav a.nav-link:hover, #search-button:hover {
		background: transparent url(./images/menu-border.png) no-repeat scroll center center;
		background-size: 100% 100%;
	}

	#wrapper-navbar .navbar-nav a.nav-link.subscribe {
		background: transparent url(./images/subscribe.png) no-repeat scroll center center;
		background-size: 100% 100%;
		display: block;
		color: #500000;
		font-size: 18px;
		width: 200px;
		height: 84px;
		line-height: 84px;
		vertical-align: middle;
		text-align: center;
		padding: 0;
		transform: scale(1) rotate(5deg);
		transition-property: transform;
		transition-duration: 0.05s;
		transition-timing-function: ease-in-out;
	}
	#wrapper-navbar .navbar-nav a.nav-link.subscribe:hover {
		transform: scale(1.1) rotate(0deg);
	}
	#exCollapsingNavbar-left {
		height: 100%;
	}
	#wrapper-navbar #main-menu.navbar-nav {
		width: 100%;
		height: 100%;
		display: flex;
		flex: 0 1 auto;
		flex-direction: row;
		align-items: stretch;
	}
	#wrapper-navbar .navbar-nav > li {
		flex-grow: 1;
		float: none;
		vertical-align: middle;
		height: 100%;
		display: flex;
		align-items: center;
	}
	#header-right {
		height: 100%;
	}
	#wrapper-navbar .navbar-right {
		float: right;
		height: 100%;
	}
	#wrapper-navbar .navbar-right > li {
		float: left;
		margin: 0;
	}
	.popover.bs-tether-element-attached-top::after, .popover.bs-tether-element-attached-top::before, .popover.popover-bottom::after, .popover.popover-bottom::before {
		left: 70%;
	}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
	.navbar-header {
		max-width: 120px;
	}
	.navbar-brand {
		max-width: 120px;
		padding-top: 120px;
		background-size: auto 100%;
	}
	#wrapper-navbar .navbar-nav a.nav-link.subscribe {
		transform: scale(0.75) rotate(5deg);
	}
	#wrapper-navbar .navbar-nav a.nav-link.subscribe:hover {
		transform: scale(0.8) rotate(0deg);
	}
	#navbar-content > .row > .left, #navbar-content > .row > .right {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	#navbar-content > .row > .left.pull-lg-4 {
		right: 20%;
	}
	#navbar-content > .row > .middle {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	#navbar-content > .row > .middle.push-lg-4 {
		left: 40%;
	}
}
@media screen and (max-width: 992px) {
	.navbar-logo {
		width: calc(100% - 70px);
	}
	.navbar-header {
		height: 100%;
		display: flex;
		align-items: center;
	}
	.navbar-toggler {
		margin-left: 20px;
	}
}
@media screen and (max-width: 767px) {
	#wrapper-navbar {
		background: transparent url(./images/hd-mobile.png) repeat-x scroll bottom center;
		background-size: 100% auto;
		padding-bottom: 15px;
	}
}

/*

88888888888
88                                  ,d
88                                  88
88aaaaa   ,adPPYba,    ,adPPYba,  MM88MMM  ,adPPYba,  8b,dPPYba,
88"""""  a8"     "8a  a8"     "8a   88    a8P_____88  88P'   "Y8
88       8b       d8  8b       d8   88    8PP"""""""  88
88       "8a,   ,a8"  "8a,   ,a8"   88,   "8b,   ,aa  88
88        `"YbbdP"'    `"YbbdP"'    "Y888  `"Ybbd8"'  88

*/
#float-social{
	position: fixed;
	right:0px;
	top:15vh;
	z-index: 201;
	width: 71px;
}
#float-social a{
	margin-bottom: 10px;
	display: inline-block;
}
@media screen and (max-width: 800px) {
	#float-social{ display: none;}
}
#back-to-top {
	display: block;
	margin: 15px auto;
	width: 120px;
	text-align: center;
}
#back-to-top .logo {
	display: block;
	width: 120px;
	height: 120px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
#back-to-top span {
	text-transform: uppercase;
	color: #6d8666;
}
#ft .row.bottom {
	background: #f8f8f8 url(./images/ft.png) no-repeat scroll center top;
	height: 72px;
}
#footer-menu {
	text-align: center;
	color: #555;
	font-size: 0.75rem;
	line-height: 20px;
	vertical-align: middle;
	margin: 0;
	padding-top: 26px;
}
#footer-menu a {
	color: #555;
}
#footer-menu li {
	margin: 0;
}
#footer-menu li:after {
	display: inline-block;
	content: '|';
	margin-left: 10px;
	margin-right: 10px;
}
#footer-menu li:last-child:after {
	display: none;
}
#ft .plants {
	padding-left: 0;
}
#ft ul.social {
	position: absolute;
	left: 0;
	bottom: 20px;
	margin: 0 auto;
}
#ft ul.social li {
	margin: 0;
}
#ft ul.social li a {
	display: block;
	width: 90px;
	height: 180px;
	position: relative;
	background-position: bottom center;
	background-repeat: no-repeat;
}
#ft ul.social li.facebook a {
	background-image: url(./images/plant-facebook.png);
}
#ft ul.social li.instagram a {
	background-image: url(./images/plant-instagram.png);
}
#ft ul.social li.pinterest a {
	background-image: url(./images/plant-pinterest.png);
}
#ft ul.social li a i {
	font-size: 32px;
	color: #555;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	bottom: 26px;
}
#ft ul.social li a:hover i {
	color: #6d8666;
}
@media screen and (max-width: 1199px) {
	#ft ul.social {
		bottom: 0;
	}
	#ft ul.social li a {
		width: 60px;
		height: 120px;
		background-size: 100% 100%;
		bottom: 30px;
	}
	#ft ul.social li a i {
		font-size: 24px;
		bottom: 14px;
	}
}
@media screen and (max-width: 991px) {
	#footer-menu {
		padding-top: 12px;
	}
	#footer-menu li:first-child {
		display: block;
	}
	#footer-menu li:first-child:after {
		display: none;
	}
	#ft ul.social {
		left: 20px;
	}
}
@media screen and (max-width: 767px) {
	#ft .top.row {
		padding-top: 20px;
		padding-bottom: 90px;
	}
	#ft .bottom.row {
		background-size: auto 100%;
		height: auto;
	}
	#ft .plants {
		text-align: center;
	}
	#ft ul.social {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: -60px;
	}
	#footer-menu {
		margin-top: -30px;
		padding-bottom: 20px;
	}
}

/*

88        88                                                  88888888ba
88        88                                                  88      "8b
88        88                                                  88      ,8P
88aaaaaaaa88   ,adPPYba,   88,dPYba,,adPYba,    ,adPPYba,     88aaaaaa8P'  ,adPPYYba,  8b,dPPYba,   8b,dPPYba,    ,adPPYba,  8b,dPPYba,
88""""""""88  a8"     "8a  88P'   "88"    "8a  a8P_____88     88""""""8b,  ""     `Y8  88P'   `"8a  88P'   `"8a  a8P_____88  88P'   "Y8
88        88  8b       d8  88      88      88  8PP"""""""     88      `8b  ,adPPPPP88  88       88  88       88  8PP"""""""  88
88        88  "8a,   ,a8"  88      88      88  "8b,   ,aa     88      a8P  88,    ,88  88       88  88       88  "8b,   ,aa  88
88        88   `"YbbdP"'   88      88      88   `"Ybbd8"'     88888888P"   `"8bbdP"Y8  88       88  88       88   `"Ybbd8"'  88

*/

.banner {
	background-image: url(./images/banner-home.jpg);
	background-position: left top;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.chain{
	width: 20px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	top: -25px;
	left: 50%;
}
#chain_left {
	background-image: url(./images/chain_left.png);
	margin-left: -170px;
}
#chain_right {
	background-image: url(./images/chain_right.png);
	margin-left: 150px;
}
.banner .overlay {
	background-image: url(./images/banner-overlay.png);
	background-size: 100% 100%;
	text-align: center;
	max-width: 412px;
	min-height: 420px;
	margin: 25px auto;
	padding: 90px 40px 40px 40px;
}
.banner .overlay h1 {
	max-width: 60%;
}
.banner .overlay ul {
	margin: 30px auto 20px auto;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.banner .overlay ul li {
	width: 124px;
	max-width: 130px;
	height: 85px;
	padding: 0;
	margin: 0 0 0 -20px;
	flex-grow: 1;

	border: 8px solid transparent;

	-moz-border-image: -moz-linear-gradient(top left, #ffffdd 0%, #fffff7 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #ffffdd 0%, #fffff7 100%);
	border-image: linear-gradient(to bottom right, #ffffdd 0%, #fffff7 100%);

	border-image-slice: 1;

	border-radius: 5px;
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);
	transition-property: transform margin;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}
.banner .overlay ul li:nth-child(3n + 1) {
	margin-left: 0;
	transform: rotate(-8deg);
}
.banner .overlay ul li:nth-child(3n + 2) {
	transform: rotate(10deg);
	z-index: 2;
	margin-top: -12px;
}
.banner .overlay ul li:nth-child(3n + 3) {
	transform: rotate(-3deg);
}
.banner .overlay ul li:hover {
	transform: scale(1.4) rotate(0deg);
	z-index: 3;
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.banner .overlay h1 {
		max-width: 90%;
	}
	.banner .overlay ul li:nth-child(3n + 3) {
		margin: -40px auto 0 auto;
	}
}

/*

  ,ad8888ba,                                                                                  88
 d8"'    `"8b                                                                                 ""    ,d
d8'                                                                                                 88
88              ,adPPYba,   88,dPYba,,adPYba,   88,dPYba,,adPYba,   88       88  8b,dPPYba,   88  MM88MMM  8b       d8
88             a8"     "8a  88P'   "88"    "8a  88P'   "88"    "8a  88       88  88P'   `"8a  88    88     `8b     d8'
Y8,            8b       d8  88      88      88  88      88      88  88       88  88       88  88    88      `8b   d8'
 Y8a.    .a8P  "8a,   ,a8"  88      88      88  88      88      88  "8a,   ,a88  88       88  88    88,      `8b,d8'
  `"Y8888Y"'    `"YbbdP"'   88      88      88  88      88      88   `"YbbdP'Y8  88       88  88    "Y888      Y88'
                                                                                                               d8'
                                                                                                              d8'
*/

.white-wood, .paper {
	background-image: url(./images/bg-white-wood.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding-top: 40px;
	padding-bottom: 40px;
}
#for-the-community .flex-parent {
	align-items: flex-end;
}
.notebook-holder, .pencil-holder {
	max-width: 580px;
	margin: 0 10px;
	transform: rotate(3deg);
}
.notebook {
	background-image: url(./images/notebook.png);
	width: 100%;
	padding-top: 62%;
	position: relative;
}
.notebook > .row {
	position: absolute;
	top: 0;
}
.notebook .right {
	padding: 50px 30px 30px 20px;
	text-align: center;
}
.notebook h2 {
	margin: 10px 0 20px 0;
}
.notebook a.readmore {
	margin-top: 15px;
	display: inline-block;
}
.notebook .left .stack {
	background-image: url(./images/photo-stack.png);
	width: 440px;
	height: 300px;
	position: absolute;
	top: 65px;
	right: 40px;
	padding: 14px 54px 58px 23px;
	transform: rotate(-15deg);
}
.notebook .left .stack .image {
	width: 100%;
	height: 100%;
}
.pencil-holder {
	max-width: 30px;
}
.pencil {
	background-image: url(./images/pencil.png);
	width: 100%;
	padding-top: 833.333%;
}
.codpiece {
	max-width: 170px;
	transform: rotate(3deg);
}
.package {
	background-image: url(./images/package.png);
	width: 100%;
	padding-top: 135.3%;
	position: relative;
}
.gifttag-holder {
	width: 280px;
	position: absolute;
	top: 23%;
	left: 56%;
	transform: rotate(12deg);
	transform-origin: center left;
	transition-property: transform;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}
.gifttag-holder:hover {

}
#for-the-community .row.content > .right:hover .gifttag-holder {
	transform: rotate(0deg);
	left: 55%;
}
.gifttag {
	display: block;
	background-image: url(./images/tag.png);
	width: 100%;
	padding-top: 28.6%;
	position: relative;
}
.gifttag span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20px 20px 20px 160px;
}
@media screen and (max-width: 1199px) {
	.notebook-holder {
		max-width: 464px;
	}
	.notebook .left .stack {
		background-image: url(./images/photo-stack.png);
		width: 220px;
		height: 150px;
		position: absolute;
		top: 32px;
		right: 20px;
		padding: 7px 27px 28px 12px;
		transform: rotate(-15deg);
	}
	.notebook .right {
		padding: 40px 30px 15px 10px;
	}
	.notebook h3, .notebook .h3 {
		font-size: 0.8rem;
	}
	.notebook h2 {
		font-size: 1.5rem;
	}
	.notebook p {
		font-size: 0.8rem;
	}
	.notebook a.readmore {
		margin-top: 6px;
	}
	.pencil-holder {
		max-width: 24px;
	}
}
@media screen and (max-width: 991px) {
	.notebook .right {
		padding: 20px 25px 15px 10px;
	}
	.notebook h2 {
		margin: 5px 0 10px 0;
	}
	.pencil-holder {
		max-width: 20px;
	}
}
@media screen and (max-width: 767px) {
	.notebook-holder {
		margin-top: 60%;
	}
	.notebook .left .stack {
		margin-top: -70%;
	}
	.codpiece {
		transform: rotate(3deg) scale(0.75);
	}
	.notebook {
		background-image: url(./images/notebook-blank.png);
		background-size: 100% 100%;
	}
	.notebook .right {
		padding: 20px;
	}
}
/*

88888888ba                                      88           88
88      "8b                           ,d        88           ""               ,d
88      ,8P                           88        88                            88
88aaaaaa8P'  ,adPPYba,   ,adPPYba,  MM88MMM     88           88  ,adPPYba,  MM88MMM
88""""""'   a8"     "8a  I8[    ""    88        88           88  I8[    ""    88
88          8b       d8   `"Y8ba,     88        88           88   `"Y8ba,     88
88          "8a,   ,a8"  aa    ]8I    88,       88           88  aa    ]8I    88,
88           `"YbbdP"'   `"YbbdP"'    "Y888     88888888888  88  `"YbbdP"'    "Y888

*/
#articles,
.search #main {
	background-image: url(./images/bg-articles.jpg);
}
.archive #articles{
	background-image: url(./images/barn-background.jpg);
	background-attachment: fixed;
	background-position: center center;
}
#subcategories {
	background-image: url(./images/paper-top.png), url(./images/paper-bottom.jpg), url(./images/paper-bottom.jpg);
	background-repeat: repeat-x, repeat-x, repeat-x;
	background-position: center 0, center 30px, center 690px;
	padding-top: 70px;
	margin-top: -20px;
}
#subcategories.integrated{background:none;}
#subcategories.integrated h1{font-size:1.75rem;}
#subcategories.integrated article{margin:60px 0 0 0;}
#subcategories h3.title {
	text-align: center;
}
#subcategories .category h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:13px;
	font-weight: bold;
	color: #888;
	margin:30px 0 -27px 0;
	text-transform: uppercase;
}
#subcategories .category h3 {
	font-weight: bold;
	margin-top: 30px;
}
.search #main h1{
	padding-top: 25px;
	text-align: center;
}
#subcategories h1 {
	text-align: center;
	color: #3c2700;
	margin-bottom: -25px;
}
#subcategories h1 a {
	color: #3c2700;
}
#articles article,
.search #main article,
#subcategories article {
	margin: 60px 0;
}
#articles .post,
.search #main .post,
#subcategories .category {
	background-image: url(./images/parchment.png);
	background-size: 100% 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	padding: 20px 20px 60px 20px;
	position: relative;
}
#subcategories .category {
	background-image: url(./images/parchment2.png);
}
#articles .post .image,
.search #main .post .image,
#subcategories .category .image {
	padding-top: 50%;
	position: relative;
	margin: -10px;
}
#subcategories .category .image {
	margin: -5px 0 -10px -5px;
}
#articles .post .image .tears,
.search #main .post .image .tears,
#subcategories .category .image .tears {
	background-image: url(./images/tears.png);
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background-size: 100% 100%;
}
#subcategories .category .image .tears {
	background-image: url(./images/tears2.png);
}
.category-icon {
	background-color: #fff;
	background-position: center center;
	background-size: 32px 32px;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 10px auto;
	border-radius: 50%;
	border: 2px solid #c4a28c;
}
#articles .post .image + .category-icon,
.search #main .post .image + .category-icon {
	margin-top: -30px;
}
#articles .post .entry-meta {
	display: none;
}
#articles .post h3, #articles .post h3 a,
.search #main .post h3, #main .post h3 a,
#subcategories .category h3, #subcategories .category h3 a {
	color: #888;
	font-size: 1.25rem;
}
#articles .post h3 a:after,
.search #main .post h3 a:after {
	display: inline-block;
	content: ', ';
}
#articles .post h3 a:last-child:after,
.search #main .post h3 a:last-child:after {
	display: none;
}
#articles .post h1,
.search #main .post h1 {
	font-size: 32px;
}
#articles .post h1 a,
.search #main .post h1 a {
	text-decoration: none;
}
#articles .post h1 a:hover,
.search #main .post h1 a:hover {
	color: #6d8666;
}
#articles .post .excerpt,
.search #main .post .excerpt,
#subcategories .category .excerpt {
	font-size: 0.75rem;
	color: #000;
}
#articles .post footer,
.search #main .post footer,
#subcategories .category footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}
#subcategories .category footer {
	bottom: 40px;
}
#subcategories .btn {
	color: #fff;
	background: #6d8666;
}
#subcategories .btn:hover {
	background: rgba(109, 134, 102, 0.5);
	color: #f6eed8;
	border: 1px solid #6d8666;
}
@media screen and (max-width: 991px) {
	.search #main article,
	#articles article,
	#subcategories article {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#articles article:last-child, #subcategories article:last-child {
		/* display: none;*/
	}
	#subcategories {
		padding-top: 50px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
	#articles .container,
	.search #main .container,
	#subcategories:not(".integrated") .container {
		width: 1620px;
	}
}

/*

 ad88888ba                88                                              88  88
d8"     "8b               88                                              ""  88
Y8,                       88                                                  88
`Y8aaaaa,    88       88  88,dPPYba,   ,adPPYba,   ,adPPYba,  8b,dPPYba,  88  88,dPPYba,    ,adPPYba,
  `"""""8b,  88       88  88P'    "8a  I8[    ""  a8"     ""  88P'   "Y8  88  88P'    "8a  a8P_____88
        `8b  88       88  88       d8   `"Y8ba,   8b          88          88  88       d8  8PP"""""""
Y8a     a8P  "8a,   ,a88  88b,   ,a8"  aa    ]8I  "8a,   ,aa  88          88  88b,   ,a8"  "8b,   ,aa
 "Y88888P"    `"YbbdP'Y8  8Y"Ybbd8"'   `"YbbdP"'   `"Ybbd8"'  88          88  8Y"Ybbd8"'    `"Ybbd8"'

*/
.paper {
	background-image: url(./images/bg-paper.jpg);
	padding-top: 90px;
	padding-bottom: 0;
}
.pictureframe-holder {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.pictureframe {
	background-image: url(./images/pictureframe.png);
	background-size: 100% 100%;
	width: 100%;
	position: relative;
	padding-top: 105%;
}
.pictureframe.squat {
	background-image: url(./images/pictureframe.png);
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 57.5%;
}
.pictureframe.squat:before {
	display: block;
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 50px;
	background-image: url(./images/pictureframe.png);
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.pictureframe.squat .picture {
	position: absolute;
	top: 17%;
	right: 10.5%;
	bottom: 16%;
	left: 9.25%;
	text-align: center;
}
.pictureframe .viscera {
	position: absolute;
	top: 9.761%;
	right: 11%;
	bottom: 10.476%;
	left: 9.25%;
	text-align: center;
}
.pictureframe h1 {
	margin: 40px;
	color: #000;
}
#subscribe .info {
	text-align: center;
	margin: 30px;
}
#subscribe .info h2 {
	font-size: 72px;
	transform: rotate(-15deg);
	margin-top: -26px;
}
#member-holder {
	max-width: 560px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#become-a-member {
	background-image: url(./images/bg-subscribe.png);
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
	padding-top: 98%;
	text-align: center;
}
#become-a-member .viscera {
	position: absolute;
	top: 7%;
	right: 38%;
	bottom: 33%;
	left: 26%;
	overflow-x: hidden;
}
#become-a-member h1 {
	line-height: 1.1;
	padding-left: 10%;
	padding-right: 10%;
}
#become-a-member p {
	font-size: 0.75rem;
}
#become-a-member .btn {
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
}
@media screen and (max-width: 1199px) {
	.paper {
		padding-top: 60px;
	}
	.pictureframe h1 {
		margin: 20px;
		font-size: 28px;
	}
}
@media screen and (max-width: 991px) {
	.paper {
		padding-top: 30px;
	}
	#become-a-member .viscera {
		right: 40%;
		left: 32%;
	}
	.pictureframe h1 {
		font-size: 42px;
	}
}
@media screen and (max-width: 767px) {
	#become-a-member .viscera {
		right: 36%;
		left: 24%;
	}
	#become-a-member h1 {
		font-size: 28px;
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media screen and (max-width: 360px) {
	#become-a-member h1 {
		font-size: 18px;
	}
}
/*

88888888ba                          88
88      "8b                         ""
88      ,8P
88aaaaaa8P'  ,adPPYba,   ,adPPYba,  88  8b,dPPYba,    ,adPPYba,
88""""88'   a8P_____88  a8"     ""  88  88P'    "8a  a8P_____88
88    `8b   8PP"""""""  8b          88  88       d8  8PP"""""""
88     `8b  "8b,   ,aa  "8a,   ,aa  88  88b,   ,a8"  "8b,   ,aa
88      `8b  `"Ybbd8"'   `"Ybbd8"'  88  88`YbbdP"'    `"Ybbd8"'
                                        88
                                        88
*/
#submit-a-recipe {
	background-image: url(./images/bg-recipe.jpg);
	color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.submit-recipe {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
}
.submit-recipe h1 {
	color: #fff;
}
.submit-recipe h3 {
	color: #fff;
}
.submit-recipe span {
	display: block;
	text-transform: uppercase;
	line-height: 1.1;
	clear: left;
}
.submit-recipe span.win, .submit-recipe span.title {
	font-family: Helvetica, arial, sans-serif;
}
.submit-recipe span.win {
	font-size: 10rem;
}
.submit-recipe span.separator {
	width: 100%;
	margin-top: -10px;
}
.submit-recipe span.separator span {
	float: left;
	color: #000;
	background: #fff;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	line-height: 32px;
	border-radius: 50%;
	margin-left: 16px;
	margin-right: 16px;
	clear: none;
}
.submit-recipe span.separator:before,
.submit-recipe span.separator:after {
	display: block;
	content: '';
	background: #fff;
	height: 1px;
	width: calc(50% - 32px);
	margin-top: 15px;
	float: left;
}
.submit-recipe span.title {
	font-size: 5rem;
}
.submit-recipe .btn {
	color: #fff;
	border-color: #fff;
	margin-top: 40px;
	display: inline-block;
}
@media screen and (max-width: 1199px) {
	#submit-a-recipe {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/*

88888888ba                                      88888888ba,                                     88  88
88      "8b                           ,d        88      `"8b                 ,d                 ""  88
88      ,8P                           88        88        `8b                88                     88
88aaaaaa8P'  ,adPPYba,   ,adPPYba,  MM88MMM     88         88   ,adPPYba,  MM88MMM  ,adPPYYba,  88  88
88""""""'   a8"     "8a  I8[    ""    88        88         88  a8P_____88    88     ""     `Y8  88  88
88          8b       d8   `"Y8ba,     88        88         8P  8PP"""""""    88     ,adPPPPP88  88  88
88          "8a,   ,a8"  aa    ]8I    88,       88      .a8P   "8b,   ,aa    88,    88,    ,88  88  88
88           `"YbbdP"'   `"YbbdP"'    "Y888     88888888Y"'     `"Ybbd8"'    "Y888  `"8bbdP"Y8  88  88

*/
#featured-badge{
	width: 473px;
	height: 266px;
	position: relative;
	background: url(images/featured-project-badge.png) no-repeat top right;
	top:-250px;
	right: -200px;
	float: right;
	display: inline-block;
	margin-bottom: -266px;
	margin-left:-473px;
}
#winning-badge{
	width: 167px;
	height: 165px;
	position: relative;
	background: url(images/winning-badge.png) no-repeat top right;
	top:-80px;
	float: right;
	display: inline-block;
	margin-bottom: -165px;
	margin-left:-167px;
}
#post-stats .stat{
	padding: 0 30px 30px 30px;
}
#post-stats .stat:nth-child(odd){
	border-right:1px solid #43362d;
}
#post-stats .stats-title{
	font-size:26px;
	line-height: 32px;
	padding-bottom: 20px;
}
#post-stats .stats-stats{
	font-size:22px;
	line-height: 32px;
	padding-bottom: 20px;
}
#post-stats .stats-desc{
	font-size:16px;
	line-height: 18px;
}
#post .wood {
	padding-bottom: 60px;
}
#post h1.page-title {
	text-align: center;
	color: #000;
}
#post h1.page-title a {
	color: #392202;
}
#post h1.page-title a:after {
	display: inline-block;
	content: ', ';
}
#post h1.page-title a:last-child:after {
	display: none;
}
.title-bg {
	background-image: url(./images/bg-concrete.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}
.main-bg {
	background-image: url(./images/gewgaw-cutlery.png), url(./images/gewgaw-lemon.png), url(./images/gewgaw-pomegranate.png), url(./images/gewgaw-bread.png), url(./images/bg-wood.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
	background-position: left center, right top, right center, right bottom, center top;
	background-size: auto auto, auto auto, auto auto, auto auto, 100% auto;
	color: #fff;
	padding-top: 50px;
}

@media screen and (max-width: 1830px) {
	.main-bg{
		background-position: left calc(100vw - 1830px) center, right top, right calc(100vw - 1890px) center, right calc(100vw - 1830px) bottom, center top;
	}
}
@media screen and (max-width: 1730px) {
	.main-bg{
		background-position: left calc(100vw - 1730px) center, right top, right calc(100vw - 1790px) center, right calc(100vw - 1730px) bottom, center top;
	}
}
@media screen and (max-width: 1630px) {
	.main-bg{
		background-position: left calc(100vw - 1630px) center, right top, right calc(100vw - 1690px) center, right calc(100vw - 1630px) bottom, center top;
	}
}
@media screen and (max-width: 1530px) {
	.main-bg{
		background-position: left calc(100vw - 1530px) center, right top, right calc(100vw - 1590px) center, right calc(100vw - 1530px) bottom, center top;
	}
}
#post .ipad, #post .iphone {
	background-color: #ffeec0;
	background-image: linear-gradient(to right, #ffdb9a, #fff0c6);
	/*border: 2px solid #ffd38a;*/
	box-shadow: inset 2px 2px 15px 0px rgba(255, 211, 138, 1), 4px 4px 8px 0px rgba(0, 0, 0, 0.25);
	padding-top: 65%;
	border-radius: 30px;
	transform: rotate(-3deg);
	position: relative;
}
#post .ipad > .viscera {
	position: absolute;
	top: 5%;
	right: 5%;
	bottom: 5%;
	left: 5%;
	box-shadow: 2px 2px 8px 3px rgba(255, 211, 138, 0.5);
}
#post .ipad .category-icon {
	position: absolute;
	width: 80px;
	height: 80px;
	top: -30px;
	left: 50%;
	margin-left: -40px;
}
#post .clipping {
	background-image: url(./images/clipping.png);
	background-size: 100% 100%;
	transform: rotate(1deg);
	transform-origin: left top;
	margin: -6em 1em 3em 2em;
}
#post .clip {
	background-image: url(./images/clip.png);
	position: absolute;
	top: -120px;
	left: 19px;
	width: 110px;
	height: 130px;
}
#post .clipping .viscera {
	padding: 3em 2em;
}
#post .clipping h1 {
	margin-bottom: 0.66em;
	color: #6a4938;
	text-align: center;
}
#post .clipping .h2 {
	color: #58595b;
	text-align: center;
}
#post .meta {
	text-align: center;
	margin-bottom: 10px;
}
#post .meta a,
#post .meta a i,
#post .meta span {
	color: #808285;
	text-decoration: none;
}
#post .meta a i {
	margin-right: 5px;
}
#post .meta a,
#post .meta span {
	margin-right: 30px;
	text-transform: uppercase;
	white-space: nowrap;
}
#post .meta a:last-child,
#post .meta span:last-child {
	margin-right: 0;
}
#post .meta a:hover {
	color: #58595b;
}
#post .meta a:hover i,
#post .meta span:hover i {
	color: #000;
}
#post .iphone-holder {
	width: 300px;
	float: left;
	margin: -1.5em 4em 2em -4em;
}
#post .iphone {
	background-image: linear-gradient(to right top, #ffdb9a, #fff0c6);
	padding-top: 150%;
	border-radius: 16px;
	display: flex;
	width: 100%;
}
#post .iphone .viscera {
	display: flex;
	flex-flow: column;
	height: 88%;
	position: absolute;
	top: 6%;
	right: 5%;
	bottom: 6%;
	left: 5%;
}
#post .iphone .viscera .photo {
	flex: 1;
	box-shadow: 2px 2px 8px 3px rgba(255, 211, 138, 0.5);
}
#post .iphone .caption {
	text-align: center;
	color: #58595b;
	margin: 1em 1em -0.75em 1em;
}
section + .pagination {
	display: none;
}
section + .pagination + .comments {
	display: none;
}
.post-addon-sliding{ display: none; }
#post-gallery {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
#post-gallery > div {
	padding-left: 5px;
	padding-right: 5px;
}
#post-gallery .photo-holder {
	width: 100%;
	cursor: pointer;
}
#post-gallery .photo {
	background-image: url(./images/photo.png);
	background-size: 100% 100%;
	padding-top: 66.667%;
	position: relative;
	width: 100%;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}
#post-gallery .photo-holder.active {
	width: 1140px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}
#post-gallery > div {
	position: static;
}
#post-gallery .photo .thumb {
	position: absolute;
	top: 10%;
	right: 8%;
	bottom: 10%;
	left: 7%;
}
#post a.readmore {
	width: 100%;
	text-align: center;
	margin-bottom: 72px;
}
@media screen and (max-width: 1199px) {
	#post .clip {
		left: 16px;
	}
}
@media screen and (max-width: 991px) {
	#post .wood {
		padding-bottom: 30px;
	}
	#post .clip {
		left: 12px;
	}
	#post-gallery {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	#post .clip {
		left: 15px;
		top: -20px;
		width: 55px;
		height: 65px;
	}
	#post .ipad .category-icon {
		width: 60px;
		height: 60px;
		margin-left: -30px;
	}
	#post .clipping {
		margin: -2em 0 2em 0;
	}
	#post .clipping h1 {
		font-size: 2rem;
	}
	#post .meta {
		font-size: 0.75rem;
	}
	#post .clipping .h2 {
		font-size: 1.6rem;
	}
	#post .clipping .viscera {
		padding: 3em 1em 2em 1em;
	}
	#post .meta a, #post .meta span {
		margin-right: 12px;
	}
	.wood {
		background-image: url(./images/bg-wood.jpg);
		background-repeat: repeat-y;
		background-position: center top;
		background-size: 100% auto;
	}
	#post .ipad {
		border-radius: 10px;
	}
	#post .iphone-holder {
		float: none;
		margin: 2em auto;
	}
}
/*

       db         88                                                 88888888ba                           88
      d88b        88                                       ,d        88      "8b                          ""
     d8'`8b       88                                       88        88      ,8P
    d8'  `8b      88,dPPYba,    ,adPPYba,   88       88  MM88MMM     88aaaaaa8P'  ,adPPYba,   ,adPPYb,d8  88   ,adPPYba,   8b,dPPYba,
   d8YaaaaY8b     88P'    "8a  a8"     "8a  88       88    88        88""""88'   a8P_____88  a8"    `Y88  88  a8"     "8a  88P'   `"8a
  d8""""""""8b    88       d8  8b       d8  88       88    88        88    `8b   8PP"""""""  8b       88  88  8b       d8  88       88
 d8'        `8b   88b,   ,a8"  "8a,   ,a8"  "8a,   ,a88    88,       88     `8b  "8b,   ,aa  "8a,   ,d88  88  "8a,   ,a8"  88       88
d8'          `8b  8Y"Ybbd8"'    `"YbbdP"'    `"YbbdP'Y8    "Y888     88      `8b  `"Ybbd8"'   `"YbbdP"Y8  88   `"YbbdP"'   88       88
                                                                                              aa,    ,88
                                                                                               "Y8bbdP"
*/
#about-region {
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(./images/bg-concrete.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center top;
}
.boards {
	background-image: url(./images/boards.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center top;
	text-align: center;
	padding: 0 2em;
	line-height: 1.1;
	overflow: hidden;
}
#about-region .right h1 {
	color: #c6a58f;
	margin-bottom: 1em;
	text-align: center;
}
.boards ul li {
	margin-top: 25px;
	margin-bottom: 46px;
}
.boards ul li:last-child {
	margin-bottom: 20px;
}
.boards a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
}
#about-region .map {
	background-image: url(./images/map.png);
	background-size: 100% 100%;
	width: 100%;
	padding-top: 75%;
	position: relative;
	transform: rotate(-2deg);
}
#about-region .map .caption {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 20px;
	color: #58595b;
	text-align: center;
}
#about-region .map .caption span {
	text-transform: uppercase;
}
#promo-subscribe .about{
	margin: 55px auto 15px auto;
}
#about-region .content,
#promo-subscribe .content {
	background-image: url(./images/parchment-squat.png);
	background-size: 100% 100%;
	padding: 2em 2em 1em 2em;
	line-height: 1.2;
	position: relative;
	margin-top: 20px;
	color: #6a4938;
}
#promo-subscribe .content{transform:rotate(3deg) translateX(-30px);}
#about-region .content{transform:rotate(-2deg) translateX(-30px);}

#about-region .content:after {
	display: block;
	content: '';
	position: absolute;
	top: -45px;
	left: 10px;
	width: 50px;
	height: 90px;
	background-image: url(./images/peg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#about-region .region {
	padding-right: 0;
}
#about-region .about {
	padding-left: 0;
}
.tags.row {
	margin-top: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	#about-region .content {
		margin-top: -10px;
		margin-left: 0;
	}
}

/*

  ,ad8888ba,                                                88                               88b           d88  88                        88
 d8"'    `"8b                                        ,d     ""                               888b         d888  ""                        88
d8'                                                  88                                      88`8b       d8'88                            88
88             8b,dPPYba,   ,adPPYba,  ,adPPYYba,  MM88MMM  88  8b       d8   ,adPPYba,      88 `8b     d8' 88  88  8b,dPPYba,    ,adPPYb,88  ,adPPYba,
88             88P'   "Y8  a8P_____88  ""     `Y8    88     88  `8b     d8'  a8P_____88      88  `8b   d8'  88  88  88P'   `"8a  a8"    `Y88  I8[    ""
Y8,            88          8PP"""""""  ,adPPPPP88    88     88   `8b   d8'   8PP"""""""      88   `8b d8'   88  88  88       88  8b       88   `"Y8ba,
 Y8a.    .a8P  88          "8b,   ,aa  88,    ,88    88,    88    `8b,d8'    "8b,   ,aa      88    `888'    88  88  88       88  "8a,   ,d88  aa    ]8I
  `"Y8888Y"'   88           `"Ybbd8"'  `"8bbdP"Y8    "Y888  88      "8"       `"Ybbd8"'      88     `8'     88  88  88       88   `"8bbdP"Y8  `"YbbdP"'

*/
#creative-minds {
	background-image: url(./images/paper-bleached-top.png), url(./images/paper-bleached-bottom.jpg), url(./images/paper-bleached-bottom.jpg), url(./images/paper-bleached-bottom.jpg), url(./images/paper-bleached-bottom.jpg);
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: center 0, center 30px, center 689px, center 1348px, center 2007px;
	padding-top: 70px;
	margin-top: -20px;
}
#creative-minds h1 {
	text-align: center;
}
#creative-minds .hero {
	background-image: url(./images/creative-minds-hero.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom right;
}
#creative-minds .drawing {
	background-image: url(./images/creative-minds-drawing.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	opacity: 0.25;
}
#creative-minds .items > .row {
	height: 100%;
}
#creative-minds .item-holder {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
#creative-minds .paper,
#creative-minds .stamp {
	background-image: url(./images/creative-minds-paper.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	width: 100%;
	padding-top: 100%;
	position: relative;
	margin: 60px auto 140px auto;
}
#creative-minds .stamp {
	max-width: 300px;
	background-image: url(./images/creative-minds-stamp.png);
	transform: rotate(5deg);
	transition-property: transform;
	transition-duration: 0.05s;
	transition-timing-function: ease-in-out;
}
#creative-minds .stamp:hover {
	transform: rotate(0deg);
}
#creative-minds .viscera {
	position: absolute;
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
	display: flex;
	align-items: center;
	vertical-align: middle;
}
#creative-minds .viscera a {
	text-transform: uppercase;
	font-size: 25px;
	text-align: center;
	font-family: Helvetica, arial, sans-serif;
	color: #708766;
	text-decoration: none;
}

@media screen and (max-width: 1199px) {
	#creative-minds .viscera a {
		font-size: 18px;
	}
}
@media screen and (max-width: 991px) {
	#creative-minds .hero {
		min-height: 360px;
		background-size: auto 100%;
		background-position: bottom center;
	}
	#creative-minds .paper,
	#creative-minds .stamp {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#creative-minds .viscera a {
		font-size: 25px;
	}
}

/*

  ,ad8888ba,                                         88
 d8"'    `"8b                                        88
d8'        `8b                                       88
88          88  88       88  8b,dPPYba,              88   ,adPPYba,   88       88  8b,dPPYba,  8b,dPPYba,    ,adPPYba,  8b       d8
88          88  88       88  88P'   "Y8              88  a8"     "8a  88       88  88P'   "Y8  88P'   `"8a  a8P_____88  `8b     d8'
Y8,        ,8P  88       88  88                      88  8b       d8  88       88  88          88       88  8PP"""""""   `8b   d8'
 Y8a.    .a8P   "8a,   ,a88  88              88,   ,d88  "8a,   ,a8"  "8a,   ,a88  88          88       88  "8b,   ,aa    `8b,d8'
  `"Y8888Y"'     `"YbbdP'Y8  88               "Y8888P"    `"YbbdP"'    `"YbbdP'Y8  88          88       88   `"Ybbd8"'      Y88'
                                                                                                                            d8'
                                                                                                                           d8'
*/

#our-journey,
#sliding-doors,
#events-calendar {
	background-image: url(./images/bg-our-journey.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	padding-top: 60px;
	padding-bottom: 60px;
}
#events-calendar.post-theme-along{background-image:url(./images/bg-sliding-doors-footer.jpg); background-size: cover;}
#sliding-doors{background-image: url(./images/bg-sliding-doors-footer.jpg);}
#integrated-events-calendar {
	padding-top: 60px;
	padding-bottom: 60px;
}
#our-journey h1,
#our-journey h2,
#our-journey h3,
#our-journey .see-all a,
#sliding-doors h1,
#sliding-doors h2,
#sliding-doors h3,
#events-calendar h1,
#events-calendar h2,
#events-calendar h3,
#events-calendar .see-all a,
#integrated-events-calendar h1,
#integrated-events-calendar h2,
#integrated-events-calendar h3 {
	text-align: center;
	color: #3c2700;
}

#sliding-doors .see-all a,
#events-calendar.post-theme-along h1,
#events-calendar.post-theme-along h3,
#events-calendar.post-theme-along .see-all a{
	text-align: center;
	color: #FFF;
}
#events-calendar.post-theme-along .blurb h3{color: #3c2700;}
#integrated-events-calendar h1.white,
#integrated-events-calendar h3.white,
#integrated-events-calendar .see-all a{
	text-align: center;
	color: #FFF;
}
#our-journey h1,
#sliding-doors h1,
#events-calendar h1,
#integrated-events-calendar h1 {
	margin-bottom: 100px;
}
#our-journey .see-all,
#sliding-doors .see-all,
#events-calendar .see-all,
#integrated-events-calendar .see-all {
	padding-top: 60px;
	text-align: center;
}
#our-journey .see-all a i,
#sliding-doors .see-all a i,
#events-calendar .see-all a i {
	color: #3c2700;
}
#events-calendar.post-theme-along .see-all a i {color: #FFF;}
#integrated-events-calendar .see-all a i{
	color:#FFF;
}
#our-journey .note,
#sliding-doors .note,
#events-calendar .note,
#integrated-events-calendar .note {
	background-image: url(./images/clipping-our-journey.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	position: relative;
}
#our-journey .blurb,
#sliding-doors .blurb,
#events-calendar .blurb,
#integrated-events-calendar .blurb {
	padding: 50px 50px 30px 0;
	text-align: center;
	line-height: 1.1;
	font-size: 1.8rem;
}
#our-journey .blurb .btn,
#sliding-doors .blurb .btn,
#events-calendar .blurb .btn,
#integrated-events-calendar .blurb .btn {
	margin: 15px auto;
	padding: 0 10px;
}
#our-journey .blurb p,
#sliding-doors .blurb p,
#events-calendar .blurb p,
#integrated-events-calendar .blurb p {
	font-family: 'Noto Serif';
	font-size: 12px;
	color: #4d4d4f;
	margin-bottom: 0px;
}
#our-journey .photo-holder,
#sliding-doors .photo-holder,
#events-calendar .photo-holder,
#integrated-events-calendar .photo-holder {
	width: 100%;
}
#our-journey .photo-border,
#sliding-doors .photo-border,
#events-calendar .photo-border,
#integrated-events-calendar .photo-border {
	background-color: #ffffcc;
	background-image: linear-gradient(to right, #ffffcc, #ffffee);
	/*border: 2px solid #ffd38a;*/
	box-shadow: inset 2px 2px 15px 0px rgba(255, 255, 200, 1), 4px 4px 8px 0px rgba(0, 0, 0, 0.025);
	padding-top: 80%;
	border-radius: 10px;
	transform: rotate(-7deg);
	position: relative;
	margin-left: -30px;
}
#our-journey .photo,
#sliding-doors .photo,
#events-calendar .photo,
#integrated-events-calendar .photo {
	position: absolute;
	top: 6%;
	right: 6%;
	bottom: 6%;
	left: 6%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#our-journey .note:after,
#sliding-doors .note:after,
#events-calendar .note:after,
#integrated-events-calendar .note:after {
	display: block;
	content: '';
	background-image: url(./images/theme-roads-clip.png);
	position: absolute;
	top: -110px;
	left: 20px;
	width: 142px;
	height: 175px;
	transform: scale(0.75) rotate(84deg);
}

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

}
@media screen and (max-width: 991px) {
	#our-journey,
	#sliding-doors,
	#events-calendar,
	#integrated-events-calendar {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#our-journey .see-all,
	#sliding-doors .see-all,
	#events-calendar .see-all,
	#integrated-events-calendar .see-all {
		padding-top: 30px;
	}
	#our-journey .notes.row > div:first-child,
	#sliding-doors .notes.row > div:first-child,
	#events-calendar .notes.row > div:first-child,
	#integrated-events-calendar .notes.row > div:first-child {
		margin-bottom: 120px;
	}
	#our-journey .blurb,
	#sliding-doors .blurb,
	#events-calendar .blurb,
	#integrated-events-calendar .blurb {
		background-position: center 100%;
		background-size: 100% 60%;
	}

}
@media screen and (max-width: 479px) {
	#our-journey .blurb,
	#sliding-doors .blurb,
	#events-calendar .blurb,
	#integrated-events-calendar .blurb {
		padding: 15px 30px;
	}
}
/*

  ,ad8888ba,                                                                      88           88
 d8"'    `"8b                                                              ,d     ""    ,d     ""
d8'                                                                        88           88
88              ,adPPYba,   88,dPYba,,adPYba,   8b,dPPYba,    ,adPPYba,  MM88MMM  88  MM88MMM  88   ,adPPYba,   8b,dPPYba,
88             a8"     "8a  88P'   "88"    "8a  88P'    "8a  a8P_____88    88     88    88     88  a8"     "8a  88P'   `"8a
Y8,            8b       d8  88      88      88  88       d8  8PP"""""""    88     88    88     88  8b       d8  88       88
 Y8a.    .a8P  "8a,   ,a8"  88      88      88  88b,   ,a8"  "8b,   ,aa    88,    88    88,    88  "8a,   ,a8"  88       88
  `"Y8888Y"'    `"YbbdP"'   88      88      88  88`YbbdP"'    `"Ybbd8"'    "Y888  88    "Y888  88   `"YbbdP"'   88       88
                                                88
                                                88
*/
#competition {
	background-image: url(./images/bg-competition.jpg);
}
#competition .tabletop {
	margin: 20px auto;
	max-width: 640px;
	text-align: center;
}
#competition .plate {
	background-image: url(./images/plate.png);
	width: 100%;
	padding-top: 71.9%;
	position: relative;
}
#competition .fixings {
	display: block;
	position: absolute;
	top: 20%;
	left: 35%;
	right: 35%;
	bottom: 10%;
}
#competition .btn {
	background: #fff;
	color: #3c2700;
	border-color: #3c2700;
	margin: 20px auto;
}
#competition h1 {
	color: #3c2700;
}
#competition span {
	display: block;
	text-transform: uppercase;
	line-height: 1.1;
	font-family: Helvetica, arial, sans-serif;
	color: #3c2700;
	clear: left;
}
#competition span.win {
	font-size: 4rem;
}
#competition span.from, #competition span.to {
	font-size: 2rem;
}
#competition span.separator {
	width: 100%;
}
#competition span.separator span {
	float: left;
	color: #fff;
	background: #3c2700;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	line-height: 32px;
	border-radius: 50%;
	margin-left: 16px;
	margin-right: 16px;
	clear: none;
}
#competition span.separator:before,
#competition span.separator:after {
	display: block;
	content: '';
	background: #3c2700;
	height: 1px;
	width: calc(50% - 32px);
	margin-top: 15px;
	float: left;
}
@media screen and (max-width: 767px) {
	#competition h1 {
		font-size: 2rem;
	}
	#competition span.win {
		font-size: 2rem;
	}
	#competition span.from, #competition span.to {
		font-size: 1rem;
	}
}
/*
 SUBSCRIBE
*/
body.pmpro-levels header,
body.pmpro-checkout header{ display: none;}
.sub-wrap{
	background-image: url(./images/subscribe-bread.png),url(./images/subscribe-pear.png),url(./images/subscribe-olives.png),url(./images/subscribe-bb.png),url(./images/subscribe-wood.jpg);
	background-repeat: no-repeat;
	background-position: right calc(100vw - 1920px) top, right calc(100vw - 1920px) bottom, calc(100vw - 1950px) top, center 45px, top center;
}
.sub-bb{
	padding-top:225px;
	padding-bottom: 215px;
	color: #FFF;
}
.sub-bb h2{
	margin-bottom: 30px;
}
.sub-level{
	text-align: center;
}
.sub-level.opt-1{
	border-right: 1px solid #FFF;
}
.sub-level .desc{
	margin-top:35px;
	margin-bottom:35px;
}
#sub-benefit{
	background: url(./images/subscribe-notes.png) no-repeat center center;
	width:641px;
	height: 663px;
	transform: rotate(5.5deg);
	color:#3c2700;
	margin: 112px auto -135px auto;
	text-align: center;
	padding: 60px 180px 210px 95px;
	position: relative;
}
@media screen and (max-width: 550px) {
    #sub-benefit{
        padding: 60px 50px 210px 0px;
    }
}
#sub-benefit ul{ list-style: none;}
#sub-benefit li{
	line-height: 41px;
}
#sub-benefit h3{
	font-family:'beyond_the_mountainsregular';
	font-size:42px;
	text-transform: capitalize;
	margin:30px 0px;
}
#pmpro_form input,
#pmpro_form select{
	background:transparent;
	border:1px solid #fff;
	border-radius: 28px;
	padding-left: 28px;
	color: #fff;
	font-size:12px;
	display: block;
	height: 28px;
	line-height: 28px;
	width:100%;
	margin-bottom: 15px;
}
#pmpro_form select option{ background: black; color: white; }
#pmpro_form #ExpirationMonth,#pmpro_form #ExpirationYear{ width:40%; display: inline-block;}
@media screen and (min-width: 1200px){
	.sub-bb{
		padding-left: 95px;
		padding-right: 95px;
	}
}
@media screen and (max-width: 1830px) {
	.sub-wrap{
		background-position: right calc(100vw - 1830px) top, right calc(100vw - 1830px) bottom, calc(100vw - 1950px) top, center 45px, top center;
	}
}
@media screen and (max-width: 1730px) {
	.sub-wrap{
		background-position: right calc(100vw - 1730px) top, right calc(100vw - 1730px) bottom, calc(100vw - 1950px) top, center 45px, top center;
	}
}
@media screen and (max-width: 1630px) {
	.sub-wrap{
		background-position: right calc(100vw - 1630px) top, right calc(100vw - 1630px) bottom, calc(100vw - 1950px) top, center 45px, top center;
	}
}
@media screen and (max-width: 1530px) {
	.sub-wrap{
		background-position: right calc(100vw - 1530px) top, right calc(100vw - 1530px) bottom, calc(100vw - 1750px) top, center 45px, top center;
	}
}
@media screen and (max-width: 1199px) {
	.sub-wrap{
		background-image: url(./images/subscribe-bb.png),url(./images/subscribe-wood.jpg);
		background-repeat: no-repeat;
		background-position: center 45px, top center;
	}
}