/*   
Theme Name: Keystone
Theme URI: http://www.macintypedesign.com.au
Description: Theme designed exclusively for Keystone Golf Club by Macintype Design -- WordPress v3.0.1
Author: Macintype Design
Author URI: http://www.macintypedesign.com.au
Version: 2
*/
@font-face {
    font-family: 'yeseva_oneregular';
    src: url('fonts/yeseva_one.eot');
    src: url('fonts/yeseva_one.eot?#iefix') format('embedded-opentype'),
         url('fonts/yeseva_one.woff') format('woff'),
         url('fonts/yeseva_one.ttf') format('truetype'),
         url('fonts/yeseva_one.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder { color:#b3b3b3; }
:-moz-placeholder { color:#b3b3b3; }
::-moz-placeholder { color:#b3b3b3; }
:-ms-input-placeholder { color:#b3b3b3; }

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	font:normal 15px 'Lato', sans-serif;
	line-height:1.3em;
	color:#333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1 {
	font:500 64px 'Oswald', sans-serif;
	text-transform:uppercase;
	margin-top:0;
}
h2 {
	font:500 32px 'Oswald', sans-serif;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:0.4em;
}
h3 {
	font:300 24px 'Oswald', sans-serif;
	margin-top:0;
	margin-bottom:0.35em;
}
p {
	margin-top:0;
	margin-bottom:0.8em;
}

.clear {
	clear:both;
}
a.button, input.button {
	display:inline-block;
	width:150px;
	background:#e6c57c !important;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font:500 15px 'Oswald', sans-serif;
	text-transform:uppercase;
	height:40px;
	line-height:40px;
}
.social {
	font-size:36px;
	line-height:1em;
}

#header {
	position:absolute;
	left:40px;
	right:40px;
	top:25px;
	z-index:2;
}

#nav {
	display:block;
	position:absolute;
	right:0;
	top:0;
	left:auto;
	bottom:auto;
	text-align:right;
	z-index:5;
	
}
#nav.active {
	position:fixed;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.5);
}
#nav > a {
	display:inline-block;
	position:absolute;
	right:40px;
	top:25px;	
	width:24px;
	height:16px;
	background:url(images/ico_menu.png) no-repeat center center;
	background-size:100% auto;
	z-index:10;
}
#nav.active > a {
	background-image:url(images/ico_menu_close.png);
}
#nav > ul {
	position:absolute;
	right:-320px;
	top:0;
	list-style:none;
	padding-left:0;
	padding-right:0;
	padding-top:60px;
	margin:0;
	width:320px;
	width:0px;
	overflow:hidden;
	height:100vh;
	background:#e6c57c;
	text-align:left;
	z-index:5;
	transition:right 0.5s;
	-webkit-transition:right 0.5s;
}
#nav.active > ul {
	width:320px;
	right:0px;
}
#nav li {
	display:block;
	list-style:none;
	margin-top:0;
	margin-bottom:0;
	margin-left:40px;
	font:500 21px 'Oswald', sans-serif;
	text-transform:uppercase;
}
#nav ul ul {
	padding:0;
}
#nav ul ul li {
	font:300 21px 'Oswald', sans-serif;
	margin-left:0;
	text-transform:none;
}
#nav li a {
	color:#333;
	text-decoration:none;
	line-height:2em;
}
#nav li.menu-item-has-children > a::after {
	content:"\f0d7";
	font-family:'FontAwesome';
	margin-left:10px;
}
#nav ul.sub-menu {
	overflow:hidden;
	height:auto;
	max-height:0px;
	-webkit-transition:max-height 0.5s;
	transition:max-height 0.5s;	
}
#nav ul.sub-menu.active {
	max-height:999px;
}

#hero {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	text-align:center;
	height:350px;
}
body.home #hero {
	height:65%;
}
#hero h1 {
	line-height:1em;
}
#hero h2 {
	font:300 40px 'Oswald', sans-serif;
	line-height:1em;
	margin-bottom:0.4em;
	text-transform:none;
}
#hero h3 {
	font:normal 21px 'Lato', sans-serif;
	line-height:70px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	max-width:700px;
	margin:auto;
}
#hero h4 {
	font:300 26px 'Oswald', sans-serif; 
	position:absolute;
	margin:0;
	bottom:40px;
	width:100%;
	background:rgba(0, 0, 0, 0.5);
	line-height:60px;
	color:#e6c57c;
}
#hero a {
	color:#fff;
}
#hero_content {
	position:relative;
	height:100%;
	width:100%;
}
#hero_content > div {
	position:absolute;
	left:0;
	width:100%;	
	top:50%;
	-webkit-transform:translateY(-50%);	
	transform:translateY(-50%);
}

#page_title {
	background:#333;
	height:60px;
}
#page_title h2 {
	max-width:700px;
	line-height:60px;
	margin:auto;
	color:#e6c57c;
}
#main {
	margin-top:50px;
	position:relative;
}
#content {
	max-width:700px;
	min-height:120px;
	margin:auto;
	padding-bottom:80px;
}
#content table {
	margin-bottom:1em;
}
#content td {
	padding-right:15px;
}
#content a.button {
	margin-top:10px;
	margin-right:10px;
}
#content ul {
	list-style:none;
	padding:0;
}
#content li {
	position:relative;
	padding-left:20px;
	margin-bottom:0.8em;
}
#content li::before {
	content:"\00bb";
	font-size:20px;
	line-height:1em;
	position:absolute;
	left:0;
	top:-2px;
}

#content .lSSlideOuter {
	margin-top:30px;
	margin-bottom:30px;
}
#content ul.gallery_slider li, #content ul.lSPager li {
	padding-left:0;
}
#content ul.gallery_slider li::before, #content ul.lSPager li::before {
	content:none;
}
#content .lSSlideOuter .lSPager.lSGallery li {
	cursor:pointer;
}
#content .lSSlideOuter .lSPager.lSGallery li.active, #content .lSSlideOuter .lSPager.lSGallery li:hover {
	border-radius:0;
	position:relative;
}
#content .lSSlideOuter .lSPager.lSGallery li.active::after, #content .lSSlideOuter .lSPager.lSGallery li:hover::after {
	position:absolute;
	content:"";
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.5);
} 

#leftnav {
	position:absolute;
	left:0px;
	top:0px;
	background:#333;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font:300 15px 'Oswald', sans-serif;
	width:140px;
	margin:0;
	padding-left:40px;
	padding-top:25px;
	padding-bottom:20px;
}
#leftnav li {
	margin-bottom:12px;
}
#leftnav a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#leftnav a.active {
	font-weight:500;
	color:#e6c57c;
}

#content form {
	background:#f2f2f2;
	padding-top:20px;
	width:720px;
}
#content form h3 {
	position:relative;
	font:500 15px 'Oswald', sans-serif;
	height:40px;
	line-height:40px;
	background:#000;
	color:#e6c57c;
	padding-left:20px;
	max-width:160px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	text-transform:uppercase;
	margin-bottom:20px;
}
#content form h3 a {
	position:absolute;
	right:10px;
	top:0px;
	color:#e6c57c;
	font-size:12px;
	line-height:40px;
}
#content form p {
	margin-left:20px;
}
.field_short, .field_tiny, .field, .field_long {
	margin-left:2.7%;
	margin-bottom:24px;
}
.field_short {
	width:45.5%;
	float:left;
}
.field_tiny {
	width:21.3%;
	float:left;
}
.field {
	width:93.5%;
}
.field_long {
	width:91%;
}
.field_short input, .field input, .field_tiny input, .field_long textarea {
	padding-bottom:10px;
	width:100%;
	font:normal 15px 'Lato', sans-serif;
}
.field_long textarea {
	padding:10px;
	height:120px;
	background:none;
}
#content form input {
	appearance:none;
	-webkit-appearance:none;
	border-radius:0;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px solid #333;
	background:none;
	outline:none;
}
#content form input.button {
	margin-left:20px;
	margin-bottom:30px;
	border-bottom:none;
}
#content form select {
	font:normal 15px 'Lato', sans-serif;
	width:100%;
}

#content ul#sponsors li {
	padding:0;
	margin-left:0;
	margin-right:0;
	margin-top:60px;
}
#content ul#sponsors li::before {
	content:none;
}

body.single-gallery #content {
	padding-bottom:30px;
}
#gallery {
	max-width:1015px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;	
}
#gallery ul {
	padding:0;
	margin-left:-5px;
	list-style:none;
}
#gallery ul li {
	list-style:none;
	display:block;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}
#gallery ul li a {
	display:block;
	width:250px;
	height:175px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#footer_cta {
	background:#333;
	color:#fff;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}
#footer_cta ul {
	list-style:none;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
}
#footer_cta ul li {
	list-style:none;
	margin-top:0;
	margin-left:7.14%;
	padding:0;
	width:28.57%;
	float:left;
}
#footer_cta ul li:first-child {
	margin-left:0;
}
#footer_cta h2 {
	color:#e6c57c;
	line-height:1em;
}
#footer_cta a.button {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

#footer {
	text-align:center;
	background:#000;
	padding-top:50px;
	color:#e6c57c;
}
#footer a {
	color:#e6c57c;
}
#footer p {
	margin-bottom:30px;
}
#legal {
	font-size:13px;
	color:#666;
	padding-bottom:10px;
}
#legal a {
	color:#666;
}

@media only screen and (max-width: 1099px) {
	
	h2 {
		font-size:30px;
	}
	#leftnav {
		display:none;
	}
	
}

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

	h1 {
		font-size:36px;
	}
	img {
		max-width:100%;
	}
	
	#header {
		left:20px;
		right:20px;
		top:20px;
	}
	#header > a > img {
		width:80px;
	}
	#nav > a {
		right:20px;
		top:20px;
	}
	#nav.active > ul {
		width:100%;
	}
	
	#hero {
		height:30vh;
	}
	#hero h2 {
		font-size:24px;
	}
	#hero h3 {
		font-size:18px;
		line-height:1.4em;
	}
	#hero h4 {
		font-size:16px;
		line-height:26px;
	}
	
	#page_title h2 {
		max-width:90% !important;
	}
	
	#content {
		max-width:90% !important;
	}
	
	#content form {
		width:100%;
	}
	.field_short, .field_tiny {
		width:92%;
		float:none;
	}
	
	ul.gallery_slider li img {
		width:100%;
		height:auto;
	}
	#gallery {
		max-width:90%;
		margin:auto;
	}
	#gallery ul {
		margin-left:0;
	}
	#gallery ul li {
		float:none;
	}
	#gallery ul li a {
		margin:auto;
	}
	
	#footer_cta ul li, #footer_cta ul li:first-child {
		float:none;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
}