	/*
Theme Name: 	tjhole
Theme URI: 		http://tjhole.com
Version: 		1.52
Author: 		Thomas James Hole
Author URI: 	http://tjhole.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "css/normalize.css";
@import "css/foundation.css";
@import "css/swipebox.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; -webkit-font-smoothing: antialiased; }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#d2d1cf; color:#fff; }
::selection 		{ background:#d2d1cf; color:#fff; }
.alignleft 			{ float:left; text-align: left }
.alignright			{ float: right; text-align: right }
.aligncenter 		{ text-align:center;}

ul {
  list-style-position: inside;
}
/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea { 
	font-family: "chaparral-pro",serif;
	font-style: normal;
	font-weight: 400;
	color:#666;
}

@media only screen and (max-width: 1100px) {
	body { font-size:80%;}
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: "franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	color:#db3074;
}

.smaller {
	font-size:80%;
}

.whitebg {
	background-color: #fff!important
}

.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
	color:#DB3074;
 }

a {
	text-decoration: none;
	color:#DB3074;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover {
	color: #333
}

.container {
	float:left;
	width:100%;
	clear:both;
	display:block;
}

/*	Blogfix*/ article div {line-height:1.6;margin-bottom:1em;float:left;width: 100%;clear:both;max-width: 100%}

body.home {
	background:#EDF2F0;
}

article li {
	margin-bottom:0.5em;
}

#frontpage_minimal {
	max-width:1280px;
	width:100%;
	margin: 0 auto;
}

#frontpage_minimal .inner {
	opacity:0;
}

#frontpage_minimal li {
	padding:0.5em;
	text-align: center;
}

#frontpage_minimal li span {
	opacity:0.2;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#frontpage_minimal li:hover span {
	opacity: 1
} 

#frontpage_minimal li a {
	color:#DB3074;
}

#frontpage_minimal li img {
	border:1em solid #fff ;
	margin:1em auto;
	width:100%;
	height:auto;
}

.label.frm_screen_reader.frm_hidden {
	display:none!important;
}

#loader {

	position: relative;
	min-height:24em;
	background:url('assets/loader.gif') no-repeat center;
	float:left;
	width:100%;
	clear:both;
}

#fauxheader {
	width:100%;
	float:left;
	clear:both;
	height:59px;
	background:#fff;
}

#header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	background:rgba(255,255,255,0.9);
	text-align: center;
	z-index:9999;
	text-transform: uppercase;
	letter-spacing: 1px;
}

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

	#header {
		position: relative;
	}

	#logotype,
	#menu {
		width:100%!important;
		text-align: center
	}

	#logotype {
		padding:4rem 0 1rem 0;
	}

	#header #menu #nav ul {
		text-align: center
	}
}


.admin-bar #header {
	top:28px;
}

#fph1, 
#header h1 {
	font-family: Georgia,serif;
	font-weight:100;
	margin:0.8rem 0;
	font-size: 1.5rem;
	text-transform: capitalize;
	letter-spacing: 0.125em;
	text-align: left;
}



#header a {
	color:#000;
}

#header h1 a,
#header a:hover {
	color:#db3074;
}
 

#header
#nav {
	float: right;
	width: auto;
	clear: none;
	list-style: none;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	font-size:0.9rem;
	line-height: 1;
	margin:0;
}

#header
#nav ul {
	margin:0;
	text-align: right;
}

#header 
#nav ul li {
	display: inline-block;
	margin:0 0.5em;
	line-height: 1;
	font-size: 0.7rem
}

#header 
#nav ul li.current-menu-item {
	font-weight:600;
}

#header 
#nav .subscribe,
#header 
#nav .date {
	font-size:0.7em;
	font-weight:600;
	padding-top: 0.5em;
}


@media only screen and (max-width: 768px) {
	#header {
		position:relative;
	}
	#header h1 {
		font-size:1rem;
		margin:0.25em 0;
	}
	#header #nav ul {
		margin: 1em 0;
		text-align: center;
	}
}

#header
#social {
	float: right;
	clear: none;
	list-style: none;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	font-size:0.9rem;
	line-height: 1;
	margin: 0 0 0 1rem;
}

#header ul,
#header #social ul,
#header #nav ul {
	padding: 0;
}

#header
#social ul {
	margin: 0.5rem 0 0 0;
	text-align: right;
}

#header 
#social ul li {
	display: inline-block;
	margin:0 0.5em;
	line-height: 1;
	font-size: 0.7rem
}

@media only screen and (max-width: 768px) {
	#header #social ul {
		margin: 1em 0;
		text-align: center;
	}
}


#content {
	background: #FAFAFA ;
	padding:3em 0;
}

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

	#content {
		background: #fff
	}

}

#videocontent {
	padding:5em 0 2.5em 0;
}

.blogindeximage {
}

.blogindeximage img {
	padding:2em 1em;
	width:100%;
	height: auto
}

#blogmain h2,
#blogmain h3,
#blogmain h4,
#blogmain p,
#blogmain article ul,
#blogmain article ol,
#blogmain pre,
#blogmain blockquote,
#blogmain ul
{
	line-height: 1.6
}

.blognav {
	padding:2em;
}

.blognav p {
	margin: 0;
	line-height: 1
}

.blogsidebar {
	padding-top: 1em;
	padding-bottom: 1em
}

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

	.blogsidebar {
		float: right
	}

	.blogcontent {
		float: left!important
	}

}

.widget,
.blogitem {
	background:#fff;
	margin:1em 0 ;
}

.widget p {
	margin: 0.5em 0;
}

.widget
#subscribe-email input {
	width: 95%;
	padding: 0.25em 0.5em;
}

.widget input[type="submit"] {
	border: none;
	background: #db3074;
	color: white;
	padding: 0.5em 1em;
	line-height: 1;
	font-size: 0.9em;
}

.widget 
ul {
	list-style: none;
}

.widget
h3 {
	text-align: left;
	margin-bottom:0.5em;
}

.widget label {
	color:#db3074;
}

.blogitem
header {
	text-align: center
}

#blogmain
img {
	max-width:100%;
	margin:2em auto;
	text-align:center;
	float:none;
	display: block
}

table img {
	margin:0 auto!important;
}

#blogmain
.bloginner {
	margin-top:2em;
}

#blogmain ul,
#blogmain ol {
   	list-style:none;
}

#blogmain
.timebanner {
	float:left;
	width:100%;
	clear:both;
	margin:1em 0;
}
#blogmain
.timebanner 
li {
	display:inline-block;
	margin:0 1em;
}
#blogmain
.timebanner 
li.comments {
	border-bottom:1px solid #889b7b;
}
.container {
	z-index:1;
}

.firstpost {
	opacity:1;
	margin-bottom:3em;
}

.firstpost .columns {
}

.firstpost .righttop {
	background:#fff;
}

.firstpost .columns .columns {
	padding:0;
}

.firstpost .inner {
	padding:1em 3em;
}


@media only screen and (max-width: 768px) {
	.firstpost .inner {
		padding: 1em;
		float: left;
		width: 100%;
	}
	.blogindeximage {
		margin: 0;
		padding: 0;
		width: 100%;
	}	
	.blogindeximage img {
		width:100%;
		height: auto
	}

}



.lazycontainer {
	position: relative;
	height:0;
	float:left;
	width:100%;
	z-index:1;

}
.lazycontainer img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.gridblock {
	opacity: 0;
	margin-bottom:1.875em;
}
#recipies.blog 
.gridblock {
	opacity:1;
}




.singleitem {
	background:#fff;
	margin-bottom: 0;}

.recepipefull {
	background:#fff;
	padding-top:2em;
	padding-bottom:2em;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
}


.gridblock 
.hover-inner {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	padding-top: 3em;
	opacity:0;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight:700;
	text-transform: uppercase;
	z-index:99;
	color: #fff
}
.gridblock 
.hover-inner span{
	margin:0.25em 0;
	padding:0;
	color:#fff;
	text-transform: none;
	float: left;
	clear: both;
	width: 100%;
}

.gridblock 
.hover-inner p {
	font-size:0.75em;
	padding:0 2em;
	margin:0 0 0.5em 0;
	font-family: "chaparral-pro",serif;
	text-transform: none;
}

.gridblock:hover
.hover-inner {
	opacity:1;
}

.gridblock 
a,
.gridblock 
a:hover {
	color:#DB3074;
}

#recipies {
	min-height:48em;
}

#recipies
.griditem {
	background:#fff;
	margin:0 0 0 0;
	padding:1em;
	text-align: center;
	line-height:1.4;
	float:left;
	width:100%;
}

#recipies
img {
	width:100%;
	height:auto;
}

#filter {
	font-family: "franklin-gothic-urw",sans-serif;
	text-transform: uppercase;
	padding:0;
	color:#fff;
	font-weight: 100;
	font-size: 0.9rem
}

#filter a {
	color:#000;
}

#filter ul {
	margin:0;
	text-align: center;
	float:left;
	width:100%;
	clear:both;
}

#filter ul li {
	display:inline-block;
}
#filter ul li a {
	padding:1em 0.75em;
	display:inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#filter ul li:hover a {
	background:#FAFAFA;
	color:#333;
}

#filter ul li a.selected {
	background:#edf2f0;
	color:#333;
}

#filter ul li.strong {
	font-weight:600;
}

#commercialmenu {
	font-family: "franklin-gothic-urw",sans-serif;
	text-transform: uppercase;
	padding:0;
	background: #EDF2F0;
	color:#000;
	font-weight: 500;
	font-size: 0.9rem;
	float:left;
	width:100%;
	border-bottom: bothl;
}

#commercialmenu a {
    color: #000;
    font-weight: 100;
}

#commercialmenu ul {
	margin:0;
	text-align: right;
}

#commercialmenu ul li {
	display:inline-block;
}
#commercialmenu ul li a {
	color: #DB3074;
	padding:1em 0.75em;
	display:inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#commercialmenu ul li:hover a {
	background:#FFF;
	color:#333;
}

#commercialmenu ul li a.selected {
	background:#fff;
	color:#333;
}

#commercialmenu ul li.strong {
	font-weight:600;
}

.singleitem
article 
header {
	text-align: center;
	float: left;
	width: 100%;
	clear: both;
	display: block;
}

.singleitem
article 
header
h2 {
	float:left;
	width:100%;
	margin:1em 0 0 0;
	clear:both;
}

.singleitem
article 
header
h3 {
	float:left;
	width:100%;
	margin:0 0 2em 0;
	clear:both;
}

.singleitem
article a {
	display: inline;
}

.singleitem
article p {
	display: block;
	width:100%;
	float:left;
	clear:both;
}

.singleitem
article iframe {
	max-width:100%;
	width: 100%;
	min-height: 505px;
}
.home
.singleitem
article iframe,
.blog
.singleitem
article iframe {
	min-height: 350px
}


.singleitem
article 
img {
	float:none;
	text-align: center;
	margin:2em auto;
	display:block;
}

.singleitem
article {
	background:#fff;
	margin:0 0 3em 0;
	padding:2em;
	float:left;
	clear:both;
	width: 100%;
}

.blogshare {
	width:100%;
	clear:both;
	margin: 0 0 3rem 0;
	padding:0;
}

.blogshare ul {
	text-align: center;
	list-style: none;
	font-size: 0.9rem;
	float:left;
	width:100%;
	clear:both;
	padding:1em;
	margin:0 ;
	text-align: center;
	background: #fff;
	border-top: 1px solid #EDEDED;
	background: #FFFFFF;
}

.blogshare a {
	color: #DB3074;
}

.blogshare ul li {
	display: inline-block;
	margin: 0 1em;
}

.nextprev {
	color:#fff;
	text-align: center;
	font-style: italic;
	list-style: none;
	font-size: 0.9rem;
}
.nextprev div {
	margin-bottom:0;
	clear:none;
}
.nextprev a {
	color:#333;
	background:#edf2f0;
	float:left;
	width:100%;
	margin:2em auto;
	padding:1em;
	clear:both;
}
.nextprev a:hover {
	color:#333;
	background:#edf2f0;
}

.ico {
  text-align:center;
  opacity: 1;
}

[class*="ico-"] {
  display: inline-block;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 2em; 
}

.ico-facebook {
  background-image: url("assets/facebook.png"); }

.ico-pinterest {
  background-image: url("assets/pinterest.png"); }

.ico-twitter {
  background-image: url("assets/twitter.png"); }

.ico-evernote {
  background-image: url("assets/evernote.png"); }

.ico-print {
  background-image: url("assets/printer.png"); }

 /*About*/

 #intro {
 	background: #edf2f0;
 	color:#333;
 	line-height: 1
 }

 #intro
 .intro {
 	padding-top:2em;
 	padding-bottom:2em;
 	font-size:2.5em;
 	text-align: center;
 	font-style: italic
 }
 #intro
 .intro p {
 	margin: 0;
 	line-height:1.2;
 }

 #about {
 	padding-top:2.5em;
 	padding-bottom: 2.5em
 }


 #about
 .abouttext {
 }

 #about
 .aboutimage {
 	padding:0;
 }

 #slider
 { position: relative; overflow: auto; margin-bottom:1em; }

 #slider
 li { list-style: none; }

 #slider
 ul li { float: left; }

 #about
 .credit {
 	font-style: italic;
 	font-size: 1em;
 	line-height: 1
 }

 #video {
 	background: #EDF2F0;
 	padding: 2em 0;
 }


.video_intro {
	color:#333;
	float:left;
	clear:none;
}

 #video 
 .videowrapper {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	padding-top: 0;
	height: 0;
}

 #video
 .youtube-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 }

 #contact {
 	padding-top:3em;
 	padding-bottom: 3em;
 	background: #F7F7F7
 }

 #contact h2 {
 	margin-bottom: 2em
 }

#images img {
	width:100%;
	height:auto;
}

 #gallerystrip {
 	padding:0;
 	margin:0 0 2em 0;
 	text-align: center;
 	float:left;
 	width:100%;
 	display:block;
 }

 #gallerystrip.frontpage_link {
 	margin-bottom: 0;
 	background: #DB3074
 }

#gallerystrip.frontpage_link a {
	position: relative;	
	float: left;
	width: 20%;
	display: block
}


#gallerystrip.frontpage_link a span {
	position: absolute;
	bottom: 0;
	top: 50%;
	margin-top:-0.65rem;
	line-height: 1;
	left: 0;
	width: 100%;
	text-align: center;
	padding:1em;
	color: #fff;
	opacity: 0.25;
	-webkit-transition: opacity 500ms linear;
	-moz-transition: opacity 500ms linear;
	-o-transition: opacity 500ms linear;
	transition: opacity 500ms linear;
	font-family: "franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.25rem;
}

#gallerystrip.frontpage_link img {
	opacity: 1;
	-webkit-transition: opacity 500ms linear;
	-moz-transition: opacity 500ms linear;
	-o-transition: opacity 500ms linear;
	transition: opacity 500ms linear;

}

#gallerystrip.frontpage_link a:hover img {
	opacity: 0.25
}

#gallerystrip.frontpage_link a:hover span {
	opacity: 1
}

 #gallerystrip img {
 	width:20%;
 	height:auto;
 	margin:0;
 	padding:0;
 	display: block;
 	float:left;
 }

 #gallerystrip.frontpage_link a img {
 	width: 100%;
 }

 #review {
 	padding-top:3em;
 	padding-bottom:3em;
 	background:#edf2f0;
 	text-align: center
 }
 #review,
 #review a,
 #review h3 {
 	color:#000;
 }

 #review
 .item {
 	margin:0.5em 0;
 }
 #review 
 .reviewimg
 .item {
 	margin:1em 0;
 }
 #review 
 .reviewimg
 .item
 img {
 	margin-bottom:0.5em;
 }

#message.frm_message {
	padding: 3em;
	background: #FFF;
	margin: 1em 0 3em 0;
	border: 2px solid #008000;
}

 #buy {
 	background:#F7F7F7;
 	padding-top: 2em;
 	padding-bottom: 2em;
 	text-align: center
 }
 #buy
 .intro {
 	max-width:75%;
 	float:none;
 	margin:2em auto;
 }

 #buy 
 fieldset {
	border: none;
	padding: 0;
	margin: 0;	 	
 }

 #buy 
 input,
 #buy
 textarea {
	background: rgba(255, 255, 255, 0.8);
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 1em;
	padding: 1em;
	height: auto;
	text-align: center;
	font-style: normal;
	width: 80%;
	min-width:80%;
	float: left;
	border: 2px #db3074 solid;
	font-family: "franklin-gothic-urw",sans-serif;
	font-size: 0.8em;
 }

 #buy 
 select {
	width: 80%;
	float: left;
	border: 2px #DB3074 solid;
	padding: 0.5em 1em;
	font-family: "franklin-gothic-urw",sans-serif;
	font-size: 0.8em;
	line-height: 1;
	height: 3em;
	-webkit-appearance: none;
	color: #333;
	text-transform: uppercase;
	background: url('img/down.png') no-repeat right #FFF;
	border-radius: 0px;

}

 #buy
 textarea {
 	text-align: left
 }

 #buy
 label {
 	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom:1em;
	font-weight: 900;
	text-align:left;
	width:20%;
	float:left;
 }

 #buy
 input[type="submit"] {
 	width: 80%;
	margin-left: 20%;
	background: #fff;
	border:2px #db3074 solid;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.25em;
	color: #db3074;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
 }

 .frm_error {
 	float: left;
	width: 80%;
	margin: 2em 0 2em 20%;
	color: #F00;
	font-weight: 900;
 }

 #buy
 input[type="submit"]:hover {
 	background:#db3074;
	color: #FFF;
 }

 #about
 .smallprint {
 	font-size:0.8em;
 	margin-top:1em;
 }

#buy
.frm_description {
	float: left;
	width: 80%;
	clear: both;
	text-align: left;
	margin: 0 0 1em 20%;
	font-size: 0.8em;
	font-style: italic;
}
#buy
.frm_radio {
	width:20%;
	float:left;
}
#buy
.frm_radio
label {
	width:auto;
}
#buy 
input[type="radio"] {
	width:16px;
	height:16px;
	margin-right:1em;
}

 .bumpbottom {
 	padding-bottom:1em;
 }

 #films
 .videoblock {
 	opacity: 0;
 }

#films
.videoitem {
	background:#fff;
	margin:0 0 1em 0;
	padding:1em;
	text-align: center;
	line-height:1.4;
}

#films
img {
	margin-top:1em;
	width:100%;
	height:auto;
}

#rpromo {
	text-align: center;
	background: #edf2f0;
	padding:4em 0;
	color:#333;
}
#rpromo
.text {
	padding:0 4em 0 4em;
}
#rpromo a {
	color:#000;
}
#rpromo 
img {
	border:10px solid #fff;
	margin:0;
}

.promogrid {
	background: #edf2f0;
	overflow:hidden;
}

.promogrid li {
	padding:0;
}

.promogrid li a {
}

.promogrid li .title {
	position: absolute;
	top: 0;
	right: 0;
}
.promogrid li .title h2 {
	font-size:1rem;
	padding:1em;
	color:#fff;
	opacity:0.60;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.promogrid li:hover .title h2 {
	opacity:1;
}

.promogrid li img {
	min-width:100%;
	height:auto;
}

.promogrid li.text {
	color:#333;
	padding:6em 1em;
	text-align: center
}

.promogrid li.text p {
	font-size:0.9em;
}


.click {
 	width: auto;
	margin: 1em auto;
	background: #fff;
	border:1px #db3074 solid;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 100;
	line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: #db3074;
	text-align: center;
	padding:0.75em 2em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
 }

 .click:hover {
 	background:#db3074;
	color: #FFF;
 }

#promo {
	text-align: center;
	background: #edf2f0;
	color:#333;
	padding:2em 0;
	margin:2em 0;
}

#promo.last {
	margin-bottom: 0;
}

#promo a {
	color:#fff;
}

.sectionintro h2 {
	color:#db3074;
	text-align: center
}

.sectionintro h2 a {
	float:none!important;
	color:#db3074!important;
	opacity: 1!important
}

#promo
.limited {
	max-width:45%;
}

#promo
.text {
	padding-top:1em;
}

#promo 
img {
	border:10px solid #fff;
	margin:0 0 1em 0;
}

#promo
 input {
 	width: auto;
	margin: 1em auto;
	background: #fff;
	border:1px #db3074 solid;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 100;
	line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: #db3074;
	text-align: center;
	padding:0.5em 0.25em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
 }

 #promo
 input:hover {
 	background:#db3074;
	color: #FFF;
 }
 
 #promo h2 {
 	margin-top:2em;
 }

 #promo h3 {
 	margin-bottom:1em;
 }

.biggrid {
	float: left;
	width: 100%;
	clear: left;
	margin: 0 auto;
	max-width: 100%;
	background: #EDF2F0;
	text-align: center
}

 .biggrid 
 .columns {
 	padding:0;
 }

 .biggrid p {
 	float:left;
 	clear:both;
 	width:100%;
 }

.biggrid 
.text .inner {
	float:left;
	clear:both;
	text-align: center;
	padding:1em;
	width:100%;
}
.biggrid 
.text a {
	float:none;
	clear:both;
	width:100%;
}
.biggrid 
.text h2 {
	float:left;
	clear:both;
	width:100%;
}
.biggrid 
.text p {
	font-size:0.9em;
}
 .biggrid
 a {
 	position: relative;
 	float:left;
 	display: block;
 	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow:hidden;
 }

  .biggrid .text a {
  	color:#DB3074;
  	width:auto;
  }

	 .biggrid
	 a:hover {
	 	opacity:0.95;
	 }


 .biggrid 
 img {
 	width:100%;
 	float:left;
 	height:auto;
 	position: relative;
}

.readmoreprimary {
float: right;
margin: 0 0 2em 0;
}

 .biggrid
 .title {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	text-align: center;
	font-style: italic;
	background: rgba(255, 255, 255, 0);
	-webkit-transform: translate(0%, 0);
	-moz-transform: translate(0%, 0);
	-ms-transform: translate(0%, 0);
	-o-transform: translate(0%, 0);
	transform: translate(0%, 0);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.biggrid
.title:hover {
	background: rgba(255, 255, 255, 0.5);
}

.biggrid
.title 
span {
	display: table;
	height: 100%;
	width: 100%;
	left: -100%;
	position: relative;
	-webkit-transform: translate(0%, 0);
	-moz-transform: translate(0%, 0);
	-ms-transform: translate(0%, 0);
	-o-transform: translate(0%, 0);
	transform: translate(0%, 0);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.biggrid
.title:hover 
span {
	left:0;
}
.biggrid
.title 
span h2 {
	font-size: 1.5em;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#db3074;
	padding:1em;
}
.biggrid
.recpright 
.title 
span h2,
.biggrid
.recpleftleft 
.title 
span h2 {
	font-size: 1em;
}

 #latestblog {
	float: none;
	width: 100%;
	clear: left;
	margin: 0 auto;
	max-width: 1280px;
 }

 #latestblog 
 .columns {
 	padding:0;
 }

#latestblog
 .title {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	text-align: center;
	font-style: italic;
	background: rgba(255, 255, 255, 0);
	-webkit-transform: translate(0%, 0);
	-moz-transform: translate(0%, 0);
	-ms-transform: translate(0%, 0);
	-o-transform: translate(0%, 0);
	transform: translate(0%, 0);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

#latestblog
.title:hover {
	background: rgba(255, 255, 255, 0.5);
}

#latestblog
.title 
span {
	display: table;
	height: 100%;
	width: 100%;
	left: -100%;
	position: relative;
	-webkit-transform: translate(0%, 0);
	-moz-transform: translate(0%, 0);
	-ms-transform: translate(0%, 0);
	-o-transform: translate(0%, 0);
	transform: translate(0%, 0);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

#latestblog
.title:hover 
span {
	left:0;
}
#latestblog
.title 
span h2 {
	font-size: 1.5em;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#db3074;
	padding:1em;
}
#latestblog
.recpright 
.title 
span h2 {
	font-size: 1em;
}


 #latestblog a {
 	max-height:300px;
 	overflow: hidden;
 	border:10px solid #fff;
 }

 #latestblog 
 img {
 	min-width:100%;
 	float:left;
 	width:auto;
 	height:auto;
 	max-width:none;
 	position: relative;
}

 

 .ui-widget-content {
 	border:none!important;
 }

 .ui-widget-header {
	border: none!important;
	background: #db3074!important;
 }

 .ui-corner-all {
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	border: 1px solid #FFF!important;
	background: #F7F7F7!important;
	font-weight: bold!important;
	color: #333!important;
	outline: none!important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border:1px solid #333!important;
}

#gallery {
	padding:1em 0;
	background: #F7F7F7
}

#gallery a {
	padding:1em;
}

#laurels {
	margin:2em auto;
	padding:2em 0;
	background: #F7F7F7

}

#laurels .row {
	max-width:75em;
}

#clientlist {
	text-align: center
}

#clientlist img {
	display: inline-block;
	padding:2em 1.125%; 
	max-width:12%;
	height:auto;
}

#press {
	background:#fff;
	padding:2em;
	margin:1em auto;
	max-width:62.5rem;
}

#press
.pressheader {
	color: #FFF;
	background: #BAD6CB;
	margin: -2em -2em 1em -2em;
	padding: 1em 1em 0.5em 1em;
	text-align: center;
}

#press
.pressitem {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 3em;
	padding-top: 3em;
	border-bottom: 1px solid #DB3074;
	float: left;
	width: 100%;
	clear: both;
}

#press .pressitem:last-child {
	border-bottom:none;
}

#press 
img {
	border:10px solid #F7F7F7;
}

#press
time {
	font-size: 0.8em;
	font-style: italic;
	padding-top: 0.75em;
	float: left;
}

#press
small {
	float:left;
	width:100%;
	clear:both;
	margin:1em 0;
	font-weight:100;
}

#press p {
	margin-bottom:0.25em;
}


#footer {
	background:#f3f3f3;
}

#footer 
.terminator {
	padding:2em 1em;
	text-align: center;
	background:#edf2f0;
	color:#817E7E;
	font-size: 0.75em;
}
#footer 
.terminator a {
	color:#817E7E;
}

.ui-datepicker {
	position: absolute
}

#footer 
.footerwidgets {
	padding:3em 0;
}
#footer 
.widget {
	background: none;
	margin: 0;
	padding: 1em;
	font-size: 0.9em;
}

#connect {
	padding:0;
	background:#BAD6CB;
}

#connect li {
	padding:2em 5em;
	color: #000
}

.social-icons a img {
	padding:0.5em;
	color:#000;
	opacity:0.1;
}

.aboutpage-icons {
	font-size:1.5em;
	list-style: none
}

.aboutpage-icons li {
	display: inline-block;
	margin-right:0.5em;
}

.footer-icons {
	list-style:none;
}
.footer-icons li {
	float:left;
	margin:0 1.5em 0.5em 0;
}

.footer-icons li i {
	margin-right:0.25em;
}

@media only screen and (max-width: 768px) {
	#connect li {
		padding:1em;
}
}

.newsletter fieldset {
border: 0;
padding: 0;
margin: 0;
}


.newsletter
 input[type="submit"] {
 	width: 100%;
	background: #fff;
	border:1px #db3074 solid;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1;
	padding:0.5em;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 900;
	color: #db3074;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
 }

.newsletter
 input[type="submit"]:hover {
 	background:#db3074;
	color: #FFF;
 }

.footercontent {
	float: none;
	padding:3em 0;
	font-size:0.85em;
}

.footercontent p {
	margin: 0 0 1em;
	line-height: 1.4;
}

/*Print */
@media print { * {background:#fff !important;color:#000 !important;} .no-print, .no-print * { display: none !important; } }

/*Animation */
	#films,
	#films .videoblock,
	#recipies.animated,
	#recipies.animated .gridblock {
	  -webkit-transition-duration: 1.25s;
		 -moz-transition-duration: 1.25s;
		  -ms-transition-duration: 1.25s;
		   -o-transition-duration: 1.25s;
			  transition-duration: 1.25s;
	}
	#films,
	#recipies.animated {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	#films .videoblock,
	#recipies.animated .gridblock {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}


/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }	

/*Press*/

 

#presscontainer {

}

#presscontainer img {
	width: 100%;
	height: auto;
	padding-top:0.5rem;
	padding-bottom: 0.5rem
}

#presscontainer .item {
	margin-bottom:1.8em;
}

#presscontainer h5,
#presscontainer h6 {
	margin:0;
	line-height:1.2;
}

#presscontainer h5.smaller {
	padding:0.5em 0;
}

/*Sidebar  Fix */

.blogsidebar.singleitem article {
	padding:0;
	margin: 0
}

.blogsidebar.singleitem article img {
	margin: 0.5em auto;
}

h1.fpw-page-title.entry-title {
	display: none
}

.widget_fpw_widget img {
	margin:1em 0;
}

.widget_fpw_widget h3 {
	margin:0;
}

.widget_fpw_widget p {
	margin: 0;
	font-size: 0.9em
}

.widget_fpw_widget
article div {
	margin: 0
}

.widget_fpw_widget {
	padding: 0 0.9375em;
	margin: 1em 0;
}

.widgets-list-layout {

}

.widgets-list-layout img {
	width: 100%;
	height:auto;
}

.widgets-list-layout {
	padding: 1em 0
}

.blogsidebar

a {
	color:#333;
}

.blogsidebar
a:hover {
	color: #DB3074
}

/*Instagram */

#instagramfooter {
	float: left;
	width: 100%;
	clear: both;
	background: #F3F3F3;
}

#instagramfooter .row {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#instagramfooter a.insta-cont {
	float: left;
	width:25%;
	height: auto;
}

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

	#instagramfooter a.insta-cont {
		width:10%;
	}

}

.widgets-list-layout-links {
	width: 100%!important;
	padding: 0.5em 0
}

/*// Formidable FIX*/
.robocheck,
.frm_submit {
    float: left;
    clear:both;
    width: 100%;
    display:block;
}

.robocheck .frm-g-recaptcha {
	margin-top:0.45rem;
	margin-bottom:0.9rem;
	display: block;
	float: left;
}

/*Instagram*/

.instagram-flex {
	position: relative;
	width:100%;
	height:0px;
	overflow: hidden;
	padding-bottom:100%;
}

.instagram-flex img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}

.label.frm_screen_reader.frm_hidden {
	display: none;
}