/*
Theme Name: Food Made Good
Theme URI: 
Author: the OVERTHROW DIGITAL team
Author URI: http://www.overthrowdigital.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: fmg

*/
@font-face {
	font-family:'dearJoe_6 W00 Regular';
	src: url('font/JOEBOB_graphics_-_dearJoe6.eot?#iefix') format('embedded-opentype'), url('font/JOEBOB_graphics_-_dearJoe6.otf')  format('opentype'),
		url('font/JOEBOB_graphics_-_dearJoe6.woff') format('woff'), url('font/JOEBOB_graphics_-_dearJoe6.ttf')  format('truetype'), url('font/JOEBOB_graphics_-_dearJoe6#ClanOT-News') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ClanOT-News';
	src: url('font/ClanOT-News.eot?#iefix') format('embedded-opentype'), url('font/ClanOT-News.otf')  format('opentype'),
		url('font/ClanOT-News.woff') format('woff'), url('font/ClanOT-News.ttf')  format('truetype'), url('font/ClanOT-News.svg#ClanOT-News') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ClanOT-Book';
	src: url('font/ClanOT-Book.eot?#iefix') format('embedded-opentype'),  url('font/ClanOT-Book.otf')  format('opentype'),
		url('font/ClanOT-Book.woff') format('woff'), url('font/ClanOT-Book.ttf')  format('truetype'), url('font/ClanOT-Book.svg#ClanOT-Book') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: 'ClanOT-Medium';
	src: url('font/ClanOT-Medium.eot?#iefix') format('embedded-opentype'),  url('font/ClanOT-Medium.otf')  format('opentype'),
		url('font/ClanOT-Medium.woff') format('woff'), url('font/ClanOT-Medium.ttf')  format('truetype'), url('font/ClanOT-Medium.svg#ClanOT-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ClanOT-Bold';
	src: url('font/ClanOT-Bold.eot?#iefix') format('embedded-opentype'),  url('font/ClanOT-Bold.otf')  format('opentype'),
		url('font/ClanOT-Bold.woff') format('woff'), url('font/ClanOT-Bold.ttf')  format('truetype'), url('font/ClanOT-Bold.svg#ClanOT-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: 'ClanOT-BookItalic';
	src: url('font/ClanOT-BookItalic.eot?#iefix') format('embedded-opentype'),  url('font/ClanOT-BookItalic.otf')  format('opentype'),
		url('font/ClanOT-BookItalic.woff') format('woff'), url('font/ClanOT-BookItalic.ttf')  format('truetype'), url('font/ClanOT-BookItalic.svg#ClanOT-BookItalic') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family: 'ClanOT-BoldItalic';
	src: url('font/ClanOT-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('font/ClanOT-BoldItalic.otf')  format('opentype'),
		url('font/ClanOT-BoldItalic.woff') format('woff'), url('font/ClanOT-BoldItalic.ttf')  format('truetype'), url('font/ClanOT-BoldItalic.svg#ClanOT-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
    font-family: "PFDinCondensedMedium";
    src: url("font/PFDinCondensedMedium.eot");
    src: url("font/PFDinCondensedMedium.eot?#iefix")format("embedded-opentype"),
		url("font/PFDinCondensedMedium.woff") format("woff"),
		url("font/PFDinCondensedMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
	font-family: 'outline';
	src:url('font/outline.eot?49461288');
	src:url('font/outline.eot?49461288#iefix') format('embedded-opentype'),
		url('font/outline.woff?49461288') format('woff'),
		url('font/outline.ttf?49461288') format('truetype'),
		url('font/outline.svg?49461288#outline') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('font/icomoon.eot?-l2po4d');
	src:url('font/icomoon.eot?#iefix-l2po4d') format('embedded-opentype'),
		url('font/icomoon.ttf?-l2po4d') format('truetype'),
		url('font/icomoon.woff?-l2po4d') format('woff'),
		url('font/icomoon.svg?-l2po4d#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-article:before {
	content: "\e600";
}
.icon-close:before {
	content: "\e601";
}
.icon-facebook551:before {
	content: "\e602";
}
.icon-findrestaurant:before {
	content: "\e603";
}
.icon-instagram3:before {
	content: "\e604";
}
.icon-login:before {
	content: "\e605";
}
.icon-logosmall:before {
	content: "\e606";
}
.icon-menuhamburger:before {
	content: "\e607";
}
.icon-search:before {
	content: "\e608";
}
.icon-twitter11:before {
	content: "\e609";
}
.icon-videos1:before {
	content: "\e60a";
} 

@font-face {
	font-family: 'sustainable';
	src: url('font/sustainable.eot?27066477');
	src: url('font/sustainable.eot?27066477#iefix') format('embedded-opentype'),
		url('font/sustainable.woff?27066477') format('woff'),
		url('font/sustainable.ttf?27066477') format('truetype'),
		url('font/sustainable.svg?27066477#fmg-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'sustainable';
    src: url('../font/sustainable.svg?27066477#fmg-icons') format('svg');
  }
}
*/

[class^="sustainable-"]:before, [class*=" sustainable-"]:before {
	font-family: "sustainable";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.sustainable-9:before { content: '\e800'; } /* 'о Ђ' */
.sustainable-8:before { content: '\e801'; } /* 'о Ѓ' */
.sustainable-7:before { content: '\e802'; } /* 'о ‚' */
.sustainable-6:before { content: '\e803'; } /* 'о ѓ' */
.sustainable-5:before { content: '\e804'; } /* 'о „' */
.sustainable-14:before { content: '\e805'; } /* 'о …' */
.sustainable-13:before { content: '\e806'; } /* 'о †' */
.sustainable-12:before { content: '\e807'; } /* 'о ‡' */
.sustainable-11:before { content: '\e808'; } /* 'о €' */
.sustainable-10:before { content: '\e809'; } /* 'о ‰' */
.sustainable-4:before { content: '\e80a'; } /* 'о Љ' */
.sustainable-3:before { content: '\e80b'; } /* 'о ‹' */
.sustainable-2:before { content: '\e80c'; } /* 'о Њ' */
.sustainable-1:before { content: '\e80d'; } /* 'о Ќ' */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'ClanOT-News', sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
img {
    display: block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    background: #ffffff; position: relative;
}
.right {
	float: right;
}
.left {
	float: left;
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left;
}
.center {
    text-align: center;
}
.cover {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.table .cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;	
}
.clear {
    clear: both;
}
.cleared:after {
    content: '';
    display: block;
    clear: both;
}
.blue {
	background-color: #003b5b !important;
}
.red {
	background-color: #960f40 !important;
}
.green {
	background-color: #138878 !important;
}
.grey {
	background-color: #f4f4f4 !important;
}
.underline {
	text-decoration: underline;
}
small {
	font-size: 70%;
}
.txtgreen {
	color: #138878 !important;
}
input, select, textarea, div, form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    font-family: 'Arial';
}
textarea {
	resize: none;
}
textarea:focus, input:focus{
	outline: 0;
}
*:focus {
	outline: 0;
}
p {
	font-family: 'ClanOT-Book';
	font-size: 100%;
	color: #909090;
}
h1, h2, h3, h4 {
	font-family: 'dearJoe_6 W00 Regular';
	line-height: 1em;
	margin-bottom: 0.7em;
}
h1 {
	/*font-size: 600%;*/
	line-height: 1em;
	font-size: 500%;
}
h2 {
	font-size: 390%;
	color: #4b1365;
	-moz-transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    transform: rotate(-1.7deg);
}
h3 {
	font-size: 200%;
}
h4 {
	font-size: 160%;
}
h5 {
	font-family: 'ClanOT-Medium';
	font-size: 100%;
}
h6 {
	font-family: 'ClanOT-Medium';
	font-size: 130%;
}
p strong {
	font-family: 'ClanOT-Bold';
}
p em {
	font-family: 'ClanOT-BookItalic';
}
p strong em,
p em strong {
	font-family: 'ClanOT-BoldItalic';
}
a {
	color: #4a1864;
}
.link.upload {
	background-image: url(img/upload.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
	height: 50px;
}
.link.download {
	background-image: url(img/download.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
	height: 50px;
}
.link.add {
	background-image: url(img/add.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
	height: 50px;
}
@media screen and (max-width: 925px) {
	h1 {
		font-size: 500%;
	}
	h2 {
		font-size: 340%;
	}
	h3 {
		font-size: 170%;
	}
	h6 {
		font-size: 150%;
	}
}
@media screen and (max-width: 640px) {
	h1 {
		font-size: 296%;
	}
	h2 {
		font-size: 300%;
	}
	h3 {
		font-size: 200%;
	}
	h5 {
		font-size: 130%;
	}
	h6 {
		font-size: 125%;
	}
}
a.decorated {
	text-transform: uppercase;
	text-decoration: none;
	width: 6.25em;
	height: 1em;
	display: inline-block;
	letter-spacing: 0.1em;
	color: #fff !important;
	text-align: center;
	background-image: url(img/decorated.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding: 5.125em 3.6em 2.5em 6.8em;
}
a.decorated:hover {
	background-image: url(img/decorated-hover.png);
}
a.decorated.orange {
	background-image: url(img/decorated-orange.png);
	color: #e68913 !important;
}
a.decorated.orange:hover {
	background-image: url(img/decorated-orange-hover.png);
	color: #ffffff !important;
}
a.decorated.double {
	height: 2.5em;	
	padding: 4.125em 3.6em 2em 6.8em;
}
a.decorated.narrow {
	letter-spacing: 0;	
}
a.decorated.wide {
	background-image: url(img/decorated-wide.png);
	width: 10em;
	padding: 6em 3.2em 2.8em 6.93em;
}
a.decorated.wide.pink {
	background-image: url(img/decorated-wide-pink.png);
	color: #4a1863 !important;
}
header {
	width: 100%;
	color: #ffffff;
	background-color: #4b1365;
	position: relative;
}
header:after {
	content: '';
	clear: both;
	display: block;	
}
header.sticky {
	position: fixed;
	top: 0;
	z-index: 5;
}
header .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 14.8%;
	z-index: 9;
}
header .logo-mobile {
	display: none;
}
header.sticky .logo {
	height: 100%;
	width: auto;	
}
header nav,
header hgroup {
	height: 100%;
	display: table;
}	
header nav {
	float: left;
	margin-left: 16%;
}
header hgroup {
	float: right;
}
header.sticky nav {
	margin-left: 6%;
}
/*header ul {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
}*/
header li {
	position: relative;
	display: inline-block;	
	margin: 0 0.30em;	
	font-size: 93%;
	line-height: 4.5em;
	border-top: 3px solid transparent;
}

header hgroup > ul > li {
	margin: 0 1em;
	padding: 0;
	float: left;
}
header li.current-menu-item,
header li.active {
	border-top: 3px solid #fff;
}
header hgroup li.find-restaurant {
	margin: 0;
	padding: 0 1em;
}
header hgroup li.delimiter {
	padding: 0;
	/*	width: 1px;
		height: 50%;*/
    background-image: url(img/dots.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
	/* top: 25%;
	 position: absolute;
	 margin-top: -3px;*/
}
header a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	vertical-align: middle;
}
header ul.sub-menu {
	position: absolute;
	background-color: #4b1365;
	left: -1.4em;
	top: 100%;
	display: none;
	padding: 0 1.4em;
	min-width: 100%;
	z-index: 9;
}
header ul.sub-menu li {
	white-space: nowrap;
	padding: 1.1em 0 1em 0;	
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.6);
	display: block;
	font-size: 80%;
	line-height: 1em;
}
header ul.sub-menu.dropdown {
	padding: 0 1em;
}
header ul.sub-menu.dropdown > li.menu-item-has-children > a:after {
	font-size: 126%;
}
header ul.sub-menu li:first-child {
	border-top: none;
}
header li.menu-item-has-children > a:after {
	content: "\f3d0";
	font: normal normal normal 1em Ionicons;
	display: inline-block;
	/*content: "\f107";
    font: normal normal normal 1em FontAwesome;*/
    margin-left: 0.8em;
}
header li.menu-item-has-children.active > a:after {
	content: "\f3d8";
}
header ul.sub-menu li .sub-sub-menu {
	display: none;
}
header ul.sub-menu li.active .sub-sub-menu {
	display: block;
	margin-top: 0.3em;
}
header ul.sub-menu li .sub-sub-menu a {
	display: block;	
}
header ul.sub-menu li.menu-item-has-children.active {
	padding-bottom: 0;
}
header .dropdown {
	position: absolute;
	top: 100%;
	right: -1em;
	left: inherit !important;
	min-width: 100%;
	line-height: initial;
	background-color: #4b1365;
	padding: 0.9em 1.1em;
	display: none;
	z-index: 9;
}
header li.active .dropdown {
	display: block;
}
header .dropdown a.close {
	color: #fff;
	font-size: 70%;
}
header .dropdown input[type="text"] {
	border-radius: 0.5em;
	border: 0;
	padding: 0.5em 1em;
}
header .dropdown select {
	border: 0;
	padding: 0.3em 0.5em;
}
header hgroup li.find-restaurant {
	background-color: #fff;
}
header hgroup li.find-restaurant a {
	color: #4b1365;
}
header hgroup li.find-restaurant a span {
	margin-right: 1em;	
}
header hgroup li.toggle {
	display: none;
}
header hgroup i {
	font-size: 150%;
}
header hgroup i.icon-findrestaurant {
	font-size: 200%;
}
header hgroup i,
header hgroup span {
	display: inline-block;
	vertical-align: middle;
}

header hgroup .sub-sub-menu li a {
	color: rgba(255,255,255,0.8);
	text-transform: none;
}

.icon-mobile {
	display: none;	
}
#search .dropdown form {
	white-space: nowrap;
}
#search .dropdown form > * {
	vertical-align: middle;
    display: inline-block;
}
#search .dropdown form input {
	margin: 0 1em;
}
#search .dropdown form .submit {
	font-size: 110%;
}


#find-restaurant .dropdown {
	width: 100%;
	right: 0;
}
#find-restaurant .dropdown p {
	font-size: 93%;	
	color: #fff;
	line-height: 1.5em;
	margin: 1em 0;
}
#find-restaurant .dropdown h3 {
	display: none;	
}
#find-restaurant .dropdown form input,
#find-restaurant .dropdown form select {
	width: 100%;
	margin-bottom: 1em;
}
#find-restaurant .dropdown form .submit {
	font-size: 60%;
}

.text-wrap {
	width: 48%;
	margin: 0 auto;
}
.text-wrap.middle {
	width: 60%;
}
.text-wrap.wide {
	width: 78%;
}
.text-wrap p {
	font-family: 'ClanOT-Book';
	margin: 1.5em 0;
	color: inherit;	
	line-height: 1.5em;
	font-size: 120%;
}
.text-wrap p strong {
	font-family: 'ClanOT-Medium';
}
.text-wrap h3 + p {
	margin-top: 0;	
}
.text-wrap.small-grey p {
	font-size: 93%;
	color: #909090;
	line-height: 2em;
}
.text-wrap h3 {
	font-family: 'ClanOT-Medium';
    text-transform: uppercase;
    color: #46166b;
    font-size: 106%;
}
.text-wrap h2 {
	color: inherit;
	font-size: 450%;
}
ul.content-social {
	list-style: none;
	color: inherit;
}
ul.content-social li {
	display: inline-block;
	color: inherit;
	margin: 0 1em;
}

.campaign-content ul.content-social li a {
	color: inherit;
	font-size: 200%;
	position: relative;
	display: inline-block;
    width: 1em;
}
.campaign-content ul.content-social li a:before {
	content: '\e800';
	font-family: "outline";
	font-style: normal;
	font-weight: normal;
	speak: none; 
	position: absolute;
	font-size: 130%;
    left: -45%;
    top: -15%;
}


@media screen and (max-width: 925px) {
	header {
		display: table;
	}
	header .logo {
		display: none;
	}
	header .logo-mobile {
		display: block;
		width: 10%;
		height: auto;
		float: left;
	}
	header nav {
		display: none;
	}
	header li {
		position: initial;
	}
	header hgroup {
		float: none;
		display: block;
		position: absolute;
		top: 0; left: 20%; right: 0; bottom: 0;
	}
	header hgroup li.delimiter {
		display: none;
	}
	header hgroup > ul {
		display: table;
		height: 100%;
		width: 100%;
	}
	header hgroup > ul > li {
		width: 24%;
		padding: 0 !important;
		background-color: transparent !important;
		text-align: center;
		line-height: 1em;
		border-top: 0;
		font-size: 200%;
		float: none;
		display: table-cell;
		vertical-align: middle;

		height: 100%;
	}
	header hgroup > ul > li.toggle {
		display: table-cell;
	}
	header hgroup .icon {
		display: none;	
	}
	header hgroup .icon-mobile {
		display: inline-block;
		width: 1em;
		vertical-align: middle;	
	}
	header hgroup i {
		font-size:  100%;
	}
	header hgroup > ul > li a span {
		display: none;	
	}
	header hgroup > ul > li.find-restaurant a {
		color: #fff;
	}
	header hgroup > ul > li.menu-item-has-children.active > a:after,
	header hgroup > ul > li.menu-item-has-children > a:after {
		display: none;	
	}
	header hgroup ul.sub-menu.dropdown li {
		padding: 0.5em 0;
	}
	header hgroup ul.sub-menu.dropdown li a {
		position:  relative;
		display: inline-block;
		width: 100%;
	}
	header hgroup ul.sub-menu.dropdown > li.menu-item-has-children > a:after {
		position: absolute;
		right: 0;
		top: -0.2em;
	}
	header .dropdown {
		width: 125% !important;
		padding: 0.6em;
		left: -25% !important;
		right: inherit  !important;
	}
	header #search.active {
		background-color: #391257 !important;
	}
	header #search .dropdown {
		padding: 0.5em;
		background-color: #391257;
	}
	#search .dropdown form .close {
		display: none;
	}
	#search .dropdown form input {
		font-size: 60%;
		margin-left: 0;
	}	

	header ul.sub-menu.dropdown {
		padding: 0.6em;
		box-sizing: border-box;
	}
	header hgroup i.icon-findrestaurant {
		font-size: 100%;
	}
	header #find-restaurant.active {
		background-color: #960f40 !important;
	}
	#find-restaurant .dropdown a.close {
		position: absolute;
		right: 4%;	
	}
	#find-restaurant .dropdown p {
		font-size: 60%;	
		text-align: left;
	}
	#find-restaurant .dropdown form input,
	#find-restaurant .dropdown form select {
		width: 100%;
		margin-bottom: 1em;
		font-size: 60%;
	}
	#find-restaurant .dropdown h4 {
		display: none;	
	}
	#find-restaurant .dropdown h3 {
		display: block;
		font-size: 100%;
	}
	#find-restaurant .dropdown form .submit {
		font-size: 30%;
	}
	header #main-menu.active {
		background-color: #391257 !important;
	}
	#main-menu .dropdown {
		background-color: #391257 !important;
		padding-bottom: 0;
	}
	#main-menu li {
		float: none;
		text-align: center;
		width: 100%;
		line-height: 2em;
		padding: 0.2em 0 0 0;
		border-top: 1px solid rgba(255,255,255,0.2);
		font-size: 70%;
		position: relative;
		margin: 0;
	}
	#main-menu li:first-child {
		border-top: 0;	
	}
	#main-menu li a {
		display: inline-block;
		width: 100%;	
	}
	#main-menu li.menu-item-has-children > a:after {
		position: absolute;
		right: 0;
		top: 0.5em;
	}
	#main-menu ul.sub-menu {
		position: relative;
		background-color: #391257;
		padding: 0;
		left: 0;
	}
	#main-menu .active ul.sub-menu,
	#main-menu ul.sub-menu {
		display: block;	
	}
	#main-menu ul.sub-menu li {
		border-top: 0 !important;
	}
}
@media screen and (max-width: 640px) {
	header .logo-mobile {
		width: 20%;
	}
}
#content {
	width: 100%;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.page #content {
	background-image: none;
	background-color: #fff;
}
footer {
	width: 100%;
	background-color: #eaedee;
	padding: 3em 0;
	text-align: center;
}
footer p {
	font-size: 87%;
}
footer h5 {
	margin-bottom: 1em;	
}
footer .wrap {
	list-style: none;
	display: inline-block;
	width: 63%;
}
footer .col {
	float: right;
	width: 33.3333%;
	color: #72828b;
	text-align: center;
	vertical-align: top;
}
footer .col div {
	text-align: left;
	display: inline-block;	
}
#footer-social {
	text-align: center;
}
#footer-social li {
	display: inline-block;
	font-size: 150%;
	margin: 0 0.7em;
}
#footer-social li a {
	color: #72828b;
}
#footer-menu {
	width: 80%;
}
#footer-menu ul {
	list-style: none;
}
#footer-menu a {
	color: #72828b;
	text-decoration: none;
	font-family: 'ClanOT-Book';
	font-size: 80%;
}
#footer-signup input[type="text"] {
	border-radius: 0.5em;
	border: 0;
	padding: 0.5em 1em;
	width: 100%;
	margin: 0;
}
#footer-signup .form-field {
	margin: 0 0 1em 0;
}
#footer-signup .form-field .error {
	padding: 0.5em 1em;
	font-size: 90%;
    border-radius: 0.5em;
}
#footer-signup p.result {
	margin: 1em 0;	
}
#footer-signup p.error {
	color: #f00;
}
#footer-signup p.success {
	color: #4b1365;
}
#footer-signup .submit {
	font-family: 'ClanOT-Medium';
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #e58a01;
}
#copyright {
	width: 100%;
	background-color: #a7b3ba;
	color: #eaedee;
	font-family: 'ClanOT-Book';
	font-size: 80%;
	padding: 1.3em 0 1em 0;
	text-align: center;
}


section {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
section.homepage {
	padding: 2em 0;	
}
.wrapper {
	width: 85%;
	margin: 0 auto;
}


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

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

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

}

.slider {
	position: relative;
	width: 100%;
	padding-bottom: 38.5%;
}
.slider.instagram-feed {
	padding-bottom: 50%;
}
.slider.instagram-feed.smaller-medias {
	padding-bottom: 33.33333333%;
}
.slider .slide {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slider .slide.active {
	z-index: 0;	
}
.slider .slide .wrap {
	display: table;
	height: 100%;
	width: 85%;
	margin: 0 auto;
}
.slider .slide .content {
	display: table-cell;
	vertical-align: middle;
}
.slider .slide .cover.mobile {
	display: none;
}
.slider .slide h1 {
	color: #fff;
	-moz-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
    -o-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);	
}
.slider .slide h6 {
	width: 70%;
	margin: 1em auto;
	color: #f7fcfd;
	line-height: 1.5em;
}
.slider .slide a.decorated {
	/*float: right;
	margin-top: -9em;*/
}
.slider .slide > .media {
	width: 25%;
	height: 50%;
	float: left;
}
.slider.smaller-medias .slide > .media {
	width: 16.6666666%;
}
.slider .slide > .media .cover {
	display: none;
}
.slider .slide > .media:hover .cover {
	display: block;
}
.slider > a {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -2%;
	color: #fff;
	background-color: #e3923d;
	padding: 1em;
    line-height: 1em;
    border-radius: 2em;
    width: 1.5em;
    text-align: center;
    font-size: 100%;
}
.slider > a i {
	font-size: 150%;
}
.slider > a.prev {
	left: 2%;
}
.slider > a.prev i {
	margin-left: -0.2em;
}
.slider > a.next {
	right: 2%;
}
.slider > a.next i {
	margin-right: -0.2em;
}
.slider > nav {
	position: absolute;
	bottom: 0;
	padding: 1em 0;
	text-align: center;
	width: 100%;
	z-index: 3;
}
.slider > nav ul {
	display: inline-block;
}
.slider > nav ul li {
	display: inline-block;
	color: #fff;	
	margin: 0 0.5em;
}
.slider > nav ul li i {
	font-size: 100%;
	cursor: pointer;	
}



#homepage-mosaic .wrap {
	width: 100%;
	position: relative;
	padding-bottom: 76%;
	margin-top: 2em;
}
#homepage-mosaic .wrap .tile {
	position: absolute;
	width: 38%;
	height: 31.3%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
#homepage-mosaic .wrap .tile.block {
	width: 24%;
}
#homepage-mosaic .wrap .tile.article-1 {
	top: 0;
	left: 0;
}
#homepage-mosaic .wrap .tile.article-2 {
	top: 0;
	left: 38%;
}
#homepage-mosaic .wrap .tile.campaing {
	top: 0;
	left: 76%;
}

#homepage-mosaic .wrap .tile.campaing .cover {
	background-color: rgba(22,57,75,0.8);
}
#homepage-mosaic .wrap .tile.campaing .cover h2 {
	color: #fff;
	margin: 1em auto;
    width: 70%;	
}
#homepage-mosaic .wrap .tile.campaing .cover a.decorated { 
	font-size: 70%;	
}
#homepage-mosaic .wrap .tile.campaing .cover .pledges em {
	font-family: 'dearJoe_6 W00 Regular';
    font-size: 200%;
    color: inherit;
    background-image: url(img/redbrush.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 3em;
    display: inline-block;
    color: #fff;	
}
#homepage-mosaic .wrap .tile.campaing .cover .pledges strong {
    font-family: 'ClanOT-Bold';
    text-transform: lowercase;
    font-size: 150%;
    color: #fff;
}
#homepage-mosaic .wrap .tile.campaing .cover .pledges small {
    text-transform: lowercase;
    font-size: 80%;
    color: #fff;
}


#homepage-mosaic .wrap .tile.article-3 {
	height: 37.4%;
	top: 31.3%;
	left: 0;
}
#homepage-mosaic .wrap .tile.search {
	height: 37.4%;
	top: 31.3%;
	left: 38%;
}
#homepage-mosaic .wrap .tile.article-4 {
	height: 37.4%;
	top: 31.3%;
	left: 62%;
}

#homepage-mosaic .wrap .tile.feed {
	top: 68.7%;
	left: 0;
}
#homepage-mosaic .wrap .tile.article-5 {
	top: 68.7%;
	left: 24%;
}
#homepage-mosaic .wrap .tile.article-6 {
	top: 68.7%;
	left: 62%;
}

#homepage-mosaic .wrap .tile img {
	display: none;
}
#homepage-mosaic .wrap .tile.article .title {
	position: absolute;
	width: 100%;
	bottom: -100%;
	background-image: url(img/white-overlay.png);
	background-repeat: no-repeat;
	background-size: 175%;
	padding: 8% 5% 3% 5%;
	text-align: left;
	-webkit-transition: bottom 0.3s ease-out 0s;
	-moz-transition: bottom 0.3s ease-out 0s;
	-o-transition: bottom 0.3s ease-out 0s;
	transition: bottom 0.3s ease-out 0s;
}
#homepage-mosaic .wrap .tile.article:hover .title {
	bottom: 0;
}
#homepage-mosaic .wrap .tile.article .title h3 {
	color: #4b1365;
	font-size: 250%;
	-moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
#homepage-mosaic .wrap .tile.article .title a {
	position: absolute;
	font-family: 'ClanOT-Medium';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #e58a01;
    bottom: 1em;
    right: 5%;
}

#homepage-mosaic .wrap .tile.search {
	background-color: #960f40;
	padding: 2em;
}
#homepage-mosaic .wrap .tile.search h3 {
	color: #fff;
}
#homepage-mosaic .wrap .tile.search p {
	font-size: 89%;
	color: #fff;
	margin: 1em 0;
	text-align: left;
}
#homepage-mosaic .wrap .tile.search a {
	color: #fff;
}
#homepage-mosaic .wrap .tile.search input[type="text"] {
    border-radius: 0.5em;
    border: 0;
    padding: 0.5em 1em;
    width: 100%;
    margin: 1.5em 0;
}
#homepage-mosaic .wrap .tile.search .submit {
    font-size: 70%;
}

.feed .cover {
	padding: 2em;
	margin: 0;
}
.feed table td {
	vertical-align: middle;
	text-align: left;
}
.feed table td.center {
	text-align: center;
}
.feed table td .fa {
	font-size: 400%;	
	color: inherit;
}
.feed table td p {
	font-size: 93%;	
	margin: 0;
	color: inherit;
}
.feed table td p.caption {
	margin: 1em 0 0 0;
	line-height: 1.5em;
	max-height: 12em;
    overflow: hidden;
}
.feed .decorated {
	font-size: 70%;
}




#homepage-links ul {
	display: block;
	width: 94%;
	margin: 2em auto;
	list-style: none;
}
#homepage-links li {
	float: left;
	width: 33.2%;
	padding: 0 0 20% 0;
	border-left: 1px solid #dadee2;
	position: relative;
}
#homepage-links li:first-child {
	border-left: 0;
}
#homepage-links li .teaser {
	position: absolute;
	top: 0; right: 3.8%; bottom: 0; left: 3.8%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
#homepage-links li .teaser:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-size: cover;
}
#homepage-links li.teaser-1 .teaser:before {
	background-image: url(img/brush1.png);
	width: 62%;
}
#homepage-links li.teaser-2 .teaser:before {
	background-image: url(img/brush2.png);
	width: 65%;
}
#homepage-links li.teaser-3 .teaser:before {
	background-image: url(img/brush3.png);
	width: 67%;
}
#homepage-links li .teaser .wrap {
	position: absolute;
	display: table;
	width: 55%;
	height: 100%;
}
#homepage-links li .teaser .wrap .content {
	display: table;
	width: 100%;
	height: 100%;
	padding: 8%;
}
#homepage-links li .teaser .wrap .content h3 {
	vertical-align: middle;
	display: table-cell;
	text-align: left;	
	color: #fff;
	line-height: 1.2em;
}

#homepage-story .wrap {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2em;
}
#homepage-story .wrap:before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;	
	background-color: rgba(0,0,0,0.07);
}
#homepage-story .wrap .arrow.left {
	left: 0;
}
#homepage-story .wrap .arrow.right {
	right: 0;
}
#homepage-story .wrap .arrow {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 2;
}
#homepage-story .wrap .arrow .w1 {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
#homepage-story .wrap .arrow .w2 {
	display: table;
	width: 100%;
	height: 100%;	
}
#homepage-story .wrap .arrow .w3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#homepage-story .wrap .arrow .w1 .w2 img {
	display: inline-block;
	width: 5em;
	height: auto;
}
#homepage-story .wrap .arrow.disabled .w1 .w2 img {
	opacity: 0.43;	
}

#homepage-story .wrap .arrow img {
	height: 100%;
	width: auto;
}
#homepage-story .wrap img.background {
	position: relative;
	left: 10%;
	width: 460%;	
}
#homepage-story .wrap .active {
	position: absolute;
	top: 0;
	width: 77%;
	height: 100%;
	left: 10%;
	overflow: hidden;
}
#homepage-story .wrap .active img {
	position: relative;
	width: 597.4%;
    left: 0%;
}
#homepage-story .wrap .mobile {
	width: 100%;
	display: none;
	overflow: hidden;
	position: relative;
	padding-bottom: 103%;
}
#homepage-story .wrap .mobile img {
	position: absolute;
	width: 100%;	
	top: 0; left: 0;
}
#homepage-story a.decorated.more {
	display: none;
}

@media screen and (max-width: 925px) {
	.slider .slide .cover.mobile {
		display: block;
		bottom: 3em;
	}
	footer .wrap {
		width: 90%;	
	}
	/*.slider .slide h6 {
		width: 70%;
		margin: 2em 0 0 1em;
	}
	.slider .slide a.decorated {
		font-size: 60%;
	}*/

	.slider {
		padding-bottom: 88%;
	}
	.slider > a {
		display: none;	
	}
	.slider .slide .wrap {
		width: 90%;
		margin: 0 2% 0 8%;
	}
	.slider .slide h6 {
		width: 75%;
	}
	.slider .slide a.decorated {
		display: none;
	}	


	#homepage-mosaic .wrap {
		padding-bottom: 218%;
	}
	#homepage-mosaic .wrap .tile {
		width: 61.2%;
		height: 17.9%;
	}
	#homepage-mosaic .wrap .tile.block {
		width: 38.8%;
	}
	#homepage-mosaic .wrap .tile.article-1 {
		height: 17.9%;
		top: 0;
		left: 0;
	}
	#homepage-mosaic .wrap .tile.article-2 {
		height: 21.4%;
		top: 17.9%;
		left: 38.8%;
	}
	#homepage-mosaic .wrap .tile.campaing {
		height: 17.9%;
		top: 0;
		left: 61.2%;
	}

	#homepage-mosaic .wrap .tile.article-3 {
		height: 21.4%;
		top: 39.3%;
		left: 0%;
	}
	#homepage-mosaic .wrap .tile.search {
		height: 21.4%;
		top: 17.9%;
		left: 0%;
	}
	#homepage-mosaic .wrap .tile.article-4 {
		height: 21.4%;
		width: 38.8%;
		top: 39.3%;
		left: 61.2%;
	}

	#homepage-mosaic .wrap .tile.feed {
		height: 17.9%;
		top: 60.7%;
		left: 0%;
	}
	#homepage-mosaic .wrap .tile.article-5 {
		height: 17.9%;
		top: 60.7%;
		left: 38.8%;
	}
	#homepage-mosaic .wrap .tile.article-6 {
		height: 21.4%;
		width: 100%;
		top: 78.6%;
		left: 0%;
	}
	#homepage-mosaic .wrap .tile.article .title {
		bottom: 0;
	}
	#homepage-mosaic .wrap .tile.article .title h3 {
		font-size: 200%;
	}

	#homepage-mosaic .wrap .tile.feed.twitter .text,
	#homepage-mosaic .wrap .tile.feed.twitter .decorated {
		font-size: 80%;
	}
}

@media screen and (max-width: 640px) {
	footer .wrap {
		width: 85%;	
	}	
	footer .col {
		float: none;
		width: 100%;
		padding-top: 3em;
		margin-top: 1em;
		border-top: 1px solid #d4dadd;
		text-align: left;
	}
	footer .col:first-child {
		border: 0;
		margin-top: 0;
	}
	#footer-menu {
		width: 100%;
		margin-bottom: 2em;
	}
	#footer-social li {
		font-size: 200%;
		margin: 0 1em 0 0;
	}
	.slider {
		padding-bottom: 88%;
	}
	.slider > a {
		display: none;	
	}
	.slider .slide .wrap {
		width: 90%;
		margin: 0 2% 0 8%;
	}
	.slider .slide h6 {
		width: 75%;
	}
	.slider .slide a.decorated {
		display: none;
	}

	#homepage-links ul {
		width: 100%;
	}
	#homepage-links li {
		display: block;
		width: 100%;
		float: none;
		padding-bottom: 66%;
		border-left: 0;
		margin-bottom: 10%;
	}
	#homepage-links li .teaser {
		position: absolute;
		right: 0; left: 0;
	}

	#homepage-mosaic .wrap {
		padding-bottom: 2em;
	}
	#homepage-mosaic .wrap .tile {
		position: relative;
		top: initial !important;
		left: 0 !important;;
		width: 100% !important;
		height: auto !important;
		background-image: none !important;
	}
	#homepage-mosaic .wrap .tile img {
		display: block;
		width: 100%;
	}
	#homepage-story .wrap:before {
		background: transparent;	
	}
	#homepage-story .wrap .arrow,
	#homepage-story .wrap .background,
	#homepage-story .wrap .active {
		display: none;	
	}
	#homepage-story .wrap .mobile {
		display: block;
	}
	#homepage-story a.decorated.more {
		display: inline-block;
	}
}

.masonry {
	padding: 1em 0;
}
.masonry .inner {
	width: 94%;
	margin: 0 auto;
}
.masonry .article {
	border: 1px solid #dedede;
	float: left;
	width: 31%;
	margin: 1.15%;
}
.masonry .article .thumbnail {
	position: relative;
	width: 100%;
}
.masonry .article .thumbnail img {
	position: absolute;
	height: 100%;
	width: 100%;
}
.masonry .article .wrap {
	padding: 1.5em;
	background-color: #fff;
}
.masonry .article h3 {
	font-family: 'ClanOT-Medium';
	font-size: 100%;
	text-transform: uppercase;
	color: #46166b;
	line-height: 1.5em;
}
.masonry .article h3 a {
	color: #46166b;
	text-decoration: none;
}
.masonry .article p {
	font-size: 93%;
	line-height: 1.5em;
	margin-top: 1em;
}
.masonry .article p.tags {
	color: #61534e;
}
.masonry .article .author {
	display: block;
	font-size: 67%;
	color: #61534e;	
}
.masonry .article .author a {
	color: #61534e;	
}
.masonry .article .wrap .read-more {
	padding-top: 1em;
    display: block;
    border-top: 1px solid #dedede;
    margin-top: 1em;
    font-family: 'ClanOT-Medium';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #e58a01;	
}

@media screen and (max-width: 640px) {
	.masonry .article {
		width: 100%;
		margin: 2% 0;
	}
}


.campaign-duration {
	padding-bottom: 20%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.campaign-duration h2 {
	color: inherit;	
	font-size: 270%;
}
.campaign-duration .countdown,
.campaign-duration .signatures {
	display: inline-block;
}
.campaign-duration .signatures {
	height: 8em;
	margin-left: 2em;
}
.campaign-duration .countdown .colon {
	height: 8em;
	width: 2em;
	display: inline-block;
}
.campaign-duration .countdown .colon span {
	font-family: 'ClanOT-Medium';
	font-size: 400%;
}
.campaign-duration .countdown .blueball {
	background-color: #003e5c;
	background-image: url(img/stardust.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 8em;
	height: 8em;
	border-radius: 4em;
	text-transform: uppercase;
	font-family: 'ClanOT-Medium';
	overflow: hidden;
	position: relative;
	color: #fff;
}
.campaign-duration .countdown .blueball h4 {
	font-family: 'dearJoe_6 W00 Regular';
	font-size: 400%;
	margin: 0;
	color: #fff;
}
.campaign-duration .signatures em {
	font-family: 'dearJoe_6 W00 Regular';
	font-size: 400%;
	color: inherit;
	background-image: url(img/redbrush.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-width: 3em;
	display: inline-block;
	color: #fff;
}
.campaign-duration .signatures strong {
	font-family: 'ClanOT-Bold';
	text-transform: lowercase;
	font-size: 297%;
	color: #941441;
}
.campaign-duration .signatures small {
	text-transform: lowercase;
	font-size: 157%;
	color: #941441;
}


.campaign-content {
	padding: 3em 0 2em 0;
	background-repeat: no-repeat;
	background-size: cover;
}
ul.campaign-navigation {
	list-style: none;
	padding-top: 3em;
}
ul.campaign-navigation li {
	display: inline-block;
	vertical-align: top;	
}
ul.campaign-navigation a {
	font-size: 70%;
	margin: 0 1em;
}
.campaign-head {
	position: relative;
}
.campaign-head .banner {
	width: 100%;	
}
.campaign-head h1 {
	margin: 0;
	color: inherit;	
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}
.campaign-head h2,
.campaign-content h2 {
	margin: 0;
	color: inherit;	
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
    font-size: 400%;
}
h1.pink, 
h2.pink,
h3.pink,
h4.pink,
h5.pink,
p.pink {
	color: #4a1864;
}
.campaign-content.coloured-title {
	padding: 3% 0 4% 0;
}
.campaign-content > .wrap {
	width: 60%;
	margin: 0 auto;
}
.campaign-story-row {
	padding: 3em 0;
}
.campaign-story-row .wrap {
	width: 82%;
	margin: 0 auto;	
}
.campaign-story-row.top-row .wrap {
	width: 48%;
}
.campaign-story-row h2,
.campaign-story-row p {
	color: inherit;
}
.campaign-story-row p {
	font-family: 'ClanOT-Book';
	font-size: 127%;
}
.campaign-story-row p strong {
	font-family: 'ClanOT-Medium';
}
.campaign-story-row h2 {
	font-size: 300%;
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}
.campaign-story-row.top-row,
.campaign-story-row.bottom-row {
	background-color: #fff;	
}
.campaign-story-row table {
	width: 100%;
}
.campaign-story-row table td {
	text-align: left;
	vertical-align: top;	
	width: 37%;
	padding-top: 1em;
}
.campaign-story-row table td.center {
	text-align: center;
	width: 22%;
	padding: 0 2.5% 0 1.5%;
}
.campaign-story-row.bottom-row .block {
	border: 1px solid #dedede;
	padding: 2em;
	width: 48%;
}
.campaign-story-row.bottom-row .block h2 {
	color: #46166b;
}
.campaign-story-row.bottom-row .block h3 {
	font-family: 'ClanOT-Medium';
	text-transform: uppercase;
	color: #46166b;
	font-size: 106%;
}
.campaign-story-row.bottom-row .block p {
	font-size: 93%;
	margin: 1.5em 0;
	color: #909090;	
	line-height: 1.5em;
}
.campaign-story-row.bottom-row .block .link {
    padding-top: 1.5em;
    display: block;
    border-top: 1px solid #dedede;
    margin-top: 1em;
    font-family: 'ClanOT-Medium';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #e58a01;
}

.campaign-supporters {
	padding: 0 0 2em 0;
}
.campaign-supporters .wrap {
	width: 73%;
	margin: 0 auto;	
}
.campaign-supporters .supporter {
	float: left;
	width: 33.3333%;
	padding-bottom: 33.3333%;
	position: relative;
}
.campaign-supporters .supporter .photo {
	display: block;
	width: 100%;
	height: 100%;	
}
.campaign-supporters .supporter .layout {
	padding: 2em;
	background-color: rgba(227,137,34,0.78);
	z-index: 2;
	display: none;
}
.campaign-supporters .supporter .layout p {
	color: #fff;
	font-family: 'ClanOT-BoldItalic';
	font-size: 100%;
}
.campaign-supporters .supporter .layout p.name {
	font-family: 'ClanOT-News';
	font-size: 128%;
}
.campaign-supporters .supporter .layout p.date {
	font-family: 'ClanOT-News';
	font-size: 113%;
}
.campaign-supporters .supporter .layout p.text {
	margin-top: 2em;
	line-height: 1.8em;
}
.campaign-supporters .supporter:hover .layout {
	display: block;	
}
.load-more-supporters {
	padding: 2em 0;	
}


.pledges .wrap {
	float: left;
	/*width: 25%;*/
	width: 33.333333%;
	/*padding-bottom: 20%;*/
	padding-bottom: 22%;
	position: relative;
	background-size: cover;
	background-position: center;
}
.pledges .wrap .cover {
	padding: 2em;	
}
.pledges .wrap h4 {
	font-size: 240%;
	color: #fff;	
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}

.pledges .wrap.custom {
	background-color: #5c2f72;
}
.pledges .wrap.custom h4 {
	font-family: "PFDinCondensedMedium";
	-moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    text-transform: uppercase;
    font-size: 333%;
}
.pledges .wrap {
	position: relative;
}
.pledges .wrap .pinkoverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 2em;
	z-index: 3;
	background-color: #4b1365;
	display: none;
}
.pledges .wrap .pinkoverlay p {
	color: #fff;
	text-transform: uppercase;
	font-size: 150%;
	font-family: "PFDinCondensedMedium";
}
.pledges .wrap:hover .pinkoverlay {
	display: block;
}
.pledges .wrap .overlay {
	position: absolute;
	bottom: 0;
	text-align: center;
	background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10em;
    width: 100%;
    top: initial !important;
    background-color: transparent !important;
    z-index: 2 !important;
}
.pledges .wrap .overlay.overlay-1 {
	background-image: url(img/Pledge-whiteoverlay1.png);
	height: 10em;
}
.pledges .wrap .overlay.overlay-2 {
	background-image: url(img/Pledge-whiteoverlay2.png);
	height: 11em;
}
.pledges .wrap .overlay.overlay-3 {
	background-image: url(img/Pledge-whiteoverlay3.png);
	height: 11em;
}
.pledges .wrap .overlay.overlay-4 {
	background-image: url(img/Pledge-whiteoverlay4.png);
	height: 12em;
}
.pledges .wrap .overlay h4 {
	margin-top: 1.2em;
	color: #4a1864;
	width: 77%;
    margin-left: auto;
    margin-right: auto;
}
.pledges .wrap .overlay.overlay-4 h4 {
	margin-top: 1.9em;
}
.get-involved {
	margin: 2em 0;
	padding: 4em;
	background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.get-involved h3 {
	font-family: "PFDinCondensedMedium";
	color: #fff;
	text-transform: uppercase;
	font-size: 400%;
	margin: 0;
}
.get-involved h4 {
	font-family: "PFDinCondensedMedium";
	color: #fff;
	text-transform: uppercase;
	font-size: 150%;
	margin: 2em 0;
}
.get-involved h4 a {
	font-family: "PFDinCondensedMedium";
	color: #fff;
	text-transform: uppercase;
}
.get-involved .left,
.get-involved .right {
	width: 46%;
	text-align: left;
}
.get-involved .right,
.get-involved .form-field.right,
.get-involved .form-field.left {
	width: 50%;
}
.get-involved .form-field {
	margin: 0 0 1em 0;
	max-width: 70%;
}
.get-involved .form-field.submit {
	width: 70%;
}
.get-involved input[type="text"],
.get-involved textarea {
	font-size: 140%;
	padding: 0.7em 1em;
    width: 100%;
    font-family: 'ClanOT-News';
}
.get-involved .form-field .error {
	font-size: 140%;
}
.get-involved .form-field label {
	font-family: 'ClanOT-News';
	font-size: 80%;
	color: #fff;
	line-height: 2em;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}
.get-involved .form-field label input[type="checkbox"]{
	margin: 0 0.5em 0 0;
    display: inline-block;
    line-height: 2em;
    vertical-align: middle;
}


.instagram-cta {
	background-size: cover;
	background-position: center;
}
.instagram-cta .wrap {
	width: 77%;
	margin: 0 auto;
}
.instagram-cta h3 {
	font-family: "PFDinCondensedMedium";
	color: #fff;
	text-transform: uppercase;
	font-size: 400%;
}
.instagram-cta h2 {
	color: #fff;
	-moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none; 
}
.instagram-cta h2 i {
	vertical-align: sub;	
}
.instagram-cta h2 em {
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);	
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
    font-family: 'dearJoe_6 W00 Regular';
}
.instagram-feed {
	padding-bottom: 2em;
}
.instagram-feed .wrap {
	float: left;
	width: 25%;
}
.instagram-feed .wrap img {
	width: 100%;
	display: block;
	height: auto;	
}




label.tooltip {
	background-image: url(img/tooltip-btn.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	color: #909090;
	line-height: 40px;
	background-position: right top;
	padding-right: 40px;
	display: inline-block;
	vertical-align: middle;
}



.blog-head {
	position: relative;
}
.blog-head .banner {
	width: 100%;	
}
.blog-head .cover h1 {
	margin: 0;
	color: #ffffff;	
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}
.blog-head .text-wrap {
	padding: 5em 0 0 0;
}
.blog-head .text-wrap h1 {
	color: #4b1365;	
	-moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}

.blog-content,
.page-content {
	padding: 3em 0 2em 0;
}
.blog-content .text-wrap p,
.page-content .text-wrap p,
.page-content .text-wrap ul,
.page-content .text-wrap ol {
	font-size: 93%;
	color: #909090;
	line-height: 2em;
}
.blog-content .text-wrap.large p,
.page-content .text-wrap.large p {
	font-size: 127%;
	line-height: 1.5em;
}
.blog-content .text-wrap img,
.page-content .text-wrap img {
	max-width: 100%;	
	height: auto;
}
.blog-content .text-wrap table td,
.page-content .text-wrap table td {
	vertical-align: top;
}
.page-content .text-wrap h1,
.page-content .text-wrap h2,
.page-content .text-wrap h3,
.page-content .text-wrap h4,
.page-content .text-wrap h5 {
	color: #4a1864;	
}
.page-content .text-wrap h5 {
	line-height: 1.5em;
}
.blog-content .blog-bottom {
	padding: 1em 0;
	border-top: 3px solid #e8e8e8;
	border-bottom: 3px solid #e8e8e8;
}
.blog-content .blog-bottom nav {
	float: right;	
	height: 2em;
}
.blog-content .blog-bottom nav a {
	font-family: 'ClanOT-Medium';
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #e58a01;	
}
.blog-content .blog-bottom nav a[rel="next"] {
	margin-left: 2em;
}
.blog-content .blog-bottom nav a span {
	display: inline-block;
    vertical-align: middle;
    height: 1em;
    line-height: 2em;
}
.blog-content .blog-bottom nav a i {
	display: inline-block;
    vertical-align: middle;
    height: 1.2em;
    line-height: 2em;
}
.blog-content .blog-bottom ul {
	float: left;	
	height: 2em;
}
.blog-content .blog-bottom ul li {
	margin: 0 3em;
}
.blog-content .blog-bottom ul li:first-child {
	margin-left: 0;	
}
.blog-content .blog-bottom ul a {
	font-size: 130%;
	color: #72828b;	
	line-height: 1.8em;
}
.blog-content .blog-author h3 {
	font-family: 'ClanOT-Medium';
	font-size: 100%;
	text-transform: uppercase;
	color: #46166b;
	line-height: 1.5em;
}
.blog-content .blog-author {
	width: 100%;
	padding: 4em 0 2em 0;
}
.blog-content .blog-author img {
	float: left;
	width: 44%;
	height: auto;
}
.blog-content .blog-author p,
.blog-content .blog-author h3 {
	float: left;
	width: 52%;
	margin-left: 4%;
}
.blog-content .blog-author.no-image p,
.blog-content .blog-author.no-image h3 {
	float: none;
	width: 100%;
	margin-left: 0;
}

.blog-content.recipe .left {
	width: 35.5%;
}
.blog-content.recipe .right {
	width: 61.3%;
}

.contact-section {
	display: inline-block;
	vertical-align: top;
	width: 40%;
}
.contact-section.right {
	width: 20%;
}
.contact-section h4 {
	font-family: 'ClanOT-Medium';
	font-size: 100%;
	text-transform: uppercase;
	color: #46166b;
}
.contact-section p {
	margin: 0 0 1em 0;	
}
.contact-section ul.social {
	list-style: none;
}
.contact-section ul.social li {
	display: inline-block;
}
.contact-section ul.social a {
	color: #e48829;
	text-decoration: none;
	margin: 0 1em 0 0;
    font-size: 150%;	
}


#contact-form .left {
	width: 46%;
}
#contact-form .right {
	width: 50%;
	text-align: right;
}
.main-form p {
	margin: 0 0 1em 0;	
}
.main-form input[type="text"],
.main-form input[type="password"],
.main-form textarea {
	width: 100%;	
	font-size: 100%;
	padding: 0.7em 1em;
}
#contact-form textarea {
	height: 20em;	
}
.form-field {
	position: relative;	
}
.form-field .error {
	position: absolute;
	top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
	display: block;
	padding: 0.7em 1em;
	background-color: #fff;
	color: #f00;
	text-align: left;
}



.rating-stars {
	background-color: rgba(222,227,230,0.8);
}
.rating-stars .rate {
	float: left;
	width: 20%;	
	padding: 0 3%;
}
.rating-stars .rate img {
	width: 80%;
	margin: 0 auto 1em auto;
}
.rating-top-text p {
	font-family: 'dearJoe_6 W00 Regular';
	font-size: 200% !important;
	color: #4b1365 !important;
	line-height: 1.4em !important;
	text-align: center;
}
.key-sustainability-areas {
	width: 85%;
	margin: 0 auto;
	padding-top: 0;
}
.key-sustainability-areas .area {
	float: left;
	width: 50%;
	padding: 2.6% 2% 2.6% 8%;
	position: relative;
	height: 10em;
    vertical-align: top;
}
.key-sustainability-areas .area i.sustainable-symbol {
	font-size: 500%;	
	position: absolute;
	top: 16%;
	left: 0;
}
.key-sustainability-areas .area h4 {
	font-family: 'ClanOT-Medium';
	font-size: 150%;
	text-transform: uppercase;
}
.key-sustainability-areas .area p {
	font-size: 105%;
	line-height: 1.5em;	
}
.key-sustainability-areas .areas-group h2 {
    text-align:  center;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    margin: 1.2em 0 1em 0;

}
.key-sustainability-areas .areas-group.Society h2,
.key-sustainability-areas .areas-group.Society .sustainable-symbol,
.key-sustainability-areas .areas-group.Society h4 {
	color: #941441;
	margin-top: 0;
}
.key-sustainability-areas .areas-group.Sourcing h2,
.key-sustainability-areas .areas-group.Sourcing .sustainable-symbol,
.key-sustainability-areas .areas-group.Sourcing h4 {
	color: #003c5b;
}
.key-sustainability-areas .areas-group.Environment h2,
.key-sustainability-areas .areas-group.Environment .sustainable-symbol,
.key-sustainability-areas .areas-group.Environment h4 {
	color: #028474;
}


#login-form {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1056px) {
	#contact-form .left {
		width: 36%;
	}
	#contact-form .right {
		width: 59%;
	}
}
@media screen and (max-width: 925px) {
	.text-wrap,
	.text-wrap.wide {
		width: 90%;
	}
	.text-wrap.middle {
		width: 80%;
	}
	.blog-content .text-wrap.large p {
		font-size: 100%;
	}
	.blog-head .banner,
	.campaign-head .banner {
		width: 200%;
		position: relative;
		left: -50%;
	}
	.campaign-head h2,
	.campaign-content h2 {
		font-size: 200%;
	}
	.pledges .wrap {
		width: 50%;
		padding-bottom: 40%;
	}
	.pledges .wrap h4 {
		font-size: 160%;
	}
	.pledges .wrap.custom h4 {
		font-size: 200%;
	}
	.get-involved {
		background-size: cover;
		padding: 5%;
	}
	.get-involved .left,
	.get-involved .right {
		float: none;
		width: 100%;
	}
	.get-involved .form-field.submit,
	.get-involved input[type="text"],
	.get-involved textarea {
		width: 100%;
		font-size: 100%;
	}
	.get-involved h3 {
		font-size: 250%;
	}
	.get-involved h4 {
		font-size: 120%;
		margin: 1em 0;
	}
	.get-involved .form-field label {
		line-height: 1.5em;
	}
	.instagram-cta h3 {
		font-size: 250%;
	}
	.rating-stars .half {
		clear: both;	
	}
	.rating-stars .rate {
		width: 50%;
		padding: 3%;
	}
	.key-sustainability-areas .areas-group h2 {
		margin: 0.5em 0 1em 0;
	}
	.key-sustainability-areas {
		width: 95%;
	}
	.key-sustainability-areas .area {
		padding: 2.6% 2% 2.6% 14%;
		height: 12em;
	}
	.key-sustainability-areas .area i.sustainable-symbol {
		top: 7%;
	}
	#contact-form .left {
		width: 50%;
	}
	#contact-form .right {
		width: 45%;
	}
	#main-campaign-content {
		background-size: 170%;
		background-position: center;
		background-repeat: repeat;
	}
	.campaign-duration {
		padding-bottom: 53%;
	}
	.campaign-supporters .wrap {
		width: 90%;
	}
	.campaign-supporters .supporter {
		width: 50%;
		padding-bottom: 50%;
	}
}
@media screen and (max-width: 640px) {
	.campaign-supporters .wrap {
		width: 100%;
	}
	.campaign-supporters .supporter {
		width: 100%;
		padding-bottom: 100%;
	}
	.campaign-duration .countdown .colon {
		height: 5em;
	}
	.campaign-duration .countdown .blueball {
		width: 5em;
		height: 5em;
	}
	.campaign-duration .countdown .blueball .cell {
		font-size: 80%;
	}
	.campaign-duration .countdown .blueball h4,
	.campaign-duration .countdown .colon span,
	.campaign-duration .signatures em {
		font-size: 300%;
	}
	.campaign-duration .signatures strong {
		font-size: 250%;
	}
	.campaign-duration .signatures small {
		font-size: 125%;
	}
	.campaign-duration {
		padding-bottom: 100%;
	}
	.text-wrap,
	.text-wrap.middle {
		width: 90%;
	}
	.blog-content {
		padding: 1em 0;
	}
	.rating-stars .half {
		display: none;
	}
	.rating-stars .rate {
		float: none;
		width: 100%;
		padding: 3%;
	}
	.key-sustainability-areas .area {
		float: none;
		width: 100%;
		padding: 0% 3% 10% 25%;
		height: auto;
	}
	.key-sustainability-areas .area i.sustainable-symbol {
		top: -5%;
	}
	.contact-section.left,
	.contact-section.right {
		width: 100%;
		display: block;
		float: none !important;	
		text-align: center;
	}
	.contact-section ul.social a {
		margin: 0 1em;
	}
	#contact-form .left,
	#contact-form .right {
		width: 100%;
		display: block;
		float: none !important;
	}
	#contact-form textarea {
		height: 10em;
	}

}

#member-content {
	width: 92%;
	margin: 3em auto 2em auto;
}
#member-content .tabs {
	list-style: none;
}
#member-content .tabs li {
	display: inline-block;
	width: 33%;
	text-align: center;	
}
#member-content .tabs li a {
	font-family: 'ClanOT-Medium';
    font-size: 100%;
    text-transform: uppercase;
    text-decoration: none;
    color: #46166b;
    line-height: 6em;	
}
#member-content .tabs li.active {
	background-color: rgba(236,236,236,0.8);
}
#member-content .content {
	background-color: rgba(236,236,236,0.8);
	padding: 4em 1.5em;
}
#member-content .content > section {
	display: none;
}
#member-content .content > section.active {
	display: block;
}

.member-manage-profile {
	list-style: none;
}
.member-manage-profile li {
	display: inline-block;
	float: left;
	width: 25%;
	border-left: 1px solid #d8d6d7;
	box-sizing: border-box;
	padding-bottom: 15%;
	position: relative;
}
.member-manage-profile li:first-child {
	border-left: 0;	
	padding-left: 0;
}
.member-manage-profile li:last-child {
	padding-right: 0;
}
.member-manage-profile li .cover {
	left: 3.2%;
	right: 3.2%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #eaedee;
}
.member-manage-profile li .cover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-size: cover;
}
.member-manage-profile li.link-1 .cover:before {
	background-image: url(img/brush1.png);
	width: 65%;
}
.member-manage-profile li.link-2 .cover:before {
    background-image: url(img/brush2.png);
    width: 65%;
}
.member-manage-profile li.link-3 .cover:before {
    background-image: url(img/brush3.png);
    width: 65%;
}
.member-manage-profile li .cover .wrap {
	position: absolute;
	width: 55%;
	height: 100%;
}
.member-manage-profile li .cover .wrap .table {
	display: table;
	width: 100%;
	height: 100%;
	padding: 8%;
}
.member-manage-profile li .cover .wrap .table h3 {
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	color: #fff;
	line-height: 1.2em;
}
.member-news .news-article {
	margin-bottom: 2em;
	position: relative;
}
.member-news .news-article p {
	line-height: 1.4em;
	margin: 0 0 0.4em 17%;
}
.member-news .news-article h4 {
	margin: 0 0 0.4em 17%;
	color: #4b1365;
}
.member-news .news-article.noimage p,
.member-news .news-article.noimage h4 {
	margin-left: 0;
}
.member-news .news-article p a.read-more {
	display: block;
	color: #e58a01;
}
.member-news .news-article .thumbnail {
	position: absolute;
	width: 15%;
	height: auto;	
}


.profile-editor.edit-profile {
	margin-top: 10em;
}
.profile-editor > .left {
	width: 72.6%;
	margin: 0 2.3%;
}
.profile-editor > .right {
	width: 20.5%;
	margin: 0 2.3% 0 0;
}
.profile-editor.submit-article > .left,
.profile-editor.submit-article > .right {
	width: 46%;
}
.profile-editor.submit-article .for-recipe > .left,
.profile-editor.submit-article .for-recipe > .right {
	width: 48%;
}
.wp-editor-container {
	border-left: 1px solid #9badb4;
	border-right: 1px solid #9badb4;
	border-bottom: 1px solid #9badb4;
	border-top: 1px solid #9badb4;
}
.profile-editor > .right h3 {
    font-family: 'ClanOT-Medium';
    font-size: 100%;
    text-transform: uppercase;
    color: #46166b;
    line-height: 1.5em;
}
.profile-editor > .right .feed {
	list-style: none;
	margin-bottom: 2em;
}
.profile-editor > .right .feed li {
	padding: 1em 0;	
	border-top: 1px solid #c5c5c5;
}
.profile-editor > .right .feed li:first-child {
	border-top: 0;	
}
.profile-editor > .right .feed li p {
	font-size: 93%;	
}
form.account-feed {
	width: 100%;
	margin-bottom: 1em;
}
form.account-feed input[type="text"] {
	width: 72%;
	float: left;
	border: 1px solid #9badb4;
	border-right: 0;
	font-size: 120%;
	/*color: #909090;*/
	padding: 0.7em 1em;
}
form.account-feed input[type="submit"] {
	width: 28%;
	float: left;
	border: 0;
	padding: 0.7em 1em;
	font-size: 120%;
	color: #fff;
	background-color: #e28715;
	border: 1px solid #e28715;
	cursor: pointer;
}
.profile-editor .profile-editor-top,
.profile-editor .profile-editor-banner {
	border-bottom: 3px solid #e8e8e8;
	padding-bottom: 1em;
}
.profile-editor .profile-editor-top table {
	width: 100%;
}
.profile-editor .profile-editor-top .desc {
	width: 51%;
	vertical-align: top;
}
.profile-editor .profile-editor-top .desc .member-title {
	margin-bottom: 3em;	
}
.profile-editor .profile-editor-top .desc .member-title h1 {
	margin: 0;
	font-size: 400%;
}
.profile-editor .profile-editor-top .desc .edit {
	margin: 1em 0 0 0;
    display: block;
}
.profile-editor .profile-editor-top .logo {
	width: 22%;
	vertical-align: top;
	text-align: left;
	padding-left: 4%;
}
.profile-editor .profile-editor-top label {
	font-size: 93%;
    color: #909090;
    font-family: 'ClanOT-News';
}
.profile-editor .profile-editor-top .tile {
	width: 27%;
	vertical-align: top;
	text-align: right;
}
.profile-editor .profile-editor-top .tile > img {
	display: inline-block;
	width: 300px;	
	max-width: 100%;
}
.profile-editor .profile-editor-top .logo > img {
	display: inline-block;
	width: 200px;
	max-width: 100%;
}
.inline-edit {
	font-family: 'ClanOT-Medium';
	color: #909090;
}
.profile-editor .profile-editor-banner {
	padding: 1em 0;
}
.profile-editor h1 {
	line-height: 1.4em;
}
.profile-editor .form-field {
	margin-bottom: 1em;
}
.profile-editor .form-field.tile {
	text-align: center;	
}
.profile-editor .form-field.tile > img {
	display: inline-block;
	border: 1px solid #9badb4;
	width: 300px;
    max-width: 100%;
    height: auto;
    cursor: pointer;
}
.profile-editor .form-field input[type="submit"],
a.big-orange {
	padding: 0.7em 1em;
    font-size: 120%;
    color: #fff;
    background-color: #e28715;
    border: 1px solid #e28715;
    cursor: pointer;
    text-decoration: none;
}
.profile-editor .form-field input[type="text"],
.profile-editor .form-field textarea {
	width: 100%;
	border: 1px solid #9badb4;
	font-size: 120%;
	padding: 0.7em 1em;
}

.profile-editor .profile-editor-banner h3 {
    font-family: 'ClanOT-Medium';
    font-size: 150%;
    text-transform: uppercase;
    color: #46166b;
    line-height: 1.5em;
}
.profile-editor .profile-editor-banner table {
	width: 100%;
	margin-top: 1em;
}
.profile-editor .profile-editor-banner table td {
	font-family: 'ClanOT-Book';
	font-size: 93%;
	color: #909090;
}
.profile-editor .profile-editor-banner table td a {
	color: #909090;
}
.profile-editor .profile-editor-banner table td.select {
	width: 42%;
}
.profile-editor .profile-editor-banner table td.middle {
	width: 42%;
}
.profile-editor .profile-editor-banner table td.preview {
	width: 16%;
	text-align: right;
}
.profile-editor-banner table.fixed .for-instagram,
.profile-editor-banner table.instagram .for-fixed {
	display: none;
}
.switch > a {
	display: inline-block;
	height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.switch a.opt {
	font-family: 'ClanOT-Medium';
    font-size: 120%;
    text-transform: uppercase;
    color: #ababab;
    text-decoration: none;
}
.switch a.image {
	width: 6em;
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}
.switch a.image.instagram {
	background-image: url(img/switch-off.png);
}
.switch a.image.fixed {
	background-image: url(img/switch-on.png);
}
.switch a.opt-left.active {
	color: #481b61;
}
.switch a.opt-right.active {
	color: #e28614;
}
.profile-editor-location {
	padding: 1em 0;
}
.profile-editor-location .locations-map {
	position: relative;
	width: 100%;
	padding-bottom: 43%;
}
.profile-editor-location .locations-info {
	position: relative;
	width: 100%;
	margin-top: 2em;
}
.profile-editor-location .locations-info .star-rating {
	width: 15%;
	float: left;
}
.profile-editor-location .locations-info .locations {
	width: 85%;
	float: left;
}
.profile-editor-location .locations-info .star-rating > img {
	width: 100%;
	height: auto;	
}
.profile-editor-location .locations-info .star-rating > label {
	font-family: 'ClanOT-Book';
	font-size: 87%;	
	color: #909090;
	cursor: pointer;
	margin-top: 1em;
	display: block;
	margin-left: 20px;
}
.profile-editor-location .locations-info .star-rating > label input {
	float: left;
	margin-left: -20px;
	margin-right: 7px;
}


.profile-editor-location .locations-info .locations .location {
	width: 25%;
	float: left;
	padding: 0 2em;
	margin-bottom: 2em;
	font-size: 93%;
	color: #909090;
	border-right: 1px solid #909090;
	font-family: 'ClanOT-Book';
	min-height: 14em;
}
.profile-editor-location .locations-controls {
	padding: 1em 0;
	border-top: 3px solid #e8e8e8;
	border-bottom: 3px solid #e8e8e8;
}
.profile-editor-location .locations-controls .link {
	display: inline-block;
	width: 32%;
}
.profile-editor-location .locations-controls .link a,
.profile-editor-location .locations-controls .link span {
	line-height: 50px;
	color: #909090;
}
.edit {
	font-size: 93%;
	color: #909090;
	font-family: 'ClanOT-News';
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 999;
}
.overlay .popup {
	background: #fff;
	padding: 3em 3em 1em 3em;
	width: 30%;
	display: inline-block;
}
.overlay .popup.editor {
	width: 60%;	
}
.overlay .popup.importer {
	padding: 3em 0;
	width: 40%;
}
.overlay .popup.importer .importing {
	max-height: 10em;
	overflow: auto;
}
.overlay .popup h3 {
    font-family: 'ClanOT-Medium';
    font-size: 150%;
    text-transform: uppercase;
    color: #46166b;
    line-height: 1.5em;
}
.overlay .popup .form-field {
	width: 100%;
	margin: 0 auto 0.8em auto;
}
.overlay .popup .form-field input[type="text"] {
	border: 1px solid #000;
	padding: 0.5em;
	width: 100%;	
}
.overlay .popup .form-field input[type="submit"] {
	border: 0;
	padding: 0.5em;
	font-size: 120%;
	color: #fff;
	background-color: #e28715;
	border: 1px solid #e28715;
	cursor: pointer;
}

#profile-strength {
	width: 100%;
	margin-bottom: 2em;
	position: relative;
}
#profile-strength-circle {
	width: 70%;
	padding-bottom: 70%;
	position: relative;
}
#profile-strength-circle .cover.empty {
	background-image: url(img/empty-circle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#profile-strength-circle .cover.full {
	background-image: url(img/full-circle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	top: inherit;
	background-position: bottom;
}
#profile-strength-level {
	position: absolute;
	right: 0;
	width: 65%;
	text-align: right;
	border-bottom: 2px solid #000;
	margin-bottom: -2px;
}
#profile-strength.High {
	color: #008475;
}
#profile-strength.Medium {
	color: #e48801;
}
#profile-strength.Low {
	color: #970f41;
}
#profile-strength.High #profile-strength-level {
	border-bottom: 2px solid #008475;
}
#profile-strength.Medium #profile-strength-level {
	border-bottom: 2px solid #e48801;
}
#profile-strength.Low #profile-strength-level {
	border-bottom: 2px solid #970f41;
}
#profile-strength.High #profile-strength-circle .cover.empty {
	background-image: url(img/empty-circle.jpg);
}
#profile-strength.High #profile-strength-circle .cover.full {
	background-image: url(img/full-circle.jpg);
}
#profile-strength.Medium #profile-strength-circle .cover.empty {
	background-image: url(img/empty-circle-orange.jpg);
}
#profile-strength.Medium #profile-strength-circle .cover.full {
	background-image: url(img/full-circle-orange.jpg);
}
#profile-strength.Low #profile-strength-circle .cover.empty {
	background-image: url(img/empty-circle-red.jpg);
}
#profile-strength.Low #profile-strength-circle .cover.full {
	background-image: url(img/full-circle-red.jpg);
}

.top-map {
	position: relative;
	padding-bottom: 43%;
}
.top-map #map {
	width: 100%;
	height: 100%;	
}
.top-guide {
	width: 93%;
	margin: 0 auto;
	padding-top: 3%;
	padding-bottom: 3%;
	overflow: visible;
}
.top-guide h1 {
	margin-bottom: 0;
	font-size: 350%;	
}
form.filter {
	padding: 1.3em 0;
}
form.filter input[type="text"] {
	float: left;
	border: 1px solid #9badb4;
	font-size: 120%;
	padding: 0.7em 1em;
}
form.filter input[name="search"] {
	margin-right: 1em;
}
form.filter input[name="address"] {
	border-right: 0;
	margin-right: 0;
}
form.filter .select,
.custom-select {
	margin-right: 1em;
	cursor: pointer;
	position: relative;
}
form.filter .select:after,
.custom-select:after {
    content: "\f3d0";
    font: normal normal normal 120% Ionicons;
    display: inline-block;
    margin-left: -1.5em;
    line-height: 2.7em;
    cursor: pointer;
}
form.filter .select.open:after,
.custom-select.open:after {
	content: "\f3d8";
}
form.filter .select input[type="text"],
.custom-select input[type="text"] {
	border-right: 1px solid #9badb4;
	cursor: pointer;
	border: 1px solid #9badb4;
    font-size: 120%;
    padding: 0.7em 1em;
    float: left;
}
form.filter .select > ul,
.custom-select > ul {
	position: absolute;
	list-style: none;
	top: 0;
	width: 100%;
	border: 1px solid #777575;
	box-sizing: border-box;
	padding-top: 3em;
	z-index: 9999;
	display: none;
}
form.filter .select.open > ul,
.custom-select.open > ul {
	display: block;	
}
form.filter .select > ul > li,
.custom-select > ul > li {
	background-color: #fff;
	text-align: left;
}
form.filter .select > ul > li:first-child,
.custom-select > ul > li:first-child {
	border-top: 1px solid #9badb4;
}
form.filter .select > ul > li > a,
.custom-select > ul > li > a {
	display: block;
	font-size: 120%;
	padding: 0.7em 1em;
	text-decoration: none;
	color: #909090;
	font-family: 'ClanOT-Book';
}
form.filter .select > ul > li > strong,
.custom-select > ul > li > strong {
	padding: 0.7em 1em;
}
form.filter .select.smaller > ul > li > a,
.custom-select.smaller > ul > li > a {
	font-size: 100%;
	padding: 0.4em 1em;
}
form.filter .select > ul > li > a:hover,
.custom-select > ul > li > a:hover {
	background-color: #e5e5e5;
}
form.filter input[type="submit"] {
	float: left;
	border: 0;
	padding: 0.7em 1em;
	font-size: 120%;
	color: #fff;
	background-color: #e28715;
	border: 1px solid #e28715;
	cursor: pointer;
}

.restaurants {
	width: 93%;
    margin: 0 auto;
}
.restaurant-location {
	float: left;
	width: 14.6%;
	margin: 1%;
}
.restaurant-location a {
	text-decoration: none;
	color: inherit;
}
.restaurant-location .thumbnail {
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}
.restaurant-location .thumbnail .cover {
	background-color: rgba(218,124,38,0.82);
	display: none;
	color: #fff;
}
.restaurant-location:hover .thumbnail .cover {
	display: block;
}
.restaurant-location:hover .thumbnail .cover p {
	color: #fff;
	padding: 1em;	
}
.restaurant-location .description {
	height: 5em;
}
.restaurant-location.event-offer .description {
	height: 3em;
}
.restaurant-location h5 {
	margin: 1em 0;
}




.media-modal-close .media-modal-icon .screen-reader-text {
	display: none;
}


section.events-offers {
	padding: 3em 0 2em 0;
	width: 93%;
    margin: 0 auto;
}




.our-review {
	background-color: #f4f4f4;
}
.location-content {
	padding: 2em 0;
}
.location-content table {
	width: 80%;
	margin: 0 auto;	
	table-layout: fixed;
}
.location-content table td {
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: top;
}
.location-content.head table td {
	vertical-align: middle;
}
.location-content table .star-rating {
	width: 55%;
}
.location-content table .star-rating img {
	width: 100%;
	height: auto;
}
.location-content table img.logo {
	display: inline-block;
	width: 90%;
	height: auto;
}
.location-content h3 {
    font-family: 'ClanOT-Medium';
    font-size: 120%;
    text-transform: uppercase;
    color: #46166b;
    line-height: 1.5em;
}
.location-content .text-wrap {
	width: 100%;
	color: #909090;
}

.location-content .social-link {
	margin-bottom: 1.6em;
}
.location-content ul.content-social li a {
	color: #e0914a;
	font-size: 180%;
	position: relative;
	display: inline-block;
    width: 1em;
}
.location-content ul.content-social li a:before {
	content: '\e800';
	font-family: "outline";
	font-style: normal;
	font-weight: normal;
	speak: none; 
	position: absolute;
	font-size: 130%;
    left: -45%;
    top: -15%;
}
.location-content .location-sidebar p {
	margin-bottom: 1.7em;
	color: #000;
	line-height: 1.5em;
	word-wrap: break-word;
}
.location-content .location-sidebar p a {
	color: #000;
}
.location-content .location-sidebar h6 {
	line-height: 2em;
	color: #941441;
}

.instagram,
.twitter {
	width: 100%;
	height: 100%;
	position: relative;
}
.instagram .img {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block !important;
}
.instagram .cover {
	background-color: rgba(218,124,38,0.82);
	color: #fff;
}
.twitter {
	background-color: #003b5b;
}
.twitter .cover {
	color: #fff;
}

.location-review {
	padding: 0 4em;
	position: relative;
}
.location-review:before,
.location-review:after {
	content: '';
	width: 3em;
	height: 3em;
	display: inline-block;
	position: absolute;
	top: 2.5em;
	background-repeat: no-repeat;
	background-size: contain;
}
.location-review:before {
	background-image: url(img/quote-open.png);
	left: 0;
}
.location-review:after {
	background-image: url(img/quote-close.png);
	right: 0;
}
.location-review p {
	word-wrap: break-word;
}



.search-result {
	padding: 1.2em 0 1em 0;
	border-bottom: 1px solid #6d6d6d;
}
.search-result h4 {
	font-size: 100%;
	font-family: 'ClanOT-News';
	text-transform: uppercase;
}
.search-result h4 a {
	color: #909090;
}
.search-result p {
	margin: 1em 0 0 0;	
}

#blog-tags {
	overflow: visible;
}
#blog-tags form {
	display: inline-block;	
}



.profile-editor-bottom {
	padding: 1em 0;
}
.profile-editor-bottom .column {
	width: 32%;
}
.profile-editor-bottom .column.left {
    margin-right: 2%;
}
.profile-editor-bottom .column .link {
	position: relative;
	width: 100%;
	padding-bottom: 60%;
	box-sizing: border-box;
}
.profile-editor-bottom .column .link .cover {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #eaedee;
}
.profile-editor-bottom .column .link .cover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover;
}
.profile-editor-bottom .column .link.link-1 .cover:before {
    background-image: url(img/brush1.png);
    width: 65%;
}
.profile-editor-bottom .column .link.link-2 .cover:before {
    background-image: url(img/brush2.png);
    width: 65%;
}
.profile-editor-bottom .column .link .cover .wrap {
    position: absolute;
    width: 55%;
    height: 100%;
}
.profile-editor-bottom .column .link .cover .wrap .table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 8%;
}
.profile-editor-bottom .column .link .cover .wrap .table h3 {
    vertical-align: middle;
    display: table-cell;
    text-align: left;
    color: #fff;
    line-height: 1.2em;
}
.profile-editor-bottom .column h3.subtitle {
    font-family: 'ClanOT-Medium';
    font-size: 100%;
    text-transform: uppercase;
    color: #46166b;
    line-height: 1.5em;
}
.profile-editor-bottom .column .single-record {
	border-bottom: 1px solid #909090;
	margin-bottom: 1em;
	padding-bottom: 1em;
	position: relative;
}
.profile-editor-bottom .column .single-record a {
	text-decoration: none;
	color: #e58a01;
}
.profile-editor-bottom .column .single-record p {
	font-size: 93%;
	margin: 0 0 0.5em 17%;
} 
.profile-editor-bottom .column .single-record h4 {
	margin: 0 0 0.5em 17%;
} 
.profile-editor-bottom .column .single-record .thumbnail {
    position: absolute;
    width: 15%;
    height: auto;
}
.profile-editor-bottom .column .single-record.noimage p, 
.profile-editor-bottom .column .single-record.noimage h4 {
    margin-left: 0;
}



#member-account-image {
	width: 38%;
	padding-bottom: 38%;
	position: relative;
	background-image: url(img/nothing-500.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
#member-account-image .cover {
	top: inherit;
	background-color: rgba(74,24,99,0.82);
	color: #fff;
	padding: 1em 2em;
} 
#member-account-image .cover h4 {
	margin: 0 0 0.2em 0;
}
#member-account-image .cover h5 {
	margin: 0;
}
#member-account-buttons {
	width: 60%;
}
#member-account-buttons .block {
	width: 48.3%;
    margin-bottom: 3.1%;
    background-color: red;
    padding-bottom: 30.1%;
    position: relative;
}
#member-account-buttons .block .cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #eaedee;
}
#member-account-buttons .block .cover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover;
}
#member-account-buttons .block .cover .wrap {
    position: absolute;
    width: 65%;
    height: 100%;
}
#member-account-buttons .block .cover .wrap .table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 8%;
}
#member-account-buttons .block .cover .wrap .table h3 {
    vertical-align: middle;
    display: table-cell;
    text-align: left;
    color: #fff;
    line-height: 1.2em;
}
#member-account-buttons .block.link-1 .cover:before,
#member-account-buttons .block.link-4 .cover:before {
    background-image: url(img/brush1.png);
    width: 65%;
}
#member-account-buttons .block.link-2 .cover:before {
    background-image: url(img/brush2.png);
    width: 65%;
}
#member-account-buttons .block.link-3 .cover:before {
    background-image: url(img/brush3.png);
    width: 65%;
}

.popup .form-field.user-image img {
	width: 30%;
	height: auto;
	margin-right: 5%;
	border: 1px solid #9badb4;
}
.popup .form-field.user-image img {

}
.resources {
    width: 93%;
    margin: 0 auto;	
}
.resource {
    float: left;
    width: 14.6%;
    margin: 1%;
}
.resource .thumbnail {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.resource .description {
    height: 3em;
}
.resource h5 {
    margin: 1em 0;
}
.resource a {
	text-decoration: none;
	color: #000;
}


.supplier-directory-link {
	padding: 3em 0;
	border-top: 1px solid #9badb4;
	width: 300px;
    margin: 1em auto;
}
.supplier-directory-link h4 {
	font-family: 'ClanOT-News', sans-serif;
    text-transform: uppercase;
    font-size: 100%;
    letter-spacing: 0.1em;
}

#suppliers-category-filter .column {
	margin-right: 4em;
}
#suppliers-category-filter .column ul {
	list-style: none;
	display: inline-block;	
	margin-right: 2em;
}
#suppliers-category-filter .column li {
	margin-bottom: 0.8em;	
}
#suppliers-category-filter .column h4 {
    font-family: 'ClanOT-Medium';
    font-size: 100%;
    text-transform: none;
    color: #46166b;
    line-height: 1.5em;
}



.award-content h2 {
    margin: 1em 0;
    color: #46166b;
    -moz-transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    transform: rotate(-1.7deg);
    font-size: 300%;
}
.award-content h4 {
    -moz-transform: rotate(-1.7deg);
    -ms-transform: rotate(-1.7deg);
    -webkit-transform: rotate(-1.7deg);
    -o-transform: rotate(-1.7deg);
    transform: rotate(-1.7deg);
    color: #feb145;
    width: 70%;
    margin: 2em auto;
    line-height: 1.5em;
}
.award-content h6 {
	color: #feb145;
	margin-top: -2em;
    margin-bottom: 2em;
}
.award-content h1 strong, 
.award-content h2 strong, 
.award-content h3 strong, 
.award-content h4 strong,
.award-content h5 strong,
.award-content h6 strong {
	font-family: inherit;
}
.award form.nomination {
	width: 40%;
	margin: 0 auto 3em auto;
}
.award form.nomination input[type="submit"],
.award form.voting input[type="submit"] {
    border: 0;
	padding: 0.7em 1em;
    font-size: 100%;
    color: #000;
    background-color: #e28715;
    border: 1px solid #e28715;
    cursor: pointer;
    text-transform: uppercase;
}
.award form.voting input[type="submit"] {
	padding: 0.7em 3em;
}
.award.phase-3 {
	margin-bottom: 2em;
}
.award.phase-3 .left {
	width: 27%;
}
.award.phase-3 .left h5 {
	margin-bottom: 1em;	
}
.award.phase-3 .right {
	width: 67%;
}
.award.phase-3 .right p {
	font-family: 'ClanOT-News';
	margin-top: 0;
	color: #9a9a9a;
	font-size: 100%;	
}
.award.phase-3 .left ul {
	list-style: none;	
}
.award.phase-3 .left li {
	font-family: 'ClanOT-Medium';
	color: #9a9a9a;
	font-size: 100%;	
	margin-bottom: 0.5em;	
}
.award.phase-3 .left h4 {
	margin-left: 0;	
}

.award-shortlist {
	float: left;
	width: 30%;
	margin: 0 1.65%;
}
.award-shortlist .badge {
	width: 50%;
	margin: 0 auto 1em auto;	
}
.award-shortlist .badge img {
	width: 100%;
	height: auto;	
}
.award-shortlist ul {
	width: 50%;
	margin: 1em auto;	
	text-align: left;
}
.award-shortlist ul li {
    font-family: 'ClanOT-Medium';
    color: #9a9a9a;
    font-size: 100%;
    margin-bottom: 0.5em;
}
.award-winner .left {
    width: 27%;
}
.award-winner .left form {
	margin-bottom: 10em;
	padding-top: 0;
}
.award-winner .left .select {
	float: left;
}
.award-winner .left .select input[type="text"] {
	width: 10em;	
}
.award-winner .right {
    width: 67%;
    text-align: left;
}
.award-winner .right .winner {
	width: 100%;
	margin-bottom: 4em;	
}
.award-winner .right .winner .badge {
	float: left;
	width: 30%;	
}
.award-winner .right .winner .badge img {
	width: 100%;
	height: auto;	
}
.award-winner .right .winner .inner {
	float: left;
	width: 65%;	
	margin-left: 5%;
}
.award-winner .right .winner.noimage .inner {
	float: none;
	width: 100%;	
	margin-left: 0;
}
.award-winner .right .winner .inner h4 {
	font-size: 120%;
}
.award-winner .right .winner .inner p {
	font-size: 100%;
	color: #9a9a9a;
}
.award-winner .right .winner .inner p a {
	color: #9a9a9a;
}

.award-sponsors {
	margin-bottom: 3em;
}
.award-sponsors .text-wrap.wide {
	width: 95%;
}
.award-sponsors .sponsor {
	float: left;
	width: 23%;
	margin: 1em 1%;	
}
.award-sponsors .sponsor p {
	font-size: 80%;
	color: #9a9a9a;
	margin: 0;
}
.award-sponsors .sponsor .thumbnail {
	float: left;
	width: 46%;	
}
.award-sponsors .sponsor .thumbnail img {
	width: 100%;
	height: auto;	
}
.award-sponsors .sponsor .inner {
	float: right;
	width: 46%;	
}
.award-sponsors .sponsor .inner.noimage {
	float: none;
	width: 100%;	
}
.sponsor-content {
	padding: 2em 0;
}
.sponsor-content .sponsor-frame {
	background-color: #fff;
	border: 1px solid #dedede;
	padding: 2em;
	width: 40%;
    margin: 0 auto;
}
.sponsor-content .sponsor-frame .thumbnail {
	width: 40%;
    margin: 0 auto;
}
.sponsor-content .sponsor-frame .thumbnail img {
	width: 100%;
	height: auto;	
}
.sponsor-content .sponsor-frame .content {
	padding-top: 2em;
	margin-top: 2em;
	border-top: 1px solid #dedede;
}
.sponsor-content .sponsor-frame .content.noimage {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}

.award-twitter-content {
	padding-bottom: 2em;
}
.award-twitter-content .inner {
	width: 95%;
	margin: 0 auto;
}
.award-twitter-tweet {
	float: left;
	background-color: #fff;
	border: 1px solid #dedede;
	padding: 1.5em 1.5em 1em 1.5em;
	width: 31%;
	margin: 1%;
}
.award-twitter-tweet p.tweet-content {
	min-height: 4em;	
	margin: 1em 0;
}
.award-twitter-tweet p.small {
	font-size: 70%;
}
.award-twitter-tweet .bottom {
	border-top: 1px solid #dedede;
	padding-top: 1em;
}
.award-twitter-tweet a.retweet {
    font-family: 'ClanOT-Medium';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #e58a01;
}

.award-share {
	padding: 2em 0;
}


.account-manager-title {
	margin-bottom: 2em;
}
.account-manager-title .account-manager-image {
	width: 35%;
	height: auto;
	float: left;
	margin-right: 1em;
}
.account-manager-title {
	font-size: 100% !important;	
}
#mobile-only {
	display: none;
}

//Earth hour Template
.template-earth {

}
.template-earth .head-earth {
	background-color: #000;
}
.wrapper-map {

}
.wrapper-map .wrapper-postcode {
	background-image: url(img/background-postcode.png); height:660px;
	background-repeat: repeat;
	margin-top: -350px;
    background-position: 50% 40%; z-index: 2; position: relative;
}
.wrapper-map .wrapper-postcode .wrapper-form-search {
	padding-top: 390px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .left-col {
	text-decoration: none;
	width: 303px;
	height: 128px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 24px;
	background-image: url(img/brush-dinner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left; line-height: 34px;  float: left; margin-left: 60px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .left-col span {
	margin: 0 auto; display: block; padding-top:40px;font-family: 'dearJoe_6 W00 Regular';font-size: 35px; padding-right: 60px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col {

}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col {
	width: 55%; float: left;padding-left: 20px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col span {
    color: #fff;
    font-size: 16px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col label {
	display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;font-family: 'ClanOT-Book';
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants {
	text-decoration: none;
	width: 200px;
	height: 58px;
	display: inline-block;
	color: #fff;
	text-align: center;
	background-image: url(img/click-here.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left; line-height: 34px;float: right; margin-top: 5px;
	-webkit-transition:0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants:hover {
	color:#e38929; cursor: pointer; background-image: url(img/click-hover.png);
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants:hover span {
	color:#e38929;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants span {
	font-size: 22px;
	font-family: 'dearJoe_6 W00 Regular'; display: block; margin-top: 12px;padding-left: 50px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col input[type="text"] {
	padding-left:10px; margin:5px 0; height: 60px; width: 420px;     background-color: #e7e4e4; line-height:60px;
    border: none; font-size: 20px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .sub-details {
	padding-top: 20px;
    color: #fff;
    font-family: 'dearJoe_6 W00 Regular';
    font-size: 26px; line-height: 32px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col button {
	background-color: transparent;font-family: 'ClanOT-Book';
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-size: 28px;
	-webkit-transition:0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col button:hover {
	color:#e38929; text-decoration: underline; cursor: pointer;
}
.wrapper-map ul li {
	list-style: none;
}
.wrapper-map .map {
	height:680px; margin-top: 10px;width: 65%; margin: 0 auto; margin-top:10px; z-index: 3;
}
.wrapper-map .title {
	font-size: 50px; font-family: 'dearJoe_6 W00 Regular'; margin: 35px 0; color:#4b1365; line-height: 60px;
}
.wrapper-restaurants-form {
	padding-top: 30px;padding-bottom: 50px;width: 65% !important;
}
.wrapper-restaurants-form .first-column {
	width: 55%; float:left; 
}
.wrapper-restaurants-form .first-column .title {
	font-size: 50px; font-family: 'dearJoe_6 W00 Regular'; margin-bottom: 25px; color: #e28715; content: ' ';position: relative;

}
.wrapper-restaurants-form .first-column .message p {
	font-family: 'ClanOT-News';font-size:20px;
}
.wrapper-restaurants-form .first-column .title:before {
	background-image: url(img/border-restaurant.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: ' ';
	background-position: top left; position: absolute;
    bottom: 0;left:0;
    height: 18px;
    width: 100%;

}
.wrapper-restaurants-form .first-column .subtitle {
	font-size: 20px;margin-top: 20px;font-family: 'ClanOT-Book'; font-weight: bold;
}
.wrapper-restaurants-form .first-column input[type=text] {
	height: 50px;
    width: 100%;
    margin-top: 15px;
    padding-left: 15px;
    color: #000;
    border: 1px solid #bfbfbf;line-height:50px;
}
.wrapper-restaurants-form .first-column input[type=text]::-webkit-input-placeholder {
	font-family: 'ClanOT-News';color: #4f4f4f; font-size: 18px;
}
.wrapper-restaurants-form .first-column input[type=text]::-moz-placeholder {
	font-family: 'ClanOT-News';color: #4f4f4f; font-size: 18px;
}
.wrapper-restaurants-form .first-column input[type=text]::-ms-input-placeholder {
	font-family: 'ClanOT-News';color: #4f4f4f; font-size: 18px;
}
.wrapper-restaurants-form .first-column input[type=text]::input:-moz-placeholder {
	font-family: 'ClanOT-News';color: #4f4f4f; font-size: 18px;
}
.wrapper-map .wrapper-postcode .wrapper-form-search .right-col input[type="text"]::-webkit-input-placeholder {
	font-family: 'ClanOT-News';color: #4f4f4f; font-size: 18px;
}
.wrapper-restaurants-form .first-column label.error {
	font-size:18px; color:#e28715;
}
.wrapper-restaurants-form .first-column button {
	text-decoration: none;
	width: 288px;
	height: 108px;
	display: inline-block;
	color: #fff;
	background-color: transparent; border: none;
	text-align: center;
	background-image: url(img/submit-form.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left; line-height: 34px;

}
.wrapper-restaurants-form .first-column button:hover {
	cursor: pointer;
	background-image: url(img/submit-hover.png);
	-webkit-transition:0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.wrapper-restaurants-form .first-column button:hover  span{
	color:#fff;
}
.wrapper-restaurants-form .first-column .actions {
	text-align: center;    margin-top: 20px;
}
.wrapper-restaurants-form .first-column button span {
	font-size: 46px; font-family: 'dearJoe_6 W00 Regular'; color: #e28715;text-transform: lowercase;padding-right: 70px;
}
.wrapper-restaurants-form .second-column {
	width: 45%; float:right; padding-left: 20px;
}
.wrapper-restaurants-form .second-column .cover-resources {
	margin-bottom: 5px;position: relative; cursor: pointer; display: block;
}
.wrapper-restaurants-form .second-column .cover-resources img{
	width: 100%;
}
.wrapper-restaurants-form .second-column .cover-resources:hover:before {
		background-image: url(img/download-hover.png);

}
.wrapper-restaurants-form .second-column .cover-resources:before {
	background-image: url(img/downloadResource.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: ' ';
	background-position: top left; position: absolute;
    bottom: 10px;
    height: 57px;right:0;
    width: 57px;
}
.wrapper-restaurants-form .second-column .resource-title {
	font-size: 46px; font-family: 'dearJoe_6 W00 Regular'; color: #e28715;text-transform: lowercase;padding-right: 55px;position: relative;
}
.wrapper-restaurants-form .second-column .details p {
	margin: 0; padding: 0;font-size: 20px;    line-height: 26px;
    font-family: 'ClanOT-News';
}

.wrapper-restaurants-form .second-column .resource-title:before {
	background-image: url(img/arrow-resource.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: ' ';
	background-position: top left; position: absolute;
    bottom: 20px;
    height: 57px;right:0;
    width: 50px;
}




.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.share {
}
.share .share-wrapper {
	float:right;	
}
.share .share-wrapper a{
	text-decoration: none;
}
.share .share-wrapper .subtitle{
	font-family: 'ClanOT-News', sans-serif;font-size: 34px; color:#e28715; text-transform: uppercase; padding-right: 10px;
}
.share .share-wrapper a img {
	float: right; margin-left: 5px;
}
.footer-find-more {	
	text-align: center; padding-top:30px; padding-bottom: 50px; background-color: #eeeeee; margin-bottom: 5px;
}
.footer-find-more a {
	text-transform: uppercase;
	text-decoration: none;
	width: 536px;
	height: 278px;
	display: inline-block;
	color: #4b1365;
	text-align: center;
	font-size: 24px;
	background-image: url(img/brush-find-more.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left; line-height: 34px;

}
.footer-find-more a img {
	margin: 25px auto; margin-bottom: 20px;
}
.footer-find-more a .title {
	display: block; letter-spacing: -0.09em; margin-bottom: 10px;
}
.footer-find-more a  .click {
	color:#e28715; font-family: 'dearJoe_6 W00 Regular'; font-size: 34px;text-transform: lowercase; display: block;
	-webkit-transition:0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.footer-find-more a:hover .click {
	color: #4b1365; text-decoration: underline;
}
//gallery
.slide-gallery {

}
.wrapper-gallery {
	background-color: #eee;
	background-image: url(img/background-gallery.png);
	background-repeat: repeat;
	background-position: top left; line-height: 34px; height: 600px; position: relative;overflow:hidden;
}
.wrapper-gallery  .arrow {
	position: absolute; top: 50%; margin-top: -45px; width: 125px; height: 96px; z-index: 10;
}
.wrapper-gallery  .arrow.arrow-left {
	background-image: url(img/arrow-left.png);
	background-repeat: no-repeat; left: 3px; cursor: pointer;
}
.wrapper-gallery  .arrow.arrow-right {
	background-image: url(img/arrow-right.png); cursor: pointer;
	background-repeat: no-repeat; right:3px;
}
.wrapper-gallery .gallery-title {
	font-size: 53px; font-family: 'dearJoe_6 W00 Regular'; padding:60px 0; color: #fff; text-align: center;
}
.wrapper-gallery .gallery {
	position: relative; margin: 0 30px;white-space:nowrap; z-index:1; height:380px;
}
.wrapper-gallery .gallery li {
	display:inline-block; padding-right: 10px; white-space: normal; position: relative; 
}
.wrapper-gallery .gallery li img {
	display: block; max-width: initial; width: 380px; height: 100%;
}
.wrapper-gallery .gallery li a {
	display: block; height: 100%;
}
//map
.wrapper-map  {
}
.wrapper-template-earth .text-wrap.middle  {
	width: 65%;
}
.wrapper-map .infobox {
	position:relative;
}
.wrapper-map  .corner {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -25px; left: 25px;
}
.wrapper-map .wrapper-restaurant-show {
	padding-bottom: 60px;padding-top: 110px; margin-top: -120px;
}
.wrapper-map .wrapper-restaurants-all {
	background-color: #eee; 
}
.wrapper-map .wrapper-restaurants-all.error {
	min-height: 380px;padding-top: 210px;margin-top: -200px;
}
.wrapper-map .wrapper-restaurants-all.error.load {
	background-position: center 75%;
}
.wrapper-map .wrapper-restaurants-all.load {

	background-image: url(img/load-restaurant.gif);background-position: center;
	background-color: #eee; 
	background-repeat: no-repeat; width: 100%; height: 100%;   
	min-height: 380px;padding-top: 210px;margin-top: -200px;	background-position: center 400px;
	/*	margin-top: 15px;*/
	/*margin-left: 5px;*/
}
.wrapper-map .wrapper-restaurants-all .no-results {
	width: 65%;
    margin: 0 auto;
    display: block;
	color: #4b1365;
    font-size: 24px;
    line-height: 35px;font-family: 'dearJoe_6 W00 Regular';
}
.wrapper-map .wrapper-restaurants-all.loading li{
	-moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

}
.wrapper-map .wrapper-restaurant-show .title {
	color: #4b1365; font-size: 24px; line-height: 35px;
}
.wrapper-map .view-more-buton {
	text-align: center; text-transform: uppercase; color:#5d3073; font-size: 28px;  font-family: 'ClanOT-News', sans-serif; padding-bottom: 25px;display: none; cursor: pointer;
}
.wrapper-map .view-more-buton :hover {
	text-decoration: underline;
}
.wrapper-map .restaurants {
    display: flex;
	display: -webkit-flex; 
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
    justify-content: left;
    -webkit-justify-content: left;
}
.wrapper-map .restaurants li {
	width: 30%;min-height: 185px;
    float: left;margin-right: 10px;
    background-color: #fff;
    padding: 15px 10px;margin-bottom: 10px;
	-moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.75s;
    -ms-transition: all 0.75s;
    transition: all 0.75s;
}
.wrapper-map .restaurants .marker-title {
	font-size: 26px; color:#e28715; text-transform: uppercase; margin-bottom: 10px;
}
.wrapper-map .restaurants .address p {
	margin: 15px 0; padding: 0; line-height: 8px;font-size: 16px;    font-family: 'ClanOT-News', sans-serif;

}
.wrapper-map .restaurants .website {
	font-size: 16px; color: #4b1365; margin-bottom: 10px;    font-weight: bold;
    font-family: 'ClanOT-News', sans-serif; text-decoration: none;

}
.wrapper-map .restaurants .more {
	color:#e28715; font-family: 'dearJoe_6 W00 Regular'; font-size: 22px; text-decoration: none;float: right;
}
.wrapper-map .restaurants .more .view-more {
	background-image: url(img/view-more.png);
	background-repeat: no-repeat; width: 34px; height: 18px;    float: right;
    margin-top: 15px;
    margin-left: 5px;
}
.wrapper-map .infobox .marker-title{
	font-size: 26px; color:#e28715; text-transform: uppercase; margin-bottom: 10px;
}
.wrapper-map .infobox .address p {
	margin: 15px 0; padding: 0; line-height: 8px;font-size: 16px;    font-family: 'ClanOT-News', sans-serif; color:#000;

}

.wrapper-map .website {
	font-size: 16px; color: #4b1365; margin-bottom: 10px;
	font-weight: bold;
    font-family: 'ClanOT-News', sans-serif;text-decoration: none; border-bottom: none;

}
.wrapper-map a{
	border-bottom: none; text-decoration: none;
}
.wrapper-map .more {
	color:#e28715; font-family: 'dearJoe_6 W00 Regular'; font-size: 22px; text-decoration: none;float: right;
}
.wrapper-map .more .view-more {
	background-image: url(img/view-more.png);
	background-repeat: no-repeat; width: 34px; height: 18px;    float: right;
    margin-top: 15px;
    margin-left: 5px;
}

.wrapper-map .gmnoprint{
	/*display:none;*/
}
.wrapper-map .gm-style-mtc{
	display: none;
}
.wrapper-map a[href^="http://maps.google.com/maps"]{display:none !important}
.wrapper-map a[href^="https://maps.google.com/maps"]{display:none !important}
.wrapper-map .gmnoprint a, .gmnoprint span, .gm-style-cc {
	display:none;
}
.wrapper-map .gmnoprint div {
	background:none !important;
}

//lightbox
.lightboxWrapperHover {
    width:  auto; height: auto; display: none; position: absolute; background: #eeeeee; text-transform:uppercase; line-height: 20px; padding:5px; z-index: 10000;
    a, h5 {
        margin: 0 5px;
    }
    h5 {
        margin-bottom: 0px;
    }
    .wrapperImageHover {
        width: auto; height: auto; background: #fff; padding: 20px; text-align:center;
    }
}

.lightboxWrapper {
    position: absolute; top: 0; bottom: 0 ;left: 0; right: 0;  background-color: rgba(0, 0, 0, 0.53); z-index: 1000; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000');
}
.lightboxWrapper.before-show {
}
.lightboxWrapper.before-show.lightboxInnerWrapper {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0; 	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.lightboxWrapper.show {
}
.lightboxWrapper.show.lightboxInnerWrapper {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1; -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); 
	-webkit-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
	z-index: 100;
}
.lightboxInnerWrapper {
	position: absolute;  top:100%; left: 50%;border: 25px #eee solid;
}
.lightboxInnerWrapper img {
	max-width: 900px;  height: auto; display: block; max-height:500px;
}
.lightboxInnerWrapper .close {
	position: absolute; cursor: pointer;text-decoration: none; line-height: 40px; text-align:center; right: -15px; top: -32px; font-weight:900; font-size: 18px;
}
.lightboxInnerWrapper .next, .prev {
	position: absolute; cursor: pointer;text-decoration: none;  margin-bottom: -35px; 		
	color: #fff;
    background-color: #e3923d;
    padding: 10px;
    line-height: 20px;
    border-radius: 2em;
    width: 25px; height: 25px;
    text-align: center;
    font-size: 25px; font-weight: bold;top:50%; margin-top:-30px;
}
.lightboxInnerWrapper .next {
	right: -20px;
}
.lightboxInnerWrapper .prev{
	left:-20px;
}



@media screen and (max-width: 1600px) {
	.wrapper-template-earth .text-wrap.middle {
		width: 80%; 
	}
	.wrapper-map .map {
		width: 80%;
	}
}
@media screen and (max-width: 1280px) {
	.wrapper-template-earth .text-wrap.middle {
		width: 90%; 
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col input[type="text"] {
		width: 350px;
	}
	/*	.wrapper-map .wrapper-postcode .wrapper-form-search .left-col {
			margin-left: 0;
		}*/
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .sub-details {
		padding-top: 0;
	}

	.wrapper-map .wrapper-postcode {
		margin-top: -330px;
	}
	.wrapper-restaurants-form .second-column .cover-resources img {
		width: 100%; height: auto;
	}
}
@media screen and (max-width: 1020px) {
	.wrapper-map .wrapper-postcode .wrapper-form-search .left-col {
		margin-left: 20px;
	}

	.wrapper-template-earth .text-wrap.middle {
		width: 100%; padding-left: 20px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col input[type="text"] {
		width: 270px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants {
		margin-top: -10px;
	}
}
@media screen and (max-width: 925px) {
	.wrapper-map .restaurants li {
		width: 28%;
	}
	.restaurant-location {
		width: 23%;
	}
	.top-guide > .left,
	.top-guide > .right {
		float: none;
		width: 100%;
		text-align: center;
	}
	.top-guide > .right form {
		display: inline-block;	
	}
	.location-content table {
		width: 100%;
	}
	.location-content table td {
		display: block;
		width: 100%;
	}
	form.filter {
		text-align: center;
	}
	form.filter .select,
	form.filter input[type="text"] {
		width: 100%;
	}
	form.filter .select,
	form.filter > input[type="text"] {
		margin-bottom: 1em;	
		border-right: 1px solid #9badb4;
	}
	form.filter input[type="submit"] {
		float: none;
		display: inline-block;
	}
	#mobile-only {
		display: block;
	}
	#member-content {
		display: none;
	}
	.wrapper-map .map {
		height: 500px; width: 90%;
	}
	.share .share-wrapper {
		margin-right: 10px;
	}
	.wrapper-map .title {
		font-size: 40px; line-height: 50px;
	}
	.wrapper-restaurants-form {
		width: 90% !important;
	}
	.wrapper-map .wrapper-restaurants-all .no-results {
		width: 90%;

	}
	.wrapper-restaurants-form .second-column .resource-title {
		display: block;
	}
	.wrapper-gallery .arrow.arrow-left {
		background-size: 50% 50%; left: 10px;background-position: left bottom;
	}
	.wrapper-gallery .arrow.arrow-right {
		background-position: right bottom;background-size: 50% 50%;
	}
	.lightboxInnerWrapper {
		left: 40%;
	}
	.lightboxInnerWrapper img {
		max-width: 550px;
	}
	.wrapper-map .infobox .marker-title{
		font-size: 22px; 
	}
	.wrapper-map .infobox .address p {
		line-height: 6px;font-size: 12px;    

	}
	.wrapper-map .website {
		font-size: 12px; 
	}
	.wrapper-map .restaurants .marker-title {
		font-size: 22px;
	}
	.wrapper-map .restaurants .address p {
		line-height: 6px;font-size: 12px;    

	}
	.wrapper-map .restaurants .website {
		font-size: 12px; 
	}
	.wrapper-map .wrapper-restaurants-all.load {
		background-position: center 30%;
	}
}
@media screen and (max-width: 750px) {
	.wrapper-map .restaurants li {
		width: 44%;
	}
	.wrapper-restaurants-form .first-column {
		float: none; width: 100%; padding: 0; margin-bottom: 40px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .left-col {
		margin-left: 0;
	}
	.wrapper-restaurants-form .second-column {
		float: none; width: 100%; padding: 0;

	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col {
		width: 100%; 
	}
	.wrapper-map .wrapper-postcode {
		background-position: 60% 40%;
	}
	.wrapper-map .wrapper-postcode{
		margin-top: -280px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search{
		padding-top: 290px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants {
		margin-top: 0; margin-right: 150px;
	}
}
@media screen and (max-width: 640px) {
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants {
		margin-top: 20px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search {
		padding-top: 260px;
	}
	.wrapper-map .wrapper-postcode {
		margin-top: -240px;
	}
	.share .share-wrapper .subtitle {
		font-size: 28px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col label {
		font-size: 20px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col input[type="text"] {
		height: 40px;line-height:40px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col button {
		font-size: 20px;
	}
	.wrapper-gallery .gallery-title {
		font-size: 48px; line-height: 45px; padding: 30px 10px;
	}
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .sub-details {
		font-size: 20px; line-height: 24px;
	}
	.wrapper-map .restaurants li {
		width: 90%;
	}
	.top-map {
		padding-bottom: 75%;
	}
	.restaurant-location {
		width: 48%;
	}
	.location-content table {
		width: 100%;
	}
	.location-content table td {
		display: block;
		width: 100%;
	}
	.pledges .wrap {
		width: 100%;
		padding-bottom: 80%;
	}
	.footer-find-more a {
		background-size: 100% 100%;
	}
	.footer-find-more a .title {
		padding: 0 30px;
		line-height: 22px;
	}
	.footer-find-more a .click {
		font-size: 26px;
	}

	.footer-find-more a {
		width: 100%; font-size: 20px;
	}
	.footer-find-more a img {
		margin: 40px auto;height: 70px; width: auto;
	}
	.lightboxInnerWrapper img {
		max-width: 400px;
	}
}

@media screen and (max-width: 450px) {
	.wrapper-restaurants-form .second-column .resource-title{
		margin-bottom: 20px;
	}
	.share .share-wrapper {
		float: none;
	}
	.share .share-wrapper .subtitle{
		display: block;
	}
	.share .share-wrapper a img {
		float: none; display: inline-block;
	}

	.wrapper-gallery .gallery {
		height: 300px;
	}
	.wrapper-gallery {
		background-position: 119% -75%;
	}
	.wrapper-gallery .gallery-title {
		font-size: 35px; padding: 20px 10px;
	}
	.wrapper-map .map {
		height: 350px;
	}
	.wrapper-map .title, .wrapper-restaurants-form .first-column .title, .wrapper-restaurants-form .second-column .resource-title {
		font-size: 35px; 
	}
	.share .share-wrapper .subtitle {
		font-size: 25px;
	}
	.wrapper-restaurants-form .first-column .subtitle, .wrapper-restaurants-form .second-column .details p{
		font-size: 18px;
	}
	.wrapper-restaurants-form .second-column .resource-title::before { 
		background-position: 50% 60%; bottom: 0;right:80px;
	}
	.wrapper-map .restaurants li {
		width: 80%;
	}
	.lightboxInnerWrapper img {
		max-width: 300px;
	}
	.lightboxInnerWrapper {
		border: 5px #eee solid; 
	}
	.lightboxInnerWrapper .close {
		color: #fff;
	}
	.wrapper-map .wrapper-restaurants-all.load {
		background-position: center 18%;
	}
}
@media screen and (max-width: 360px) {
	.wrapper-map .wrapper-postcode .wrapper-form-search .right-col .more-restaurants {
		margin-right: 30px;
	}
	.top-map {
		padding-bottom: 75%;
	}
	.restaurant-location {
		float: none;
		width: 100%;
		margin: 1% 0;
	}
}