@charset "UTF-8";

/* RESET */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type=hidden]{
	visibility:hidden;
	}
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}
/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */	

/* SITE STYLES */

/* 

Colours 

Black: #1a1a1a 
Black: #333333 
Grey: #737373
White: #ffffff 
Lime Green: #76bd1d 

*/

html{
	height:100%;
	}

body{
	height:100%;
	background-color:#1a1a1a;
	background:linear-gradient(to bottom, #1a1a1a 0%, #333333 100%);
	background-attachment:fixed;
	color:#ffffff;
	overflow-y:scroll;
	}
	
body, input, select, textarea, button{
	font-size:100%;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
/* Structure */
	
header,
nav.main,
#gallery,
#map,
#content,
#beforefooter,
footer{
	
	}
header .container,
nav.main .container,
#gallery .container,
#map .container,
#content .container,
#beforefooter .container,
footer .container{
	position:relative;
	max-width:1232px;
	padding:0 1em;
	margin:0 auto;
	box-sizing:border-box;
	}
	
/* Main */

header{
	}
	header .container{
		padding-top:40px;
		padding-bottom:40px;	
		}
	header ul.social{
		position:absolute;
		right:10px;
		top:0;
		height:100%;
		}
		header ul.social li{
			position:relative;
  			top:50%;
  			-ms-transform:translateY(-50%);
  			transform:translateY(-50%);
			float:left;
			margin-left:1em;
			}
			header ul.social li a{
				display:inline-block;
				background:#888;
				color:#fff;
				font-size:1.25em;
				height:1em;
				width:1em;
				text-align:center;
				line-height:100%;
				padding:0.5em;
				border-radius:50%;
				opacity:0.75;
				transition:all 0.1s ease-in-out;	
				}
				header ul.social li a:hover{
					opacity:1;
					}
			header ul.social li.phone a{
				background:#e85955;
				}
			header ul.social li.twitter a{
				background:#78cbef;
				}
			header ul.social li.facebook a{
				background:#547bbc;
				}
	header .logo,
	header .logo img{
		display:block;
		width:273px;
		height:53px;
		}
		
nav.main{
	}
	nav.main .container{
		height:50px;
		position:relative;
		z-index:60;
		}
		
nav ul{
	display:table;
	width:100%;
	}
	nav ul li{
		display:table-cell;
		}
		nav ul li a{
			display:block;
			font-family:'Cactus-Medium', sans-serif;
			letter-spacing:0.2em;
			line-height:50px;
			font-size:1.5em;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
			color:#737373;
			}
			nav ul li a.small-toggle{
				text-align:right;
				}
		nav ul li.active a,
		nav ul li a:hover,
		footer nav ul li a{
			color:#ffffff;
			}
		nav.main.expanded ul li.small a,
		nav.main ul li a:hover{
			background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 90%, #76bd1d 90%, #76bd1d 100%);
			}
		nav.main ul li.active a,
		nav.main ul li.active a:hover{
			background:#76bd1d;
			}

#content{
	}
	#content .container{
		margin-top:1em;
		margin-bottom:1em;
		min-height:20vh;
		}
	
/* CMS Content */
.cmscontent h1,
.cmscontent h2,
.cmscontent h3,
.cmscontent h4,
.cmscontent h5,
.cmscontent h6{
	margin-bottom:1em;
	line-height:1.5em;
	}
.cmscontent h1{
	font-family:'Cactus-Medium', sans-serif;
	font-weight:normal;
	font-size:2em;
	margin-bottom:0.25em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:#76bd1d;
	}
.cmscontent h2{
	font-family:'Cactus-Medium', sans-serif;
	font-weight:normal;
	font-size:1.75em;
	letter-spacing:0.1em;
	}
.cmscontent h3{
	font-size:1.5em;
	}
.cmscontent h4{
	font-weight:bold;
	}
.cmscontent h5{
	}
.cmscontent h6{
	}
.cmscontent p,
.cmscontent address{
	margin-bottom:1em;
	line-height:1.75em;
	}
.cmscontent a{
	color:#76bd1d;
	text-decoration:none;
	}
	.cmscontent a:hover{
		color:#ffffff;
		}
.cmscontent blockquote{
	margin-left:2em;
	font-size:1.5em;
	}
.cmscontent ul{
	list-style-type:disc;
	margin-left:2em;
	margin-bottom:1em;
	}
	.cmscontent ul ul{
		list-style-type:circle;
		margin-left:1em;
		margin-bottom:0.5em;
		}
.cmscontent li{
	line-height:1.5em;
	}
.cmscontent ol{
	list-style-type:decimal;
	margin-left:2em;
	margin-bottom:1em;
	}
.cmscontent img.alignleft, .cmscontent img.aligncenter, .cmscontent img.alignright{
	display:block;
	padding:5px;
	}	
.cmscontent img.alignleft{
	float:left;
	margin:0 10px 10px 0;
	}
.cmscontent img.aligncenter{
	margin:0 auto 10px auto;
	}
.cmscontent img.alignright{
	float:right;
	margin:0 0 10px 10px;
	}
.cmscontent table{
	margin-bottom:1em;
	}
	
p.rsslink{
	float:right;
	}
p.date{
	float:right;
	}

.error{
	color:#f00 !important;
	}
	
.text-center{
	text-align:center;
	}

div.sidebar{
	float:right;
	width:40%;
	margin-left:4em;
	margin-bottom:1em;
	border-left:10px solid #76bd1d;
	padding-left:3em;
	box-sizing:border-box;
	}
div.sidebar.borderless{
	border-left:none;
	}
	
body.content-1 blockquote{
	font-size:1.75em;
	line-height:1.5em;
	font-weight:normal;
	font-family:'Cactus-Medium', sans-serif;
	letter-spacing:0.1em;
	}

ol.menus{
	margin-left:2.5em;
	}
	ol.menus li{
		position:relative;
		counter-increment:customlistcounter;
		line-height:2em;
		margin-bottom:0.5em;
		font-size:1.5em;
		}
	ol.menus li:before{
		position:absolute;
		display:block;
		content:counter(customlistcounter) " ";
		width:1.5em;
		height:1.5em;
		margin-top:0.25em;
		font-size:1em;
		line-height:1.5em;
		text-align:center;
		background:#76bd1d;
		border-radius:50%;
		left:-2.5em;
		}
		ol.menus li:hover:before{
			background:#e85955;
			}
		ol.menus li a{
			display:block;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			font-family:'Cactus-Medium', sans-serif;
			letter-spacing:0.1em;
			}
			ol.menus li a:hover{
				}

ul.vouchers{
	text-align:center;
	}
	ul.vouchers li{
		display:inline-block;
		margin-right:1em;
		}
	ul.vouchers li:last-child{
		margin-right:0;
		}
		ul.vouchers li a{
			display:block;
			font-family:'Cactus-Medium', sans-serif;
			font-size:1.75em;
			letter-spacing:0.1em;
			line-height:2.5em;
			width:2.5em;
			height:2.5em;
			text-align:center;
			background:#76bd1d;
			border-radius:50%;
			text-decoration:none;
			color:#fff;
			}
		ul.vouchers li:nth-child(2) a{
			background:#547bbc;
			}
		ul.vouchers li:nth-child(3) a{
			background:#cc4f4e;
			}
		ul.vouchers li:nth-child(4) a{
			background:#df831f;
			}
			ul.vouchers li a:hover{
				background:black;
				}

#gmap{
	height:0;
	padding-bottom:26%;
}

/* Galleries */

.slideshow{
	position:relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-bottom:26%;
	height:0;
	}
	.slideshow ul.slides{
		position:relative;
		}
		.slideshow ul.slides > li{
			background-position:50%;
			background-size:cover;
			position:absolute;
			width:100%;
			padding-bottom:26%;
			height:0;
			}
	.slideshow ul.status{
		position:absolute;
		right:1em;;
		top:1em;
		z-index:50;
		}
		.slideshow ul.status li{
			float:left;
			background:rgba(0,0,0,0.75);
			width:1em;
			height:1em;
			margin-left:0.5em;
			cursor:pointer;
			border-radius:50%;
			transition:all 0.25s ease-in-out;	
			}
		.slideshow ul.status li.active{
			background:#76bd1d;
			}
	.slideshow a.previous,
	.slideshow a.next{
		position:absolute;
		display:none;
		width:1.5em;
		height:1.5em;
		line-height:1.5em;
		text-align:center;
		font-size:2em;
		margin:auto;
		top:0; 
		bottom:0;
		cursor:pointer;
		background:rgba(0,0,0,0.5);
		border-radius:50%;
		z-index:30;
		transition:all 0.1s ease-in-out;
		}
	.slideshow:hover a.previous,
	.slideshow:hover a.next{
		display:block;
		}
	.slideshow a.previous{
		left:0.5em;
		}
	.slideshow a.next{
		right:0.5em;
		}
		.slideshow a.previous:hover,
		.slideshow a.next:hover{
			background:#76bd1d;
			}
		
.columns.twocolumn{
	}		
	.columns.twocolumn > div{
		width:50%;
		float:left;
		box-sizing:border-box;
		}		
	.columns.twocolumn > div:first-child{
		padding-right:0.5em;
		}
	.columns.twocolumn > div:last-child{
		padding-left:0.5em;
		}
		
/* Forms */
.container form.standard{
	}
	.container form.standard fieldset{
		}
	.container form.standard p{
		margin-bottom:0.75em;
		}
	.container form.standard .text input,
	.container form.standard .text textarea,
	.container form.standard .select select{
		width:100%;
		min-width:100%;
		max-width:100%;
		padding:0.5em;
		font-size:1.125em;
		box-sizing:border-box;
		background:#4d4d4d;
		color:#fff;
		border:none;
		}
		.container form.standard .text input::-moz-placeholder,
		.container form.standard .text textarea::-moz-placeholder{
			text-transform:uppercase;
			}
		.container form.standard .text input::-webkit-input-placeholder,
		.container form.standard .text textarea::-webkit-input-placeholder{
			text-transform:uppercase;
			}
		.container form.standard .text input:-ms-input-placeholder,
		.container form.standard .text textarea:-ms-input-placeholder{
			text-transform:uppercase;
			}
		.container form.standard .text input::placeholder,
		.container form.standard .text textarea::placeholder{
			text-transform:uppercase;
			}
		.container form.standard .text input:focus,
		.container form.standard .text textarea:focus,
		.container form.standard .select select:focus,
		.container form.standard .submit button:focus{
			outline:1px solid #76bd1d;
			}
	.container form.standard .text textarea{
		min-height:8em;
		}
	.container form.standard .text label,
	.container form.standard .submit label,
	.container form.standard .select label{
		display:none;
		}
	.container form.standard .forgot{
		margin-top:4em;
		font-size:0.75em;
		}
	.container form.standard .submit button{
		padding:0.5em 1em;
		color:#fff;
		font-family:'Cactus-Medium', sans-serif;
		text-transform:uppercase;
		border:none;
		letter-spacing:0.2em;
		font-size:1.5em;
		cursor:pointer;
		background:#1a1a1a;
		}
		.container form.standard .submit button:hover{
			background:#76bd1d;
			}
	#content form.standard .checkbox input{
		}
	#content form.standard .checkbox label{
		}
	/* Anti Spam Field - should not be shown to humans */ 
	form p.antis{
		display:none;
		}

#beforefooter div.threeboxes{
	margin:0 -1em 1.5em -1em;
	}
	#beforefooter div.threeboxes div{
		float:left;
		position:relative;
		width:33.33%;
		padding:0 1em;
		box-sizing:border-box;
		}
		#beforefooter div.threeboxes div div{
			position:relative;
			box-sizing:border-box;
			background:rgba(0,0,0,0.25);
			background-position:50%;
			background-size:cover;
			width:100%;
			padding:2em;
			padding:1.5vw;
			text-align:center;
			}
		#beforefooter div.threeboxes div div a{
			display:inline-block;
			background:rgba(255,255,255,0.75);
			border-radius:50%;
  			margin:0 auto;
  			text-align:center;
  			padding:1.5em 0;
  			height:2em;
  			line-height:1em;
  			width:5em;
  			font-family:'Cactus-Medium', sans-serif;
  			font-size:2.5em;
  			text-decoration:none;
  			text-transform:uppercase;
  			letter-spacing:0.1em;
  			color:#383a35;
  			transition:background 0.1s ease-in-out;
			}
			#beforefooter div.threeboxes div div a:hover{
				background:rgba(255,255,255,1);
				}

/* Footer
*********************************************************/
footer{
	}
	footer .container{
		margin-bottom:1.5em;
		}
	footer ul{
		margin-bottom:1.5em;
		}
		footer ul li a{
			background:#76bd1d;
			}
			footer ul li a:hover,
			footer ul li.active a,
			footer ul li.active a:hover{
				color:#000;
				}
	footer p{
		font-size:0.75em;
		line-height:1.5em;
		}		
		
footer nav ul li a{
	font-size:1.25em;
	}		
							
/* Responsive Breakpoints
*********************************************************/	

/* Responsive layout for <= Medium Desktop */
@media screen and (max-width: 1280px) {		
	
	header .container{
		padding-top:20px;
		padding-bottom:20px;	
		}

	nav.main .container{
		height:40px;
		}
		nav ul li a{
			line-height:40px;
			font-size:1.5em;
			}
			
	footer nav ul li a{
		font-size:1.125em;
		}					
			
	}

/* Responsive layout for <= Small Desktop */
@media screen and (max-width: 979px) {	
	
	header .container{
		padding-top:10px;
		padding-bottom:10px;	
		}
	
	nav.main li{
		display:none;
		background-color:rgba(0,0,0,0.9);
		}
	nav.main li:first-child{
		background-color:transparent;
		}
	nav.main li.small{
		display:block;
		}
	
	nav.main.expanded li{
		display:block;
		}
	
	#beforefooter div.threeboxes div div a{
		font-size:4vw;
		}
	
	}
	
	
@media screen and (min-width: 980px) {
	
	nav.main li.small{
		display:none;
		}
	nav.main li.small-only{
		display:none;
		}
	
	}
	
/* Responsive layout for <= Tablet */
@media screen and (max-width: 768px) {	
	
	.hide-tablet{
		display:none;
		}
	
	div.sidebar{
		float:none;
		width:100%;
		margin-left:0;
		border-left:none;
		padding-left:0;
		}
		
	.cmscontent h1{
		font-size:1.5em;
		}
		
	ol.menus{
		margin-left:4em;
		}
		
	ul.vouchers li{
		margin-right:0.25em;
		}
		ul.vouchers li a{
			font-size:1.5em;
			}
	
	footer ul li{
		display:block;
		margin-bottom:2px;
		}
	
	footer nav ul li a{
		font-size:1em;
		}					
	
	
	}
		
/* Responsive layout for Smartphone (Single Column) */
@media screen and (max-width: 479px) {
	
	.hide-phone{
		display:none;
		}
		
	header ul.social{
		display:none;
		}
		
	header .logo,
	header .logo img{
		width:100%;
		height:auto;
		}
	
	#beforefooter{
		display:none;
		}
		
	}