/*   
Theme Name: Discoverist Theme
Theme URI: http://www.assemblo.com
Description: The Discoverist website theme
Author: Assemblo
Author URI: http://www.discoverist.com.au
Version: 1.2.10
Bitbucket Theme URI: https://bitbucket.org/assemblo/discoverist-theme

Layout CSS 

Author: Steve de Niese, Discoverist 2017.
www.discoverist.com | @discoverist | @steve_deniese

Copyright Discoverist 2015. All Rights Reserved.
	    
     _ _                             _     _   
  __| (_)___  ___ _____   _____ _ __(_)___| |_ 
 / _` | / __|/ __/ _ \ \ / / _ \ '__| / __| __|
| (_| | \__ \ (_| (_) \ V /  __/ |  | \__ \ |_ 
 \__,_|_|___/\___\___/ \_/ \___|_|  |_|___/\__|
                   http://discoverist.com.au
                   
FONT REFERENCE:

Bree Serif

	REGULAR
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 400;

	ITALIC
	font-family: "bree-serif",sans-serif;
	font-style: italic;
	font-weight: 400;

	BOLD
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;

	BOLD ITALIC
	font-family: "bree-serif",sans-serif;
	font-style: italic;
	font-weight: 700;

FF TISA SANS WEB PRO

	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
		
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: italic;
	font-weight: 400;

	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 700;

	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: italic;
	font-weight: 700;

COLOUR REFERENCE:

ORANGE
#f18903

GREEN
#498b2a

DK BLUE
#474184

LT BLUE
#00a2df

PURPLE
#ae3763

CHARCOAL
#2c2925
		 
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* END RESETS */

/* prevent iphone rounded corners, etc */
input[type=text], input[type=url], input[type=email], input[type=tel], input[type=search]{
    -webkit-appearance: none;
    border-radius: 0;
}
select{
    border-radius: 0;
}


/* Percentages + padding fix - http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
/* apply a natural box layout model to all elements - no support for IE7 */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clear Fix */
 
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Generic setup */
img{
	border:none;
}

em{
	font-style:italic;	
}

strong{
	font-weight:bold;	
}

a{
   outline: none;
}

h1, h2, h3, h4{
	padding:0 0 15px 0;
}

p{
	padding:0 0 15px 0;
}

/* End Generic setup */


/* Typography setup */

@font-face {
    font-family: 'poetsenone-regular-webfont';
    src: url('assets/fonts/discoverist/poetsenone-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/discoverist/poetsenone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

p, a, h1, h2, h3, h4, li, label, input {
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

p{
	color:#000000;
	font-size:15px;	
}

a:link, a:visited{
    color:#000000;
	text-decoration:underline;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;   
}

a:hover, a:active{
	color:#498b2a; 
    text-decoration:underline;
}

h1{
	font-family: "bree-serif",sans-serif;
	font-size:22px;	
	line-height: 150%;
	font-weight:normal;
}

h2{
	font-family: "bree-serif",sans-serif;
	font-size:18px;
	line-height: 150%;
	font-weight:normal;
}

h3{
	font-family: "bree-serif",sans-serif;
	font-size:16px;
	line-height: 150%;
	font-weight:normal;
}

h4{
	font-family: "bree-serif",sans-serif;
	font-size:14px;
	line-height: 150%;
	font-weight:normal;
}


/* End typography setup */

/* CUSTOM TAGS & GENERAL SETUP*/

html, body{
    height: 100%;
	/* FOR MOBILE DEVICES */
	-webkit-text-size-adjust: 100%;
	/* FOR OSX WEB FONTS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* FIX FOR CHROMIUM FONTS */
	-webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
/* FIX FOR CHROMIUM FONTS */
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

.underlineText{
	text-decoration:underline;
}

.clear{
	clear:both;
}

/* FILL LINK: TO FILL A DIV WITH A LINK:
- Make the container relative pos
- Put an a link with a span inside
*/
.fillLink span{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('assets/images/spacer.gif');
  cursor: pointer;
}

/* END CUSTOM TAGS */

/* WORDPRESS USER GENERATED CONTENT WYSIWYG STYLES */
.userContent img{
	max-width:100%;
	height:auto;
}

.userContent ul, .userContent ol{
	margin-left:25px;
	line-height:120%;
}

.userContent ul{
	list-style-type:disc;
}

.userContent ol{
	list-style-type:decimal;
}

.userContent ul li, .userContent ol li{
	padding-left:10px;
	margin-bottom:10px;
	font-size:15px;
}

.userContent ul li ul, .userContent ol li ol, .userContent ul li ol, .userContent ol li ul{
  margin-top:10px;
}

.userContent strong, .userContent b {
  font-weight:bold; }

.userContent em, .userContent i {
  font-style:italic; }

.userContent a:link, .userContent a:visited{
	font-weight:bold;
	color:#000;
	text-decoration: underline;
}

.userContent a:hover, .userContent a:active{
	color:#444;
}

.userContent h2{
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	display: block;
	padding: 5px 10px;
	margin-bottom: 15px;
	background-color: #f18903;
}

/* styles for wordpress inbuilt aligned inline images */
.alignleft{
	float: left;
	margin: 10px 15px 10px 0;
}

.alignright{
	float: right;
	margin: 10px 0 10px 15px;
}

.alignnone{
	margin: 10px 0;
}

.aligncenter{
	text-align: center;
	width: 100% !important;
	margin: 10px 0;
}

p.wp-caption-text{
	font-style: italic;
	font-size: 13px;
	padding: 5px 5px;
}

/* END USER CONTENT WYSIWYG STYLES */


/********************
	CONTENT BLOCKS
*********************/
	
	/* general settings */
	.pageContentBlock 
	{
		margin:20px 0;
	}

	.pageContentBlock .contentInner
	{
		
	}
	
	/* buttons */
	.pageContentBlock .contentButton{
		display:block;
		margin: 10px auto 0;
		padding:10px 20px;
		background-color:#000;
		cursor: pointer;
		text-align: center;
		width:90%;
		-webkit-transition: background-color .3s ease-in;  
		-moz-transition: background-color .3s ease-in;
		-ms-transition: background-color .3s ease-in; 
		-o-transition: background-color .3s ease-in;
		transition: background-color .3s ease-in;
	}

	.pageContentBlock .contentButton span{
		color:#FFF;
		text-transform: uppercase;
		font-family: bree-serif,sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
	}

	.pageContentBlock .contentButton:hover{
		background-color:#444;
	}

	.pageContentBlock .contentButton:hover span{

	}

	
	/* CONTENT BLOCK: PHOTO GALLERY */

	p.articlePhotoGalleryHeader
	{
		text-align:center;
		font-size:18px;
	}

	.galleryImageVignette
	{
		position: relative;
	}

	.galleryImageVignette a:after
	{
		-webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:    inset 0px 0px 30px rgba(0, 0, 0, 0.4);
		box-shadow:         inset 0px 0px 30px rgba(0, 0, 0, 0.4);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		content: "";
	}

	.lb-caption a:link, .lb-caption a:visited
	{
		color: #FFF;
	}

	.lb-number
	{
		padding-top: 10px; 
	}

	.galleryImageHolder
	{
		opacity:1;
		-webkit-transition: opacity .1s ease-in;  
		-moz-transition: opacity .1s ease-in;
		-ms-transition: opacity .1s ease-in; 
		-o-transition: opacity .1s ease-in;
		transition: opacity .1s ease-in;
		float: left;
		max-width:300px; /* overridden by scripts.js */
		margin-right: 1%; /* overridden by scripts.js */
		margin-bottom: 1%; /* overridden by scripts.js */
		-webkit-transform: translateZ(0);
	}

	.galleryImageHolder img
	{
		display: block;
		width:100%;
		height:auto;
		max-width: none;
	}

	.articlePhotoGallery div.galleryImageHolder
	{
		float: left;
		margin: 0 0 10px 0;
		background-color: #FFF;
	}

														.thumbnailTextHolder{
															clear:both;
															margin:20px 0;
														}

														.thumbnailTextHolder p{
															font-size: 12px;
														}

	/* CONTENT BLOCK: CAROUSEL BANNER */

	.pageBlockCarousel{
		position: relative;
		margin-bottom:20px;
		z-index: 0;
	}

	.bannerSlide{
		display: none;
		height: auto;
		max-width: 100%;
		position: absolute;
		width: 100%;
		z-index: -1;
		overflow: hidden;
	}

	..bannerSlide img{
		width:100%;
		height:auto;
	}

	.pageBlockCarousel:hover .cycle-prev:hover, .pageBlockCarousel:hover .cycle-next:hover{
		opacity:1;
		filter: alpha(opacity=1);
	}

	.cycle-prev, .cycle-next{
		display: block;
		width: 30px;
		height: 60px;
		position: absolute;
		top: 50%;
		margin-top:-30px;
		opacity:0.6;
		filter: alpha(opacity=0.6);
		cursor: pointer;
		z-index: 500;
		-webkit-transition: all 0.3s ease-in; 
		-moz-transition: all 0.3s ease-in; 
		-ms-transition: all 0.3s ease-in; 
		-o-transition: all 0.3s ease-in; 
		transition: all 0.3s ease-in;
	}
	.cycle-next{
		background-image:url('assets/images/carousel/next-icon.png');
		right:0;
	}

	.cycle-prev{
		background-image:url('assets/images/carousel/prev-icon.png');
		left:0;
	}

	.cycle-pager{
		text-align: center;
		width: 100%;
		z-index: 500;
		position: absolute;
		bottom: 0;
		overflow: hidden;
		opacity:.8;
		filter: alpha(opacity=0.8);
	}

	.cycle-pager span.cycle-pager-active{
		color:#000;
	}

	.cycle-pager span{
		font-family: Arial, sans-serif;
		font-size: 50px;
		padding: 3px;
		display: inline-block;
		color: #DDD;
		cursor: pointer;
	}

	.cycle-overlay{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.7);
		padding: 20px;
		z-index: 999;
	}

	.cycle-overlay .slideTitle{
		color:#FFF;
		font-family: "bree-serif",sans-serif;
		font-style: normal;
		font-weight: 700;
		padding-bottom:5px;
		font-size:21px;
	}

	.cycle-overlay .slideTitle a:link, .cycle-overlay .slideTitle a:visited{
		text-decoration: none;
		color: #FFF;
		font-family: "bree-serif",sans-serif;
		font-style: normal;
		font-weight: 700;
	}

	.cycle-overlay .slideDesc{
		color:#FFF;
		padding-bottom:0;
	}
	
	/* CONTENT BLOCK: HIDE/SHOW BLOCK */

	h3.hideShowSubHeader{

	}

	.hideShowWrapper{
		margin-bottom:20px;
	}

	dl.hideShowSingle{
		margin:0 0 10px 0;
	}

	dl.hideShowSingle dt{
		background-color:#000;
		color:#FFF;
		padding:10px 40px 10px 20px; /* right padding should offset against hide/show button width */
		cursor: pointer;
		position: relative;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all .3s ease-in;  
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in; 
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}

	dl.hideShowSingle dt:hover{
		background-color:#444;
	}

	dl.hideShowSingle dt.hideShowSingleActive{

	}

	dl.hideShowSingle dd{
		background-color:#FFF;
		color:#000;
		padding:10px 20px 0;
	}

	dl.hideShowSingle dt .hideShowIcon{ /* inactive -- either remove or add a background image here */
		height: 30px;
		width: 30px;
		top: 50%;
		right: 2px;
		margin-top: -15px; /* 50% of height */
		position: absolute;    
		color: transparent;
		text-decoration: none;
		display: block;	
		background-color: #FFF;
	}

	dl.hideShowSingle dt.hideShowSingleActive .hideShowIcon{ /* active -- either remove or add a background image here  */
		background-color: blue;
	}

	/* CONTENT BLOCK: MULTI COLUMN LAYOUT */

	.pageBlockMultiColBlock .column.offerBlock{
		background-color:#FFF;
	}

	.pageBlockMultiColBlock .column .colImage img{
		width:100%;
		height:auto;
		display:block;		
	}
	
	.pageBlockMultiColBlock .column .contentInner{
		padding:20px;
	}

	.pageBlockMultiColBlock .column h3{
		line-height:120%;
	}
	
	.pageBlockMultiColBlock .column .multiColButtonModeTitle{
		position: absolute;
		bottom: 0;
		width: 100%;
		left:0;
		background-color:rgba(0,0,0,0.8);
		padding: 15px 0;
		pointer-events:none;
	}

	.pageBlockMultiColBlock .column .multiColButtonModeTitle h3{
		padding:0;
		padding: 0;
		color: #FFF;
	}

	.pageContentBlock.pageBlockMultiColBlock .contentButton {
		width: 100%;
	}



	/* CONTENT BLOCK: Image/Video Beside Text */
	.pageBlockimagebesidetext{
		
	}

	.pageBlockInlineImage .videoYouTube {
		width: 100%;
	}

	.pageBlockimagebesidetext .mediaWidth50 .imageCol{
		width:50%;
	}

	.pageBlockimagebesidetext .mediaWidth60 .imageCol{
		width:60%;
	}

	.pageBlockimagebesidetext .mediaAlignmentleft .imageCol{
		float:left;
	}

	.pageBlockimagebesidetext .mediaAlignmentright .imageCol{
		float:right;
	}

	.pageBlockimagebesidetext .mediaWidth50 .textCol{
		width:50%;
	}

	.pageBlockimagebesidetext .mediaWidth60 .textCol{
		width:40%;
	}

	.pageBlockimagebesidetext .mediaAlignmentleft .textCol{
		float:right;
		padding: 20px 20px 0px 30px;
	}

	.pageBlockimagebesidetext .mediaAlignmentright .textCol{
		float:left;
		padding: 20px 30px 0px 20px;
	}
	.pageBlockimagebesidetext .imageCol img{
		width:100%;
		height: auto;
		display: block;
	}
	.pageBlockimagebesidetext .contentButton{
		margin: 10px 0 0;
	}


	/* CONTENT BLOCK: Location Map */
	.pageBlockLocationMap{
		border: 5px solid #f18903;
	}

	.pageBlockLocationMap #locationMap{
		width:100%;
		height:500px;
	}

	#locationMap img{
		max-width: initial;
	}

	

/********************
  END CONTENT BLOCKS
*********************/

/* CHANGE COLOUR OF SELECTION */
::-moz-selection{background:#99bf91;color:#fff}
::selection{background:#99bf91;color:#fff}::-moz-selection{background:#99bf91;color:#fff}::-webkit-selection{background:#99bf91;color:#fff}

/* WEBSITE STYLE BEGINS HERE */
body{
	margin: 0;
	padding: 0;
	font-style:normal;
	font-size: 12px;
	line-height:120%;
	color:#000000;
	background-color:#FFFFFF;
}

/* CONTENT INNER */
.contentInner{
	width:94%;
	max-width:1240px;
	margin:0 auto;
}

/* HEADER */
header#header{
	background-color: #FFF;
	padding: 0;
	width: 100%;
	z-index: 99;
	position: relative;	/* set for mobile menu */
}

.siteSearch {
	background-color: #000;
	color: white;
}
.siteSearch form {
	margin: 5px 0;
}
.siteSearch .search-submit {
    background-color: #f18903;
	display: none;
}

.siteSearchInner {
	width:94%;
	max-width:1240px;
	margin:0 auto;
}
.siteSearch form label::after {
	content: "";
	background-image: url('assets/images/icon-search.png');
	background-position: bottom;
	background-repeat: no-repeat;
	width: 32px;
	height: 95%;
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	right: 10px;
	opacity: 0.3;
}
.siteSearchBar {
	width: 300px;
	float: right;
}

.headLogo{
	width:100%;
	background-color:#FFF;
}

.headLogo a{
	display: block;
	width:90%;
	max-width:93px;
	margin:15px auto;
}

.headLogo a img{
	width:100%;
	height: auto;
	display: block;
}

.siteTitle{
	width:100%;
	font-family: 'poetsenone-regular-webfont', sans-serif;
	font-size: 32px;
}

.siteTitle a{
	display: block;
	width:90%;
	margin:10px auto 8px;
	font-family: 'poetsenone-regular-webfont', sans-serif;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.siteTitle a img{
	width:100%;
	height: auto;
	display: block;
}

.navSubtitle{
	font-style:italic;
	font-size:24px;
	text-align: center;
	color:#FFF;	
	padding: 0px 0 25px;
}

.navMenuWrapper{
	background-color:#2c2925;
	width:100%;
	padding:30px 0;
	background-size: cover;
	background-position: center center;
	background-image: url(./assets/images/header-bg.jpg);
	position: relative;
}

.navMenuWrapper .gradientbg{
	width:100%;
	height:100%;
	max-height:188px;
	top:0;
	background-repeat:repeat-x;
	background-position: center top;
	background-image: url(./assets/images/gradient-bg.png);
	position: absolute;
}

.navMenuWrapper .navMenuContent{
	position: relative;
	z-index: 1;
}

.navMenuWrapper .navMenuContent .contentInner{
	width:100%;
	max-width:1040px;
}

/* NAVIGATION MENU */
/* This is for reference for styling your custom navigation menu using the theme settings. Mobile menu CSS is managed in the devices.css file. */

nav.navMenu{
	text-align: center;
}

nav.navMenu li {
	list-style:none;
	display: inline-block;
    background-position: center 3px;
    background-size: 80px;
}
nav.navMenu li:hover {
    background-size: 93px;
    background-position: center -4px;
}

nav.navMenu li a:link, nav.navMenu li a:visited{
	color: #FFF;
	background-position: center;
    display: block;
    font-size: 15px;
    font-family: "bree-serif",sans-serif;
	line-height:120%;
    text-decoration: none;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    text-transform: lowercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}

/* Menu with icons desktop/large screens */
@media all and (min-width: 1041px) {
	
	nav.navMenu li{
		background-position: center 4px;
		background-repeat:no-repeat;
		margin-right: 20px;
		background-color: rgba(0,0,0,.3);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: 0;
		-webkit-transition: background 0.2s ease-in, transform 0.2s ease-in;  
	    -moz-transition: background 0.2s ease-in, transform 0.2s ease-in;  
	    -ms-transition: background 0.2s ease-in, transform 0.2s ease-in;  
	    -o-transition: background 0.2s ease-in, transform 0.2s ease-in;  
	    transition: background 0.2s ease-in, transform 0.2s ease-in;  
	}

	nav.navMenu li.menu-item-last{
		margin-right:0px;
	}
	
	nav.navMenu li a{		
		padding: 85px 10px 10px 10px;	
		width:154px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	nav.navMenu li a:link, nav.navMenu li a:visited{	
		text-align: center;
		background-image: url('assets/images/nav-bg.png');
	}

	nav.navMenu li:hover{
		background-color: rgba(0,0,0,.6);
		-ms-transform: scale(1.05); /* IE 9 */
	    -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
	    transform: scale(1.05);
	}

	nav.navMenu .current-menu-item{
		pointer-events:none;
	}
	nav.navMenu li.menushopdir{
		background-color: #00a2df;		
	}
	nav.navMenu li.menunews{
		background-color: #474184; /* dk blue */
	}
	nav.navMenu li.menuthingstodo{
		background-color: #498b2a; /* green */
	}
	nav.navMenu li.menuoffers{		
		background-color: #00a2df; /* lt blue */	
	}
	nav.navMenu li.menugettinghere{
		background-color: #f18903; /* orange */
	}
	nav.navMenu li.menumap{
		background-color: #ae3763; /* purple */
	}

	nav.navMenu li.menushopdir{
		background-image:url('assets/images/icon-shopdir.svg');
	}
	nav.navMenu li.menunews{
		background-image:url('assets/images/icon-news.svg');
	}
	nav.navMenu li.menuthingstodo{
		background-image:url('assets/images/icon-things-to-do.svg');
	}
	nav.navMenu li.menuoffers{
		background-image:url('assets/images/icon-offers.svg');
	}
	nav.navMenu li.menugettinghere{
		background-image:url('assets/images/icon-getting-here.svg');
	}
	nav.navMenu li.menumap{
		background-image:url('assets/images/icon-map.svg');
	}
}


/* FOOTER */
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-250px; /* FIXED HEIGHT OF THE FOOTER */
}

#footerPush{
	clear: both;
	height: 250px; /* FIXED HEIGHT OF THE FOOTER */
}

footer#footer{
	width:100%;
	display:block;
	height:250px;  /* FIXED HEIGHT OF THE FOOTER */
	background-color: #000;
}



/* FOOTER MENU */

nav.footerMenu li a:link, nav.footerMenu li a:visited{	
	color: #AAA;
	font-size:14px;
    text-decoration: none;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    font-family: "bree-serif",sans-serif;
    line-height: 150%;
}

nav.footerMenu li a:hover, nav.footerMenu li a:active{
	color:#FFF;
	text-decoration: underline;
}	

.footerBase{
	padding:16px 0;
}

.footerLogo{
	margin-top:4px;
	float:left;
}

.footerLogo img{
	display: block;
}

.footerDisclaimer{
	float:right;
}

.footerDisclaimer p{
	text-align: right;
	color:#AAA;
	font-size: 12px;
	line-height: 150%;
	font-family: "bree-serif",sans-serif;
}

.footerDisclaimer p a:link, .footerDisclaimer p a:visited{
	color:#AAA;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}

.footerDisclaimer p a:hover, .footerDisclaimer p a:active{
	color:#FFF;
}

.footerLinks{
	border-bottom:2px solid #AAA;	
	padding:20px 0;
}

p.footerSubheader{
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #FFF;
	font-size:22px;
	line-height: 150%;
	padding: 0;
}

.footerLinksCol1, .footerLinksCol2{
	float:left;
	margin-right: 6%;
	margin-bottom: 20px;
}

.footerLinksEnd{
	float: right;
	max-width: 300px;
	width: 100%;
}

.footerLinksEnd .header, .sidebarTopBlock .header{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:18px;
	line-height: 150%;
}

.footerFeatures{
	border-bottom:2px solid #AAA;	
	padding:20px 0 30px 0;
}

.footerAdBanner{
	margin:0 auto;
	width:728px;
}

.footerFeatureSingle{
	background-color: transparent !important;
}

.footerFeatureSingle .title{
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:18px;
	line-height: 150%;
	color:#FFF;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
}

.footerFeatureSingle .description p{
	font-size: 14px;
	color: #FFF;
	text-align: center;
	width: 95%;
	margin: 10px auto 0;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}

.footerFeatureSingle .description p span{
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
	font-style: italic;
	font-weight: 700;
}

.footerFeature1 .title, .footerFeature1 .title a, .footerFeature1 .description p span, .footerFeature1 .description p a:link, .footerFeature1 .description p a:visited{
	color:#f18903;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;	
}
.footerFeature2 .title, .footerFeature2 .title a, .footerFeature2 .description p span, .footerFeature2 .description p a:link, .footerFeature2 .description p a:visited{
	color:#498b2a;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}
.footerFeature3 .title, .footerFeature3 .title a, .footerFeature3 .description p span, .footerFeature3 .description p a:link, .footerFeature3 .description p a:visited{
	color:#00a2df;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}
.footerFeature4 .title, .footerFeature4 .title a, .footerFeature4 .description p span, .footerFeature4 .description p a:link, .footerFeature4 .description p a:visited{
	color:#8b87b1;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}

/* Footer - Newsletter form */

#field_1_1 label, #field_2_1 label, #field_5_1 label,
#field_1_2 label, #field_2_2 label, #field_5_2 label{
	display: none;
}

#gform_1, #gform_2, #gform_5 {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}
#field_1_1, #field_2_1, #field_5_1 {
	margin-bottom: 8px;
}
#gform_1 .gfield,#gform_2 .gfield,#gform_5 .gfield {
	max-width: 300px;
	display: inline-block;
	width: 100%;
	margin-right: 12px;
}

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_5{
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
	-webkit-appearance: none;
    border-radius: 0;
    font-family: "bree-serif",sans-serif;
	line-height: 0;
	padding:16px 20px 17px;
}
#gform_submit_button_1 {
	width: 98%;
}
#gform_submit_button_2{
	width: 100%;
}

#gform_1 .gfield_description.validation_message,
#gform_2 .gfield_description.validation_message,
#gform_5 .gfield_description.validation_message {
    width: auto;
    position:relative !important;
}

#gform_1 div.validation_error, #gform_2 div.validation_error, #gform_5 div.validation_error{
	display: none;
}

#gform_confirmation_message_1 p, #gform_confirmation_message_5 p{
	color: #FFF;
	margin-top: 5px;
}

#gform_confirmation_message_2 p{
	color: #000;
	margin-top: 5px;
}

/* SIDEBAR CONTENT */
.formNewsletter .header{
	padding-bottom:0;
	font-size: 26px;
	line-height: 100%;
	padding-bottom:5px;
	margin-top:5px;
}

.socialLinks .header{ 
	display: block;
	padding: 5px 10px;
	margin-bottom: 15px;
}

.socialLinks a{
	float:left;
	margin-right:33px;
	margin-bottom:5px;
	display: block
}

a.socialLast{
	margin-right:0;
}

.sideBarNewsletter{
    background-color: #2c2925;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}

.sideBarNewsletter .header{
	font-size: 34px;
    line-height: 100%;
    padding-bottom: 15px;
    text-shadow: 3px 3px 5px #2c2925;
}

.sideBarNewsletter .desc{
	color:#FFF;
	text-shadow: 3px 3px 5px #2c2925;
}

.sideBarSocialLinks{
	margin-bottom: 10px;
}

/* SIDEBAR LAYOUT */
.singleContentSidebar{
	overflow:hidden;
}

.singleContentSidebarInner{
	margin-right:20px;
}

.singleContentSidebar .contentInner{
	width:100%;
	margin:0;
}

.sideBarContent{
	width: 300px;
	float:right;
}

.sideBarSubTitle{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
	font-style: normal;
	font-weight: 700;
	font-size:18px;
	background-color:#2c2925;
	display: block;
	padding: 5px 10px;
	margin-bottom: 15px;
}

.sidebarBlockOuter{
	margin: 20px 0;
}

.sidebarFormWrapper{
	background-color:#DDD;
}

.sidebarFormWrapper .sideBarSubTitle{
	text-align: left;
}

.sidebarFormWrapper .sidebarFormOuter{
	width:90%;
	margin: 0 auto;
	padding:20px 0 10px;
}

.sidebarContentOuter{
	background-color:#DDD;
	padding: 4%;
}

.sidebarBlockShare{
	background-color: #DDD;
	padding: 4%;
}

.sidebarBlockShare .sideBarSubTitle{
	text-align: left;
}

/* NEWS POSTS */
.newsFeed p.postTitleTxt{
	color: #000;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
	font-weight: 700;
	font-size: 16px;
	margin-top:10px;
	/*text-align: center;*/
	padding: 5px 0px 10px;
}

.newsFeed p.postTitleTxt a:link, .newsFeed p.postTitleTxt a:visited {
	color: #000;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
	font-size: 16px;
	text-decoration: none;
	text-transform: capitalize;
}

.newsFeed p.postTitleTxt a:hover, .newsFeed p.postTitleTxt a:active {
	color: #00a2df;
}

.newsFeed .column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.newsFeed .column .colImage{

}

.newsFeed .column .colImage img{
	width:100%;
	height:auto;
	display:block;
	border: 1px solid #DDD;
}

.newsFeed .column .contentInner{
	padding:20px 0;
	text-align: center;
}

.newsFeed .postDateTxt{
	float: right;
	padding: 0;
	color: #FFF;
	font-style: italic;
	font-size:14px;
}

.newsFeed .postDetails{
	background-color:#00a2df;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	pointer-events:none;
	opacity: 1;
}

.newsFeed .contentText{
	padding:0 10px;
}

.newsFeed .postExcerpt{
	/*text-align: center;*/
}

.newsFeed .postExcerpt p{
	font-size: 13px;
	color:#000;
}

/* NEWS FEED CATEGORIES */

nav.pageSubNav{
	margin:10px 0 0px;
}

nav.pageSubNav li {
	list-style:none;
	display: block;
	float:left;
	padding-right: 10px;
	padding-top: 10px;
}

nav.pageSubNav li.menu-item-last{
	padding-right:0px;
}

nav.pageSubNav li a:link, nav.pageSubNav li a:visited{	
	color: #000000;
    display: block;
    font-size: 13px;
	line-height:120%;
    text-decoration: none;
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    padding:10px 20px;
    background-color: #dfdcde;
}

nav.pageSubNav li a:hover, nav.pageSubNav li a:active{
	color:#FFF;
	background-color:#000;
}	

nav.pageSubNav .current-menu-item a:link, nav.pageSubNav .current-menu-item a:visited{
	background-color:#000;
	color:#FFF;
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 700;
}

nav.pageSubNav .menu-newsmenu-container{
	float: left;
	left: 50%;
	position: relative;
}

nav.pageSubNav .menuWrapper {
	float: right;
	right: 50%;
	position: relative;
}

/* NEWS FEED PAGINATION */
.pageHolder{
	position: relative;
	margin:20px 0;
}

.paginationMiddleOuter{
	float: right;
	right: 50%;
	position: relative;
}

.paginationMiddle{
	float: left;
	left: 50%;
	position: relative;
	text-align: center;
}

.paginationMiddle .current, .paginationMiddle .inactive{
	color: #FFFFFF;
	padding: 8px 0 0;
	margin: 0 2px;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	display: block;
	width: 30px;
	float: left;
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 700;
	height: 30px;
}

.paginationMiddle .current{
	background-color: #00a2df;
}

.paginationMiddle .inactive{
	background-color: #999;
	-webkit-transition: background-color 0.3s ease-in;  
    -moz-transition: background-color 0.3s ease-in;
    -ms-transition: background-color 0.3s ease-in; 
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
}

.paginationMiddle .inactive:hover{
	background-color: #00a2df;
}

.paginationRight a, .paginationLeft a{
	color: #FFF;
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	text-align: center;

	height: 30px;
	margin: 0;
	text-decoration: none;
	display: block;
	width: 30px;
	background-color: #00a2df;	
	-webkit-transition: background-color 0.3s ease-in;  
    -moz-transition: background-color 0.3s ease-in;
    -ms-transition: background-color 0.3s ease-in; 
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
}


.paginationRight:hover a, .paginationLeft:hover a{
	background-color: #999;
}

.paginationRight{
	position: absolute;
	right:0;
}

.paginationLeft{
	position: absolute;
	left:0;
}




/* SITE CONTENT */

.contentBox{
	margin:20px 0;
	position: relative;
}

#bodyContent{
	min-height:600px;
}

.containerBlock{
	padding:15px 20px;
	margin-bottom:20px;
}

.containerBlockContent{
	padding:20px;
}

.containerBlock.noMarginBlock, .header.noMarginBlock {
	margin-bottom:0;
}

.containerBlock h1{
	font-size:30px;
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	padding:0;
	float:left;
	text-transform: capitalize;
}

.containerBlock h3, .containerBlock h2{
	font-size:22px;
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	padding:0;
}

.containerBlock .headerRight{
	font-family: "bree-serif",sans-serif;
	line-height: 120%;
	color:#FFF;
	float:right;
	padding: 10px 0;
}

.containerBlock .headerRight a:link, .containerBlock .headerRight a:visited{
	font-family: "bree-serif",sans-serif;
	color:#FFF;
}

/* block colours */
.charcoalBlock{
	background-color:#2c2925;
	color:#FFF;
}

.charcoalBlock p, .charcoalBlock li, .charcoalBlock span, .charcoalBlock a{
	color:#FFF;
}

.ltGreyBlock{
	background-color:#aaaaaa;
}

.purpleBlock{
	background-color:#ae3763;
}

.dkblueBlock{
	background-color:#474184;
}

.ltblueBlock{
	background-color:#00a2df;
}

.orangeBlock{
	background-color:#f18903;
}

.greenBlock{
	background-color:#498b2a;
}

/* sales */
.offerBlock{

}


.offerBlockText{

}

.offerBlock h3{
	color: #000;
	line-height: 150%;
	padding-bottom: 15px;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: normal;
}

.offerBlock h3 a:link, .offerBlock h3 a:visited{
	color:#000;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
}

.offerBlock h3 a:hover, .offerBlock h3 a:active{
	color:#ae3763;
}

.offerBlock p{
	color: #000;
	padding: 0;
	font-size: 13px;
	line-height: 130%;
}
.offerBlock.column .contentInner {
	padding: 20px 10px;
}

.charcoalBlock .offerBlock p, .charcoalBlock .offerBlock h3, .charcoalBlock .offerBlock h3 a:link, .charcoalBlock .offerBlock h3 a:visited {
	color: #FFF;
}


.offerTheme .contentText h3, .offerTheme .contentText p {color: #FFF}

.offerTheme_vals .contentInner {background-color: #C11F13}
.offerTheme_vals.offerBlock h3 a:link, .offerTheme_vals.offerBlock h3 a:visited {color: #FFF;}

.offerTheme_xmas .contentInner {background-color: #C11F13}
.offerTheme_xmas.offerBlock h3 a:link, .offerTheme_xmas.offerBlock h3 a:visited {color: #FFF;}


.offerTheme_easter .contentInner {background-color: #00A2DF}
.offerTheme_newyear .contentInner {background-color: #F18903}
.offerTheme_halloween .contentInner {background-color: #300030}
.offerTheme_halloween .contentText h3, .offerTheme_halloween .contentText p {color: #F07240}
.offerTheme_fathersday .contentInner {background-color: #498B2A}
.offerTheme_mothersday .contentInner {background-color: #AE3763}

.standardContent{

}

/* single post */
.postDetails .postAuthor{
	float:left;
}

.postDetails .postAuthor a:link, .postDetails .postAuthor a:visited{
	text-decoration: none;
	font-weight:700;
}

.postDetails .postAuthor a:active, .postDetails .postAuthor a:hover{
	text-decoration: none;
}

.postDetails .postDate{
	float:right;
	font-weight:700;
}

.postContent{
	clear:both;
	font-weight:700;
	margin-bottom:50px;
}

.shareButtons{
	margin-bottom:10px;
}

/* NEWS FEED / THINGS TO DO */
.feedHeader{
	padding:0;
}

.feedHeader a:link, .feedHeader a:visited{
	font-size: 30px;
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	padding: 0;
	float: left;
	display: block;
	float:left;
	padding:15px 20px;
	text-decoration: none;
}

.feedHeader .headerLinkBlock{
	display: block;
	float:left;
	padding:20px;
}

.feedHeader h1{
	background-color:#00a2df;
}

.thingsCategorySelect{
	width: 100%;
	float: right;
	margin: 18px 15px;
	max-width: 245px;
}




/* AREA MAP START */

.pageBlockLocationsMap {
	background-color:#FFF;
	margin-bottom: 20px;
	margin-top:0;
}

#mapCanvas{
	width: 100%;
	height: 500px;
}

#mapCanvas img{
	max-width: none;
}

#mapCanvas .markerInfoBoxOuter img{
	max-width: 100%;
}


.mapHeader h3{
	text-align: center;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-size: 36px;
	padding: 30px 0;
}

.mapFilters .filterHeader{
	text-align: center;
	margin: 30px 0 10px;
	border-bottom: 3px solid #498b2a;
}

.mapFilters .filterHeader p.filterHeaderTxt{
	text-align: center;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
}

.mapFilterBtns{
	margin:10px 0 30px;
	position: relative;
	overflow: hidden;
}

.filterButton{
	float:left;
	margin:0 10px 10px 0;
	cursor: pointer;
	position: relative;
	background-color:#2c2925;
	display: block;
	height: 44px;
	overflow: hidden;
}

.filterButton:hover{
	background-color:#444;
}

.filterButton p{
	color:#FFF;
	padding:14px 20px;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
  	float: left;
}

.filterButton .mapFilterIcon{
	width: 27px;
	height: 27px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: 8px;
}

.filterSet{
	margin-top:10px;
	text-align: center;
}

.filterSubHeader{
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:15px;
}

.mapTextContent{
	padding-bottom:0;
	margin-bottom:0;
}

.filterSetInner{
	float: right;
	right: 50%;
	position: relative;
}

.filterSetInnerPos{
	float: left;
	left: 50%;
	position: relative;
}

/* CUSTOM ZOOM CONTROLS */
.mapOuter{
	position: relative;
}
/*
.mapZoomControls{
	position: absolute;
	top:2%;
	left:2%;
	display: block;
	width: 35px;
	z-index: 99999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mapZoomControls img{
	cursor: pointer;
	opacity: 0.7;
	display: block;
}

.mapZoomControls .mapZoomIn{
	margin-bottom:10px;
}
*/

/* info box */
.markerInfoBoxOuter{
	padding-left: 20px;
	background-image: url('assets/images/map/box-marker.png');
	background-size: 8px 24px;
	background-repeat: no-repeat;
	background-position: 12px 20px;
}

.markerInfoBox{
	display: block;
	width:400px;
	background-color:#00a2df;
	opacity:1;
	color:#FFF;
	padding:10px;
	margin-bottom: 20px;
	margin-right:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.markerInfoBoxNoImg{
	width:240px;
}

.infoBoxImg{
	float:left;
	width:150px;
	margin-right:15px;
}

.infoBoxImg img{
	display: block;
}

.infoBoxTxt{
	float:left;
	color:#FFF;
	width:190px;
	overflow: hidden;
}

.infoBoxTxt span, .infoBoxTxt p, .infoBoxTxt ul, .infoBoxTxt li, .infoBoxTxt ol{
	font-size: 14px;
	line-height: 140%;
	font-style: normal;
	color: #FFF;
}

.infoBoxTxt p{		
	padding: 10px 0 0 0;
}

.infoBoxTxt h3{
	padding: 0 0 5px 0;
	font-size: 18px;
}

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

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

.infoBoxTxt ol, .infoBoxTxt ul{
  list-style: inherit;
  padding-left: 20px;
}

.infoBoxTxt a:link, .infoBoxTxt a:visited{
	color:#FFF;
}

.infoBoxTxt a:hover, .infoBoxTxt a:active{
	text-decoration:underline;
}


.infoBoxTxt p.infoBoxTxtHeader{
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	padding-top: 0;
}

.centreMapButton{
	width: 100%;
	background-color: #231f20;
	text-align: center;
	padding: 15px 0;
	margin: 0 auto;
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
  	font-size: 13px;
}

.centreMapButton a:link, .centreMapButton a:visited{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
  	font-size: 13px;
}

.centreMapButton a:hover, .centreMapButton a:active{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: underline;
}

/* AREA MAP END */

/* TRADER LISTING START */

.traderListingInner {
	background-color: #2c2925;
	padding: 20px;
}

.traderListingInner .articlePhotoGalleryHeader {
	color: #ffffff;
	text-align: left;
}

.traderBasicListingInner{
	margin-bottom: 20px;
}

.traderBasicLeft{
	background-color:#575552;
	padding:20px;
	width:50%;
	float:left;
}

.traderBasicRight{
	width:50%;
	float:left;
	background-color:#2c2925;
	padding:20px;
	margin-bottom:20px;
}

.traderBasicRight img{
    width: 100%;
    height: auto;
    max-width: 540px;
    margin: 0 auto;
    display: block;
}

.traderBasicDesc{
	clear:both;
	color:#FFF;
	padding: 20px;
	background-color:#2c2925;
	margin: 0 20px 20px;
}

.traderBasicDesc h2{
	font-size: 26px;
    color: #FFF;
    font-family: "bree-serif",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.traderBasicDesc p, .traderBasicDesc span, .traderBasicDesc a:link, .traderBasicDesc a:visited{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
}

ul.traderDetails li{
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color:#FFF;
	margin-bottom:10px;
	list-style-type: none;
}

ul.traderDetails li span{
	color:#00a2df;
}

ul.traderDetails li a:link, ul.traderDetails li a:visited{
	color:#FFF;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
}

ul.traderDetails li a:hover, ul.traderDetails li a:active{
	color:#f18903;
}

#traderMap{
	margin-bottom:10px;
}

#traderMap.fullscreenMap{
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	top:0 !important;
	left:0 !important;
	margin:0 !important;
	z-index: 999999 !important;
}

.traderSocialLinksBlock a:link,
.traderSocialLinksBlock a:visited {
	-webkit-transition: opacity 0.3s ease-in;  
    -moz-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in; 
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
	margin-top: 5px;
	margin-right: 9px;
}
.traderSocialLinksBlock a:nth-child(5) {
	margin-right: 0;
}
.traderSocialLinksBlock a:hover {
	opacity: 0.5;
}

.directionsPanelBox{
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 99999999;
	max-height: 70%;
	width: 100%;
}

.panelInner{
	overflow-y: scroll;
	padding: 0 20px;
	height: 76%;
	background-color: #FFF;
	border-left: 10px solid #474184;
	border-right: 10px solid #474184;
	border-bottom: 10px solid #474184;
}



.btnMap{
	width:70px;
	height:70px;
	background-repeat: no-repeat;
	background-size: 70px 70px;
	float:left;
	display: block;
	cursor: pointer;
}

.btnMapClose{
	float:none;
	position: absolute;
	right:0;
	top:0;
	background-image: url('assets/images/trader-map-close.png');
}


.btnMapDriving{
	background-image: url('assets/images/trader-map-driving.png');
}

.btnMapWalking{
	background-image: url('assets/images/trader-map-walking.png');
}

.btnMapCentre{
	background-image: url('assets/images/trader-map-recentre.png');
}

.btnMapGoogle{
	background-image: url('assets/images/trader-map-google-maps.png');
}

.fullscreenMapControlsInner{
	width: 280px;
  	margin: 0 auto;
}

.MapPanelBtn{
	background-color: #474184;
}

.MapPanelBtn p{
	color:#FFF;
	text-align: center;
}

.MapPanelBtn p, .MapControlsBtn p{
	padding:15px 0;
}

.MapControlsBtn:hover, .MapPanelBtn:hover{
	cursor: pointer;
}

.fullscreenMapControls{
	z-index: 9999999;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	display: none;
	padding:0;
	text-align: center;
}

a.mapButton:link, a.mapButton:visited{
	text-decoration: none;
	background-color: #f18903;
	padding: 5px 13px 8px;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFF;
	font-size: 15px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

a.mapButton:hover, a.mapButton:active{
	background-color:#498b2a;
}

.mapTitle{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
	background-color: rgba(0,0,0,0.6);
	left: 0;
	text-align: center;
	min-height:70px;
}

.mapTitle p, .mapTitle a:link, .mapTitle a:visited {
	color: #FFF;
}

.mapTitleCentre{
	padding: 23px 80px;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 170%;
	line-height: 120%;
}

#traderMap{
	width:100%;
	height:250px;
	margin-bottom:20px;
}

.traderCategories{
	float: right;
	font-size:13px;
	padding: 15px 0;
}

.traderCategories a:link, .traderCategories a:visited{
	color:#FFF;
	text-decoration: none;
	padding-right:10px;
}

.traderCategories a:hover, .traderCategories a:active{
	text-decoration: underline;
}

.traderPremiumListingInner{
	position: relative;
}

.traderPremiumLeft{
	overflow: hidden;
	min-height: 10px;
}

.traderPremiumLeftInner{
	margin-right: 20px;
}

.traderPremiumRight{
	width:300px;
	float:right;
}

.traderPremiumLeft .pageBlockTextContent p, .traderPremiumLeft .pageBlockTextContent a, .traderPremiumLeft .pageBlockTextContent li, .traderPremiumLeft .pageBlockTextContent span, .traderPremiumLeft .pageBlockTextContent h2, .traderPremiumLeft .pageBlockTextContent h3, .traderPremiumLeft .pageBlockTextContent h4{
	color:#FFF;
}

.traderContactForm{
	background-color: #000;
	padding: 10px 20px;
}

.traderContactForm label{
	display: none !important;
}

.tradingHoursBlock p{
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	padding: 0 0 5px 0;
}

.tradingDays{
	width:80px;
}

.tradingDays p{
	color:#f18903;
	text-align: left;
}

.tradingHours p{
	color:#FFF;
	text-align: left;
}

.tradingHoursBlock  p.tradingComments{
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	padding: 10px 0 20px;
}


.traderPremiumLeft .thumbnailTextHolder {
    margin: 0;
}

.traderPremiumLeft .thumbnailTextHolder p {
    color:#FFF;
}

.premContactsBlockWrapper, .premTradingBlockWrapper{
	margin-bottom: 20px;
}


.traderFooter {
	clear: both;
}

/* TRADER EMAIL FORM */
#field_3_7{
	display:none !important;
}

.gform_confirmation_message_3 {
	color:#FFF;
	font-size:15px;
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	padding: 10px 0;
}

/* TRADER DIRECTORY PAGE */


.containerBlock.directoryHeader{
	padding: 5px 20px;
	clear: both;
}

.directoryCol{
	width: 100%;
	/*float:left;*/
}

.directoryCol2{
	float:right;
}

.directoryAdBanner{
	
}

.singleBrowseLink{
	margin-top:10px;
}
/* TRADERS DIRECTORY */

.dirHeader{
  background-color:#e6e5e5;
  text-align: center;
  padding:20px 0;
}

p.dirHeaderTxt{
  text-transform: uppercase;
  text-align: center;
  font-size:22px;
}

.dirSearch{

}

.dirSortNav{
  margin:20px 0;
}

.dirSortContainer {
	margin-right: 10px;
	float: right;
	display: inline-block;
	width: 200px;
}
.dirSortContainer a:visited,
.dirSortContainer a:link {
	vertical-align: sub;
	text-decoration: none;
}
.dirSortContainer a:hover,
.dirSortContainer a:active {
	text-decoration: underline;
}

.dirBtnOuter{
  margin:0px auto;
}

a.dirBtn:link, a.dirBtn:visited{
	background-color:#e6e5e5;
	color:#FFF;
	/*padding:10px;*/
	font-size:18px;
	width:130px;
	float:left;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family:"bree-serif",sans-serif;
	-webkit-transition: background-color .3s ease-in;  
	-moz-transition: background-color .3s ease-in;
	-ms-transition: background-color .3s ease-in; 
	-o-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
}

a.dirBtn:hover, a.dirBtn:active{
	background-color:#363737;
}

a.dirBtn.activeDirBtn{
	background-color:#000;
}

.traderDirResultTitle{
	text-align: center;
	clear: both;
	padding: 20px 0;
}

.traderDirResultTitle h3, .traderDirResultTitle h1{
    color: #FFF;
    background-color: #00a2df;
    text-align: left;
    font-size: 35px;
    font-weight: 300;
    padding: 6px 12px;
}


.dirViewBlock {
	margin: 0;
}

.dirViewTile .directoryTrader:hover{
	cursor: pointer;
}

.listTraderImage{
  position: relative;
  -webkit-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -ms-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  /*border-bottom: 1px solid #555;*/
  overflow: hidden;
  /*background-color:#DDD;*/
  max-width: 320px;
}


.listTraderImage img{
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}


.directoryListTrader:hover .listTraderImage img{
  -webkit-transform:scale(1.03);
  -ms-transform:scale(1.03);
  transform:scale(1.03);
}

.listTraderDetails{
  padding: 15px 0;
  overflow: hidden;
}

.directoryListTrader:hover .listTraderName a{

}

.listTraderName a:link, .listTraderName a:visited{
	color: #FFF;
	font-size: 16px;
	display: block;
	text-decoration: none;
	font-family:"bree-serif",sans-serif;
	display: inline-block;
}

.listTraderAddress p, .listTraderPhone p{
  color:#000;
  padding:0;
  font-size:13px;
  display: block;
  text-decoration: none;
  font-family:"bree-serif",sans-serif;
}

.listTraderPhone a:link, .listTraderPhone a:visited{
	color:#000;
}

.traderAlphaMenu{
  width:100%;
  background-color: #2C2925;
  margin: 0;
  padding: 0 20px 15px;
  margin-bottom: -20px;
  margin-bottom: -15px;
}

.traderAlphaMenuOuter{
  float: right;
    right: 50%;
    position: relative;
    width: 100%;
}

  
.traderAlphaMenuInner{
  float: left;
  left: 50%;
  position: relative;
  width: 100%;
  text-align: center;
}

.traderAlphaMenu a:link, .traderAlphaMenu a:visited{
  background-color: #2C2925;
  color: #FFF;
  padding: 12px 0;
  font-size: 18px;
  width: 3.7%;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family:"bree-serif",sans-serif;
  -webkit-transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -ms-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
} 

.traderAlphaMenu a:hover, .traderAlphaMenu a:active, a.traderAlphaMenuActive:link, a.traderAlphaMenuActive:visited {
  background-color: #00A2DF;
}

.directoryCategory, .directorySubcategory {
  width: 50%;
}

.traderDirSearch {
  border: 1px solid #ccc;
}
.traderDirSearch .search-form input.search-field{
  text-align: left;
  width: 100%;
  padding: 12px 24px 12px 42px;
  font-size: 16px;
  background-image: url('assets/images/icon-search.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 12px center;
  height: 42px;
}

.dirSortButtons {
	margin: 0;
	text-align: right;
}
.dirSortButtons a:visited,
.dirSortButtons a:link {
	display: inline-block;
	color: #FFF;
	background-color: #00A2DF;
	text-decoration: none;
	margin-right: 10px;
	border: 1px solid #FFF;
}
.dirSortButtonsImg {
	background-color: #fff;
	vertical-align: middle;
}
 .dirSortButtonsText {
	padding: 10px;
	display: inline-block;
}


/** trader list or tile view */
.dirViewList {
	-webkit-column-count: 2;
	        column-count: 2;
}
.dirViewList .fillLink {
	display: none;
}

.dirContainerBlock .dirCatContainerBlock,
.dirContainerBlock .dirAlphaGroup {
	-webkit-column-break-inside: avoid;
	break-inside: 				 avoid;
}
.dirContainerBlock {
	width: 100%;
}

.dirCatGroup, .dirAlphaGroup {
	margin-bottom: 20px;
	width: 100%;
}
.dirCatGroup:nth-child(1):nth-last-child(1) {
	display: inline-block;
}

.dirViewTile {

}

.dirViewTile .listTraderName a:link, .dirViewTile .listTraderName a:visited{
	font-size: 19px;
	padding: 0 0 12px;
	color: #00a2df;
	display: block;
}

.dirViewList .listTraderName a::before {
	content: ">";
	font-family:"bree-serif",sans-serif;
	display: inline-block;
	margin-right: 5px;
	color: #00a2df;
	font-size: 16px;
}
.dirViewList .listTraderName a:hover, .dirViewList .listTraderName a:active{
	color: #f18903;
}
.dirViewList .listTraderDetails {
	padding: 0 0 10px;
}

.dirViewList .directoryTrader .listTraderImage,
.dirViewList .directoryTrader .listTraderAddress {
	display: none;
}

.dirViewTile .directoryTrader{
	padding: 18px;
	margin-bottom: 20px;
	display: block;
	/*min-height: 340px;*/
	position: relative; 
	background-color:#FFF;
}

.toTopButton {
  position: fixed;
  right: 0;
  bottom: 6px;
  display: none;
  z-index: 100;
}

.toTopButton a {
  background: #00a2df;
  color: white;
  padding: 6px 24px;
  -webkit-transition: background-color 0.3s ease-in;  
    -moz-transition: background-color 0.3s ease-in;
    -ms-transition: background-color 0.3s ease-in; 
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;   
}

.toTopButton a:link, .toTopButton a:visited {
  color: white;
  text-decoration: none;
}
.toTopButton a:hover {
  background-color: #363737;
}

/* SEARCH FEED */
.searchFeed .listTraderName a {
	color: #000;

}
.searchFeed .directoryTrader:hover .listTraderName a {
	color: #00A2DF;
}
.searchTypeBlock, .traderFooter .promoFeed .flexCols {
	margin-bottom: 20px;
}
.traderFooter .newsFeed .postExcerpt p, .traderFooter .newsFeed p.postTitleTxt a:link, .traderFooter .newsFeed p.postTitleTxt a:visited {
	color: #fff;
}

/* dir MREC ad */
.directoryMrecAdSingle{
	margin: 10px auto 30px;
}

/* sidebar MREC ad */
.sidebarMrecAdSingle{
	margin:0 auto 20px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	max-width:300px;
}

/* footer leaderboard */
.footerLeaderAdSingle{
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
}

p.directoryListTrader{
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #FFF;
	padding: 0 0 10px 0;
}

p.directoryListTrader a:link, p.directoryListTrader a:visited{ 
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	color: #FFF;
	font-size:16px;
}

p.directoryListTrader a:hover, p.directoryListTrader a:active{ 
	/*text-decoration: underline;*/
	color:#f18903;
}

p.directoryListTrader span{
	color:#00a2df;
	font-size:16px;
}

.dirBtnOuter{
	float:right;
	text-align: right;
}

.dirBtn img{
	display: block;
}

a.dirBtn:link, a.dirBtn:visited{
	display: block;
	width: 40px;
	height: 40px;
	background-color: #2c2925;
	float: right;
}

a.dirBtn.dirBtnFirst:link, a.dirBtn.dirBtnFirst:visited{
	margin-left: 0;
}


a.dirBtn.activeDirBtn:link, a.dirBtn.activeDirBtn:visited, a.dirBtn:hover {
	background-color:#FFF;
}

/* SEARCH FORM */

.search-form{
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
}


.screen-reader-text{
	display: none;
}

.search-field{
	outline-style: none;
	font-size: 14px;
	padding: 13px 10px 10px 10px;
	letter-spacing: normal;
	border: none;
	background-color: #FFF;
	color: #00a2df;
	font-style: italic;
	font-family: "bree-serif",sans-serif;
	width:98%;
}

.search-submit{
	position: absolute;
	right: 0;
	top: 0;
	-webkit-appearance: none;
    border-radius: 0;
    font-family: "bree-serif",sans-serif;
	line-height: 0;    
	border: none;
	background-color:#00a2df;
	color: #FFF;
	font-size: 14px;
	padding: 19px 17px 20px;
	cursor: pointer;
	-webkit-transition: background-color .3s ease-in;
	-moz-transition: background-color .3s ease-in;
	-ms-transition: background-color .3s ease-in;
	-o-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	border:none;
	height:100%;
	margin:0;
}

#input_1_1,#input_1_2{
	width:98%;
}

.search-submit:hover{	
	background-color: #498b2a;
}

.search-field::-webkit-input-placeholder {
   color: #AAA;
}

.search-field:-moz-placeholder { /* Firefox 18- */
   color: #AAA;  
}

.search-field::-moz-placeholder {  /* Firefox 19+ */
   color: #AAA;  
}

.search-field:-ms-input-placeholder {  
   color: #AAA;  
}



.sideBarSearch .search-field{
	background-color:#d7ecf8;
	font-size: 12px;
	padding: 8px 10px 7px 10px;
}

.sideBarSearch .search-submit{
	padding: 14px 17px 15px;
}

.sideBarSearch .search-field::-webkit-input-placeholder {
   color: #00a2df;
}

.sideBarSearch .search-field:-moz-placeholder { /* Firefox 18- */
   color: #00a2df;  
}

.sideBarSearch .search-field::-moz-placeholder {  /* Firefox 19+ */
   color: #00a2df;  
}

.sideBarSearch .search-field:-ms-input-placeholder {  
   color: #00a2df;  
}

.searchRefine{
	padding-top: 20px;
  	border-top: 1px solid #FFF;
  	margin-top: 20px;
}

.searchRefine h2{
	padding-bottom:10px;
}

/* SIDEBAR NEWS FEEDS */
.sideBarNewsFeed{
	margin-bottom:10px;
}

ul.sideBarNewsFeed li{
	font-weight: 700;
	font-style: normal;
	font-size: 13px;
	color:#000;
	margin-bottom:10px;
	list-style-type: none;
	white-space: nowrap;
	width: 100%;    
	max-width:280px;            
	overflow: hidden;       
	text-overflow: ellipsis;
}

ul.sideBarNewsFeed li a:link, ul.sideBarNewsFeed li a:visited{
	color:#000;
	font-weight: 700;
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
}

ul.sideBarNewsFeed.sideBarNewsFeedOrange li span, ul.sideBarNewsFeed.sideBarNewsFeedOrange li a:hover, ul.sideBarNewsFeed.sideBarNewsFeedOrange li a:active{
	color:#f18903;
}

ul.sideBarNewsFeed.sideBarNewsFeedGreen li span, ul.sideBarNewsFeed.sideBarNewsFeedGreen li a:hover, ul.sideBarNewsFeed.sideBarNewsFeedGreen li a:active{
	color:#498b2a;
}

ul.sideBarNewsFeed.sideBarNewsFeedPurple li span, ul.sideBarNewsFeed.sideBarNewsFeedPurple li a:hover, ul.sideBarNewsFeed.sideBarNewsFeedPurple li a:active{
	color:#ae3763;
}


.categorySelect select{
	/*margin: 0px 0 10px;*/
	padding: 10px 5px;
	width: 100%;
	/*min-width: 300px;*/
	color: #2c2925;
	border: 0;
	font-family: "bree-serif",sans-serif;
	font-style: italic;
	font-size: 14px;
}
.categorySelect .selector{
	background-color: #ffffff;
	margin: 0;
}
.categorySelect .selector:first-child {
	margin-right: 1%;
}
.dirViewBlock .categorySelect{
	/*margin-top: 15px;*/
	max-width: calc(100% - 100px);
	width: 100%;
	float: left;
}
.dirViewBlock .categorySelect .selector {
	max-width: 49%;
}

/* SIDE BAR UPCOMING EVENTS CALENDAR */
.event-calendar {
	width: 100%;
	font-family: "bree-serif",sans-serif;
	margin-bottom: 10px;
}
.event-calendar .month-header {
	font-size: 18px;
	height: 20px;
}
.event-calendar .event-calendar-header {
	background-color: #555;
	color: white;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 2px solid white;
}
.event-calendar tr td {
	width: 14.28%;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}
.event-calendar .day {	
	border: 2px solid white;
}
.event-calendar .event-calendar-today {
	background-color: #eee;
}
.event-calendar .event-calendar-day {
	background-color: #999;
	color: white;
}
.event-calendar .event-calendar-day:hover {
	opacity: 0.8;
	cursor: pointer;
}
.calendar-event-info {
	width: 100%;
	display: none;
	background-color: #efefef;
	padding: 5px 10px;
}

/* TRADER FEEDS */
.socialFeed{
}

.socialFeedTwitter iframe{
	width:100% !important;
} 

				.socialFeedOuter{	
					background-color: #FFF;
					padding: 10px;	
					clear:both;
					max-width:520px;
				}

.socialFeedTab{
	background-color:#DDD;
	float:left;
	cursor: pointer;
}

.socialFeedTab.socialFeedTabActive{
	background-color:#FFF;
}

.socialFeedTab p{
	padding: 7px 15px;
	color: #474184;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

/* TRADER FACEBOOK FEED */
#fb-root {
    display: none;
}

.facebookFeedFrame{
	width:100%;
	overflow: hidden;
}

.facebookFeedFrame iframe{
	height: 600px !important;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .facebookFeedFrame * {
    width: 100% !important;
}

.downloadImage{
	margin-bottom:10px;
}

/* HOME */
.homeOffersBlock{
	padding-top: 15px;
	clear:both;
}

.homeBlock a.salesLink:link, .homeBlock a.salesLink:visited{
	float:right;
	color:#FFF;
	text-decoration: none;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-size: 15px;
	font-weight: 400;
	margin-top: 16px;
}

.homeBlock a.salesLink:hover, .homeBlock a.salesLink:active{
	text-decoration: underline;
}

.homeSearchBox{
	padding:10px 20px;
	background-image: url('assets/images/home-feature-bg.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom:20px;
}

.homeContentWrapper .homeSearchBox{
	margin-bottom: 0;
}

.homeSearchBox .dirSearchHeader{
	color:#f18903;
	font-size:32px;
	font-weight: 700;
	text-shadow: 3px 3px 5px #2c2925;
	font-family: "bree-serif",sans-serif;
	line-height: 150%;
}

.homeSearchBox .search-form{
	max-width: 680px;
}

.homeSearchBox .search-submit{
	background-color: #f18903;
}

.categoryTagList a:link, .categoryList a:visited{
	background-color:#000;
	padding: 6px 10px;
	display: block;
	float:left;
	text-decoration: none;
	margin: 0 5px 5px 0;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #FFF;
}

a.catdkblue:link, a.catdkblue:visited{
	color:#474184;
}

a.catorange:link, a.catorange:visited{
	color:#f18903;
}

a.catgreen:link, a.catgreen:visited{
	color:#8cb679;
}

a.catltblue:link, a.catltblue:visited{
	color:#00a2df;
}

a.catpurple:link, a.catpurple:visited{
	color:#8b87b1;
}

.categoryTagList p.title{
	text-transform: uppercase;
	font-family: "bree-serif",sans-serif;
	font-weight: 400;
	font-style: normal;
}

.homePromos h2{
	font-size: 30px;
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	padding: 0;
	float: left;
	text-transform: capitalize;
}

.homeNewsOuter {
	margin-top: 20px;
}

/* COLUMNISER PLUGIN */
.dirCatContainerBlock .column.first {
	padding-right: 10px;
}

.dirCatContainerBlock .column.last {
	padding-left: 10px;
}

/* GETTING HERE */
.gettingHereBlock h2{
	font-size: 30px;
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	float:left;
	margin-bottom: 15px;
}

.gettingHereBlock p.gettingHereStar{
	padding: 0;
	float: left;
	margin-left: 15px;
	margin-top: 12px;
	padding-left: 20px;
	background-image: url('assets/images/star-icon.png');
	background-repeat: no-repeat;
	background-size: 15px 15px;
	color: #fbc926;
	width: 20px;
	height: 20px;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 80%;
	font-size: 17px;
}

.route{
	clear:both;
	margin:20px 0;
}

.gettingHereDetailBlock{
	width:100%;
	max-width: 370px;
	padding:10px 5px 10px 55px;
	margin: 0;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:40px 40px;
	min-height:40px;
}

.lineTitle{		
	background-image:url('assets/images/line-header.png');
	background-repeat: none;	
}

.lineTitle p, .stopTitle p, .stopDetails p{
	font-size: 15px;
	font-family: "bree-serif",sans-serif;
	font-style: italic;
	font-weight: 400;
	line-height: 110%;
	padding: 0;
}

.lineTitle p{
	color:#FFF;
}

.stopTitle p{
	color:#DDD;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

.stopDetails p{
	color:#DDD;
	font-style: normal;
	font-weight: 400;
	font-family: "ff-tisa-sans-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.lineTitle p span{
	font-size: 17px;
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	padding: 0;
}

.stopTitle{
	background-color:#000;
	background-image:url('assets/images/line-stop.png');
	background-repeat: none;	
}

.stopDetails{
	background-color:#2c2925;
	background-image:url('assets/images/line-detail.png');
	background-repeat: repeat-y;
}

.lineTitle.train{
	background-color:#00a2df;
}

.lineTitle.tram{
	background-color:#498b2a;
}

.lineTitle.bus{
	background-color:#ae3763;
}

.stopTitle.endDestination, .stopTitle.changeDestination{
	background-image:url('assets/images/line-stop-end.png');
}

.stopTitle.endDestination{
	background-color:#FFF;
}

.stopTitle.endDestination p{
	color:#000;
}

.stopDetails.endDestination p{
	color:#FFF;
}

.stopTitle.changeDestination p{
	color:#FFF;
}

.PTDetailsLink p{
	font-size:16px;
}

.PTDetailsLink a:link, .PTDetailsLink a:visited{
	color:#00a2df;
	text-decoration: underline;
	font-size:16px;
}

.gettingHereDetailBlock.drive{
	background-color:#00a2df;
	background-image:url('assets/images/drive-road.png');
	background-repeat: none;
	max-width:100%;
	margin-bottom:5px;
}

.gettingHereDetailBlock.drive p{
	font-size: 17px;
	color: #FFF;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
	padding: 0;	
}

h2.driveTitle{
	float:none;
	padding: 0;
	margin: 0;
}

p.drivesubTitle{
	font-family: "bree-serif",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 15px;
	padding:0;
}

/* Contact Form */
#field_4_1 label, #field_4_2 label, #field_4_3 label, #field_4_4 label, #field_4_5 label, #field_4_6 label{
	display: none;
}

#input_4_1{
	font-size:12px;
	background-color: #fdf1e3;
	padding: 5px;
	border: none;
}

#field_4_1{
	margin-bottom: 0;
}

#gform_wrapper_4{
	background-color: #2c2925;
	padding: 20px;
}

#gform_wrapper_4 input[type=email], #gform_wrapper_4 input[type=number], #gform_wrapper_4 input[type=password], #gform_wrapper_4 input[type=tel], #gform_wrapper_4 input[type=text], #gform_wrapper_4 input[type=url]{
	background-color: #FFF;
	padding: 14px 10px 8px;
	font-size: 14px;
}

#gform_wrapper_4 textarea{
	background-color: #FFF;
	font-size: 14px;
}

#field_4_7 p{
	color:#FFF;
}

/* Claim button */
.claimBtn{
	background-color: #00a2df;
    padding: 10px 10px;
    margin-top: 20px;
    text-align: center;
    position: relative;
	-webkit-transition: background-color 0.3s ease-in;  
    -moz-transition: background-color 0.3s ease-in;
    -ms-transition: background-color 0.3s ease-in; 
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;   
}

.claimBtn:hover{
	background-color: #498b2a;
}

.claimBtn p.header{
	color:#FFF;
    text-align: center;
    padding-bottom:5px;
    font-family: "bree-serif",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-size:18px;
}

.claimBtn a.cta:link, .claimBtn a.cta:visited{
	color:#FFF;
    text-align: center;
    font-size: 13px;
}

.claimBtn a.bigLink:link, .claimBtn a.bigLink:visited{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* FOOTER SIGN-UP FORM */

.preFooterNewsletter{
    padding: 50px 20px;
    background-position: right top;
    margin-bottom:0;
    background-size: cover;
    text-align: center;
}

.preFooterNewsletter .header{
	color: #FFF;
    font-family: "bree-serif",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 70px;
}

.preFooterNewsletter .desc{
    font-size: 22px;
}

#input_5_1, #input_5_2{
	padding: 12px 15px 14px;
}

#gform_submit_button_5{
	padding: 20px 50px;
}

input.button, .input[type=submit]{
	margin:0;
	height:100%;
}

input[type=text], input[type=url], input[type=email], input[type=tel], input[type=search]{
	margin:0;
}

#gform_wrapper_2{
	margin-bottom:45px;
}

#gform_wrapper_1{
	margin-bottom:30px;
}

#gform_wrapper_1 .gfield_description+.gform_wrapper .gfield_description.validation_message, #gform_wrapper_1 .ginput_container+.gfield_description.validation_message, #gform_wrapper_2 .gfield_description+.gform_wrapper .gfield_description.validation_message, #gform_wrapper_2 .ginput_container+.gfield_description.validation_message, #gform_wrapper_5 .gfield_description+.gform_wrapper .gfield_description.validation_message, #gform_wrapper_5 .ginput_container+.gfield_description.validation_message, .gform_wrapper .gform_ajax_spinner{
	position:absolute;
}

#gform_wrapper_4 .validation_error, #gform_wrapper_3 .validation_error{
	color:#FFF;
	padding:6px 0 10px;
	font-size: 12px;
	font-family: ff-tisa-sans-web-pro,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

#gform_wrapper_3 .gform_ajax_spinner, #gform_wrapper_4 .gform_ajax_spinner{
    padding-top: 9px;
}

#gform_wrapper_1 .gform_ajax_spinner, #gform_wrapper_2 .gform_ajax_spinner, #gform_wrapper_5 .gform_ajax_spinner{
    right:20px;
}

.newsFeed .contentButton{
	display:block;
	margin: auto auto 26px;
	padding:10px 20px;
	background-color:#000;
	cursor: pointer;
	text-align: center;
	width:90%;
	-webkit-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
}

.newsFeed .contentButton span{
	color:#FFF;
	text-transform: uppercase;
	font-family: bree-serif,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
}

.newsFeed .contentButton:hover{
	background-color:#444;
}

.newsFeed .contentButton:hover span{

}



/* Insta feed */

#instafeed {
	max-width: 100%;
	margin: 0 auto;
}

.instagramOuter{
	color: #FFF;
	z-index: 10;
	position: relative;
}

.instaHeader h3{
    text-transform: lowercase;
    font-size: 20px;
	font-family: "bree-serif",sans-serif;
	font-style: normal;
	font-weight: 700;
    line-height: 90%;
    text-align: center;
    padding: 12px 0;
}

.instagramSingle{
	float:left;
	border: 0 !important;
	width:18%;
	margin:1%;
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; 
    overflow:hidden;
}

.instagramSingle:hover img{
	-webkit-transform:scale(1.07);
	-ms-transform:scale(1.07);
	transform:scale(1.07);
}


.instagramSingle img{
	display:block;
	width:100%;
	height:auto;
	border: 0 !important;
	box-shadow: none !important;
	will-change: transform;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.instafeedSpinner{
	display:block;
	margin:20px auto;
}

.newsFeedSpinner{
	display:block;
	margin:0 auto;
	width: 48px;
}

/* FLEX LAYOUT */
.flexCols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flexCols .column {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 31.5%;
	        flex: 1 0 31.5%;
	max-width: 31.5%;
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 20px;
}
.flexCols .directoryHeader {
	width: 100%;
}
.flexCols .column .contentInner {
	flex: 1 0 auto;
}
.flexCols::after {
    content: '';
    display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 31.5%;
	        flex: 1 0 31.5%;
    max-width: 31.5%;
}


.flexCols4 .column, .flexCols::after {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 24%;
	        flex: 1 0 24%;
	max-width: 24%;
}