/*
Theme Name: Pacific Dunes
Theme URI: http://www.pacificdunes.com.au/
Description: Pacific Dunes WordPress Template
Version: 1.0
Author: The Village of Useful
Author URI: http://www.thevillageofuseful.com.au/
*/

/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, small, strike, strong, ol, ul, li, fieldset, form, label, caption { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 14px; color: #666; background: #f4f4f4;  }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, button, input, select, textarea { font-family: "ff-enzo-web"; }
a, a:hover, input[type="submit"], input[type="submit"]:hover, li, li:hover, li img, li:hover img { transition-property:all; -moz-transition-property:all; -webkit-transition-property:all; transition-duration:0.15s; -moz-transition-duration:0.15s; -webkit-transition-duration:0.15s; transition-timing-function:linear, ease-in; -moz-transition-timing-function:linear, ease-in; -webkit-transition-timing-function: ease-in-out; }
a, img { outline: none; border: 0; }

/* Containers */
header, nav, section, footer { float: left; position: relative; width: 100%; height: auto; }
.container { width: 100%; max-width: 1140px ; margin: 0 auto; clear: both; }


/* Formatting */
a { text-decoration: none; color: #14bac8; }
a:hover, a:active { color: #11919c; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; }

.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }

article header { width: auto; padding: 0; margin: 0; float: none; }
.chosen-results li { width: 100%; background-image: none; list-style-image: none; }

/* Slideshow */
#feature { width: 100%; overflow: hidden; position: relative; height: auto; }
#feature .item { float: left; display: block; position: relative; text-align: center; height: 500px; overflow: hidden; }
#feature .item.inner { height: 400px; } 
#feature .item img { height: auto; width: 100%;  position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;}
#feature .caption { position: absolute; width: 100%; height: inherit; text-align: center; font-size: 24px; color: #fff; top: 0; letter-spacing: 4px; text-transform: uppercase; }
#feature iframe { width: 100%; } 
#feature .caption .box { font-size: 72px; padding: 20px 60px; border: 2px solid #fff; margin-top: 145px; display: inline-block; margin-bottom: 35px; }
.form-allowed-tags { display: none; }
#feature .video-container { width: 100%; float: left; height: 500px; display: block; }
#feature video { width: 100%; height: auto; min-width: 1050px; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }
#feature .video-container img { height: auto; width: 100%; min-width: 1200px; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;}
#pager { width: 100%; text-align: center; }
#pager a span { padding: 3px; background: #333; border: 3px solid #333; color: #333; height: 3px; width: 3px; font-size: 1px; border-radius: 10px; margin: 0 2px; }
#pager a.selected span { background: #aaa; }
#feature.bluebar { border-bottom: 20px solid #13b9c7; height: 380px; }
#feature.bluebar .item { height: 370px; }
body.page-template-masters-template { background: url(inc/images/masters-bg.jpg) no-repeat; background-size: cover; float: left; }
#feature .item iframe { pointer-events: none; }
#feature .item.click iframe { pointer-events: all; }
.page-template-contact-template .quarter { width: 26.5%; }
.page-template-contact-template .threequarter { width: 69.5%; }

/* Forms */
button, input, textarea { font-size: 100%; margin: 0; vertical-align: baseline; outline: none; -webkit-appearance: none; }
button, input[type="submit"] { border: 0; background: #14bac8; color: #fff; font-weight: 600; padding: 10px 20px; cursor: pointer; }
button:hover, input[type="submit"]:hover {  }
button:focus, input[type="submit"]:focus {  }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="text"], input[type="email"] { width: 100%; padding: 10px; margin: 10px 0 20px; border: 1px solid #ddd; color: #555; }
input[type="search"] { padding: 10px; margin: 10px 0 20px; border: 1px solid #ddd; color: #555; }
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:hover { border: 1px solid #bbb; }
textarea { width: 100%; padding: 10px; overflow: auto; margin: 10px 0 20px; border: 1px solid #ddd; }
textarea:focus { border: 1px solid #bbb; }
form ul li { padding-left: 0 !important; list-style: none; }
.gform_wrapper textarea { font-size:14px; }
.nivo-lightbox-inline .top_label { margin-top: 0 !important; padding-top: 0 !important; }
.nivo-lightbox-inline .gform_wrapper .ginput_complex .name_first, .nivo-lightbox-inline .gform_wrapper .ginput_complex .name_last { width: 250px !important; }
.mapplic-element, .mapplic-container { background: none !important; }

/* Theme Styles */

.edge { width: 100%; max-width: 1500px ; margin: 0 auto; background: #fff; position: relative; }

.half { width: 48%; float: left; margin-right: 4%; }
.half:last-of-type { margin-right: 0; }
.quarter { float: left; width: 21.5%; margin-right: 4%; }
.quarter:last-of-type { margin-right: 0; }
.threequarter { width: 74.5%; float: left; margin-right: 4%; }
.threequarter:last-of-type { margin: 0; }
.third { width: 32%; margin-right: 2%; float: left; }
.third:last-of-type { margin-right: 0; }
.twothird { width: 66%; margin-right: 2%; float: left; }
.twothird:last-of-type { margin-right: 0; }

.tripadviser { width: 430px; overflow: hidden; padding: 20px; border: 1px solid #14bac8; margin-top: 25px; float: right; }
.highlight { color: #14bac8; margin: 0 10px 0 0; }
.no-margin { margin-left: 0 !important; margin-right: 0 !important; }
.accordion-toggle {cursor: pointer;}
.accordion-content .block { float: left; width: 100%; }
.accordion-content {display: none; width: 100%; float: left; }
.accordion-content.default {display: none; width: 100%; float: left; }
#accordion p, #accordion2 p { float: left; margin: 0 0 10px !important; font-size: 18px; width: 100%; float: left;  }
#content #accordion h4, #content #accordion2 h4 { float: left; margin-bottom: 5px; width: 100%; font-weight: 800; }

h1 { font-size: 40px; color: #14bac8; line-height: 48px; margin-bottom: 20px; }
h2 { font-size: 40px; color: #14bac8; line-height: 48px; margin-bottom: 20px; }
p { font-size: 20px; line-height: 30px; color: #464646; margin: 15px 0; }

#bar { width: 100%; padding: 0; background: #000; color: #fff; font-size: 16px; float: left; width: 100%; height: 48px; overflow: hidden; }
#bar ul { text-align: right; display: inline-block; margin-right: 10px; }
#bar ul li { display: inline-block; list-style: none; }
#bar ul li a { color: #fff; margin-left: 10px; padding: 15px 10px; float: left; } 
#bar ul li.current_page_item a { color: #ddd; }
#bar ul li.button a { background: #14bac8; color: #fff; }
#bar ul li a:hover { color: #ddd; }
#bar .time { width: 52%; float: left; padding: 15px 25px; }
#bar .secondary { width: 48%; float: left; text-align: right; padding-right: 25px; }
#bar .search { float: right; width: auto; }
#bar .container { position: relative; }
#bar .searchbutton { padding: 14px 0; display: inline-block; }
#bar .search form { position: absolute; background: #000; right: 0; top: 0; height: 48px; display: none; width: 510px; overflow: hidden; }
#bar .search form a.searchclose { float: left; margin-right: 10px; margin-top: 13px; height: 103px;}
#bar .search form label { float: left; }
#bar .search form input { margin: 0; padding: 15px 0; background: #000; border: 0; background: #444; float: left; height: 48px; }
#bar .search form input[type="search"] { width: 430px; padding: 15px 10px; color: #fff; }
#bar .search form input[type="submit"] { background: url(inc/images/search.png) #14bac8 no-repeat center center; width: 50px; float: right; font-size: 1px; color: #000; height: 48px; line-height: 14px; }
#bar .search form span { display: none; }
#menu { padding: 25px; float: left; width: 100%; background: #fff; }
#menu .container { max-width: 1215px; padding: 0 2.5%; }
#menu .logo { float: left; }
#menu nav { float: right; width: auto; margin-top: 2px; }
#menu nav ul li { display: inline-block; }
#menu nav ul li ul { position: absolute; top:31px; width: 300px; z-index: 2000; display: none; padding-top: 30px; }
#menu nav ul li:hover ul { display: block; }
#menu nav ul li ul li { float: left; width: auto; clear: both; width: 100%; }
#menu nav ul li ul li a { padding: 15px 15px; width: 100%; border: 0; font-size: 18px; background: rgba(255,255,255,0.8); }
#menu nav ul li ul li a:hover { background: #14bac8; color: #fff; }
#menu nav ul li:last-of-type a { border: 0; padding-right: 0; }
#menu nav ul li a { padding: 0px 25px; border-right: 1px solid #14bac8; color: #14bac8; font-size: 26px; float: left; }
#menu nav ul li a:hover { color: #11919c } 
#menu nav ul li.current_page_item a { color: #11919c; }

#keys { background: #14bac8; text-align: center; color: #fff; padding: 40px 0; }
#keys h2 { font-size: 38px; color: #fff; font-weight: 300; }
#keys ul li { display: inline-block; list-style: none; padding: 15px 15px 0; }
#keys ul li img { margin-bottom: -12px; }
#keys.white { background: #fff; text-align: center; color: #14bac8; padding: 40px 0; }
#keys.white h2 { font-size: 38px; color: #14bac8; font-weight: 300;}

#content { padding: 40px 0; background: #fff; }
#content .rank img { float: left; }
#content .right { float: right; width: 430px; }
#content .right.cc img { max-width: 100%; float: right; height: auto; }
#content .thumb { float: right; margin: 0 0 20px 20px; width: 205px; overflow: hidden; }
#content .thumb img { width: 100%; height: auto; }
#content .rank { margin: 25px 0; }
#content .rank .details { display: inline-block; font-size: 18px; color: #999; line-height: 30px; margin-left: 20px; }
#content h1 { font-size: 40px; color: #14bac8; line-height: 48px; margin-bottom: 20px; font-weight: 300; }
#content p { font-size: 20px; line-height: 30px; color: #464646; margin: 15px 0; }
#content p span { color: #14bac8; }
#content .signature { margin: 10px 0; }
#content .left { width: 660px; float: left; }
#content .blue-box { width: 100%; padding: 50px; border: 1px solid #14bac8; float: left; } 
#content .blue-box h3 { font-size: 40px; font-weight: 300; width: 100%; text-transform: uppercase; text-align: justify; color: #14bac8; float: left; letter-spacing: 4px; }
#content .blue-box ul { float: left; margin: 15px 0; width: 100%; }
#content .blue-box ul li { font-size: 22px; padding: 16px 56px 16px 0; text-align: left; list-style: none; color: #14bac8; border-bottom: 1px solid #14bac8; width: 100%; position: relative; }
#content .blue-box ul li span { height: 50px; width: 50px; padding: 14px 0; border-radius: 30px; text-align: center; background: #14bac8; display: inline-block; color: #fff; font-size: 18px; position: absolute; margin-top: -25px; right: 0; top:50%;}
#content .blue-box ul li:last-of-type { border-bottom: 0; } 
#content .blue-box p { font-size: 18px; color: #444; float: left; width: 100%; }
#content .blue-box.residential ul li span { width: auto; padding: 0; margin: 0; background: 0; height: auto; color: #14bac8; }
#content .centre { width: 100%; text-align: center; float: left; }

#content .full { margin-bottom: 40px; width: 100%; float: left; }
#content.masters h1 { color: #555555; font-size: 38px; }
#content.masters .button { background: #007236; color: #fff; padding: 15px 30px; margin: 0; font-size: 20px; display: inline-block; }
#content .black-box { width: 100%; padding: 50px; background: #000; float: left; }
#content .black-box h3 { color: #fff; margin-top: 0; font-size: 26px; font-weight: 700; margin-bottom: 0; }
#content .black-box p { color: #13b9c7; }
#content .black-box strong { color:#fff; font-weight: normal; }

#content .property { width: 23.5%; margin: 25px 2% 25px 0; float: left; min-height: 470px; }
#content .full.land .property { min-height: 420px; }
#content .property-meta { font-size: 20px; color: #777; margin: 0 0 25px; float: left; width: 100% }
#content .property:last-of-type { margin-right: 0; }
#content .property ul { float: left; width: 100%; margin-bottom: 15px; }
#content .property ul li { padding: 0; float: left; list-style: none; margin-right: 5px; font-size: 30px; color: #9f9f9f; font-weight: 800; width: auto; clear: none;}
#content .property ul li img { margin-bottom: -10px; }
#content .property p a { text-decoration: underline; color: #464646; }
#content .property .button { background: #007236; color: #fff; padding: 15px 30px; text-align: center; font-size: 20px; display: inline-block; }
#content .property a.thumbnail { width: 100%; height: 190px; margin-bottom: 10px; float: left; overflow: hidden; }
#content .gallery { width: 790px; float: left; height: 450px; overflow: hidden; }
#content .facts { width: 330px; height: 450px; padding: 25px; border: 1px solid #14bac8; float: right; }
#content .facts ul{ padding-left: 0; }
#content .facts ul li { text-align: center; width: 80%; padding-left: 50px; float: left; clear: both; list-style: none; margin: 5px 0; color: #14bac8; font-size: 20px;}
#content .facts a.button { background: #007236; color: #fff; padding: 15px 30px; text-align: center; font-size: 20px; display: inline-block; width: 100%;  }
#content .facts p { text-align: center; color: #14bac8; font-size: 20px; }
#content ul { padding-left: 20px; width: 100%; }

#content ul li { color: #464646; text-align: left; margin: 5px 0; font-size: 20px; }

#content ul.tribe-events-sub-nav { padding-left: 0; }
#content ul.tribe-events-sub-nav li { padding-left: 0; clear: inherit; }
#content .facts ul li span { height: 46px; float: left; margin-top: -10px; margin-bottom: 15px; width: 46px; padding: 5px; border-radius: 24px; text-align: center; background: #14bac8; display: inline-block; color: #fff; font-size: 30px; margin-right: 5px; }
#content .full-row { width: 100%; float: left; padding: 40px 0; border-bottom: 1px solid #eee; }
#content .quote { width: 100%; text-align: center; padding: 40px 0; float: left; text-align: left; }
#content h4 { color: #26b8c4; font-size: 20px; margin: 15px 0; font-weight: 600; }
#content .blog .details { width: 550px; float: left; }
#content .blog .post-meta { display: none; }
#content .blog a.thumb { width: 240px; height: 200px; overflow: hidden; float: left; margin-left: 0; margin-right: 35px; }
#content article { margin-bottom: 35px; width: 100%; float: left; }
#content article .featureimage { width: 100%; float: left; margin-bottom: 20px; }
#content article .featureimage img { width: 100%; height: auto; }
#content article h1 { font-size: 36px; color: #14bac8; line-height: 44px; margin-bottom: 10px; margin-top: 0; }
#content article h2 { font-size: 32px; color: #14bac8; line-height: 40px; margin-bottom: 10px; margin-top: 0; }
#content .menu { border: 1px solid #14bac8; padding: 35px 50px 50px 50px; float: left; width: 100%; }
#content .menubuttons { padding: 50px; float: left; width: 100%; } 
#content .menubuttons .quarter { text-align: center; }
#content .menubuttons a { font-size: 32px; font-weight: 400; padding: 15px 0; color: #aaa; }
#content .menu h3 { font-size: 20px; font-weight: 400; margin: 5px 0 5px; color: #26b8c4; float: left; width: 100%; margin-top: 15px; margin-bottom: 5px; }
#content .menu h4 { font-size: 16px; font-weight: 400; margin: 5px 0 5px; color: #aaa; float: left; width: auto; clear: both; margin-top: 0px; margin-bottom: 5px; border-bottom: 1px solid #eee; padding-bottom: 20px; letter-spacing: 2px; }
#content .menu p { float: left; width: 100%; margin-bottom: 10px; margin-top: 5px; }
#content .menubuttons a.active { border-bottom: 1px solid #26b8c4; color: #26b8c4; }
#content .menu.lunch, #content .menu.beverages, #content .menu.dinner { display: none; }
#content .menu b, #content .menu strong { font-weight: 400; color: #26b8c4; }
#content ul.event-gallery { padding-left: 0; width: 100%; float: left; }
#content ul.event-gallery li { float: left; width: 150px; padding: 0; margin: 0 24px 24px 0; clear: none; overflow: hidden; height: 150px; }
#content ul.event-gallery li img { width: 100%; height: auto; }
#content .full-row h3 { color: #26b8c4; font-size: 28px; margin: 0 0 15px; font-weight: 400; }
#content .quote p { line-height: 42px; margin-bottom: 5px; margin-top: 5px; font-size: 30px; color: #14bac8; text-align: left; }
#content .quote span { margin-bottom: 10px; font-size: 22px; margin-top: 20px; }
#content .quarter.event { width: 35%; margin-right: 5%; }
#content .threequarter.event { width: 60%; }
#content .accordion-content ul li { padding-left: 0; }
#content .accordion-block { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
#content .full iframe { border: 1px solid #eee; width: 100% !important; margin: 50px 0; overflow: auto; }
#content .tribe-events-notices ul li { float: none; padding-left: 0; }
#content .blue-box a.button { background: #007236; color: #fff; padding: 15px 30px; margin-bottom: 10px; font-size: 20px; display: inline-block; text-align: center; }

#content .post .gallery { width: 100%; float: left; margin: 15px 0; height: auto; }
#content .post .gallery-item { float: left; width: 24%; margin: 0.5%; float: left; height: 270px; }
#content .post .gallery-item img { width: 100%; float: left; height: auto; margin-bottom: 10px; }

#content .packages .blue-box.third { width: 31%; float: left; margin-right: 3.5%; padding: 30px; margin-top: 25px; min-height: 615px; position: relative; }
#content .packages .blue-box.third h3 { font-size: 30px; letter-spacing: 0; margin-bottom: 5px; }
#content .packages .blue-box.third h3 span { font-size: 20px; color: #333; float: right; letter-spacing: 0; font-weight: bold; line-height: 44px; }
#content .packages .blue-box.third span.time { font-size: 14px; font-weight: bold; color: #14bac8; letter-spacing: 0; font-weight: bold; }
#content .packages .blue-box.third:nth-of-type(3n) { margin-right: 0; }
#content .packages .blue-box.third a.button { width: 85%; position: absolute; bottom: 25px; left: 25px; }
#content .packages .blue-box.third ul li { font-size: 18px; }

.size-full { max-width: 100%; height: auto; }
.gform_wrapper .top_label .hd-label .gfield_label { display: none; }
input[type="text"], input[type="email"] { margin-bottom: 10px; }

#sidebar ul { float: left; width: 100%; margin: 0 0 20px; }
#sidebar ul li { width: 100%; text-align: left; float: none; margin: 5px 0 5px 20px; list-style: disc; }
#sidebar.widget-area ul li { padding-left: 0; }
#sidebar ul li a { color: #333; }
aside h3 { color: #26b8c4; font-size: 28px; margin: 0 0 15px; font-weight: 400; }
aside { margin-bottom: 35px; width: 100%; float: left; }
.sidebar h3 { color: #26b8c4; font-size: 28px; margin: 0 0 15px; font-weight: 400; }

#grey { background: #ebebeb; padding: 60px 0; text-align: center; }
#grey a.button { background: #007236; color: #fff; padding: 15px 30px; margin: 0 10px 20px 10px; font-size: 20px; display: inline-block; }

#scroll {
	overflow-x: scroll;
}

#masterp {
	width: 1140px;
}

#maphold {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

#greens h2 {
	margin: 0 0 20px;
}

#greens {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	opacity: 0;
	left: 0;
	overflow-x: scroll;
}

#greens .cntr {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	padding: 0 20px;
}

#greens .mapcont {
	overflow-x: scroll;
	width: 100%;
	max-width: 980px;
	float: left;
	height: auto;
}

#links h2 {
	margin: 0 0 20px;
}

#links {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	opacity: 0;
	left: 0;
	overflow-x: scroll;
}

#links .cntr {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	padding: 0 20px;
}

#links .mapcont {
	overflow-x: scroll;
	width: 100%;
	max-width: 980px;
	float: left;
	height: auto;
}
#portmarnock h2 {
	margin: 0 0 20px;
}

#portmarnock {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	opacity: 0;
	left: 0;
	overflow-x: scroll;
}

#portmarnock .cntr {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	padding: 0 20px;
}

#portmarnock .mapcont {
	overflow-x: scroll;
	width: 100%;
	max-width: 980px;
	float: left;
	height: auto;
}

.lotbox {
	max-width: 480px;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
}

.lotbox h1 {
	width: 100%;
}

.lotbox h1 span {
	color: #aaa;
	font-size: 26px;
	float: right;
}

.hidden {
	display: none;
}

#pro-quote { background: #fff; padding: 40px 0 0; }
#pro-quote .pro { float: left; width: auto; }
#pro-quote .quote { float: right; font-size: 32px; color: #14bac8; padding: 10px 0 60px; width: 710px; }
#pro-quote .quote span { color: #555555; font-size: 22px; float: left; margin-top: 35px; }
#pro-quote .item { width: 100%; float: left; display: block; height: 300px; }
#pro-quote #pager { position: absolute; bottom: 40px; }

#gd-testimonials { padding: 40px 0 100px; min-height: 305px; }
#gd-testimonials .item { width: 100%; float: left; display: block; height: 305px; }
#gd-testimonials .quote { float: left; font-size: 32px; color: #555; padding: 10px 0 60px; width: 100%; }
#gd-testimonials .quote p { font-size: 40px; line-height: 46px; color: #14bac8; }
#gd-testimonials .quote span { float: right; }

#quotes { float: left; width: 100%; margin: 25px 0; border-bottom: 1px solid #eee; padding: 0 0 50px; }
#quotes .item { width: 100%; float: left; display: block; height: 300px; }

#greenbg { background: url(inc/images/golf-bg.jpg); background-size: cover; padding: 50px 0; }
#greenbg h3 { font-size: 40px; color: #000; margin: 0 0 20px; }
#greenbg p { color: #555; font-size: 18px; line-height: 28px; }
#greenbg .box { padding: 25px; border: 1px solid #14bac8; }
#greenbg .box h3 { font-size: 32px; font-weight: 300; width: 100%; text-transform: uppercase; text-align: justify; color: #14bac8; float: left; letter-spacing: 4px; }
#greenbg .box ul { float: left; margin: 15px 0; width: 100%; }
#greenbg .box ul li { font-size: 20px; padding: 15px 0; list-style: none; color: #14bac8; border-bottom: 1px solid #14bac8; width: 100%; }
#greenbg .box ul li:after { clear: both; content: ""; display: table;}
#greenbg .box ul li span { float: left; width: 50%; }
#greenbg .box ul li span:last-of-type { float: right; width: 50%; }
#greenbg .box ul li:last-of-type { border-bottom: 0; } 
#greenbg .box p { font-size: 18px; color: #444; float: left; width: 100%; }
#greenbg .box .button { background: #007236; color: #fff; padding: 15px 30px; text-align: center; font-size: 20px; display: inline-block; width: 100%; }
#greenbg .half ul li { color: #444; margin: 7px 0 7px 18px; line-height: 32px; width: 100%; float: none; font-size: 20px; list-style: disc; }
.page-template-members-template #greenbg .box { margin-bottom: 4em; }
.button--inline { background: #007236; color: #fff; margin-bottom: 15px; padding: 15px 30px; text-align: center; font-size: 20px; display: inline-block; }
.button--inline:hover { color: #fff; }
.button--inline-full { width: 100%; }

#lifestylebg { background: url(inc/images/lifestylebg.jpg); background-size: cover; padding: 40px 0; }
#lifestylebg h1 { color: #333; font-weight: 300; }

#masterplanbg { background: url(inc/images/masterplanbg.jpg); background-size: cover; padding: 40px 0; min-height: 900px; }
#masterplanbg h2 { font-size: 38px; color: #000; margin: 20px 0; font-weight: 400; }
.backmp { float: right; color: #aaa; font-size: 24px; margin-top: 6px; }


#thumbslide { margin-top: 10px; width: 100%; position: relative; float: left; height: auto; margin-left: -10px; }
#thumbslide .item { margin: 10px 10px 20px; float: left; height: 150px; overflow: hidden; }
#thumbslide .item img { width: 100%; height: auto; }

#feature-blocks { background: #fff; }
#feature-blocks ul li { width: 25%; overflow: hidden; float: left; list-style: none; text-align: center; position: relative; height: 175px; }
#feature-blocks ul li img { width: 100%; float: left; margin-top: 0; margin-left: 0; }
#feature-blocks ul li:hover img { width: 110%; margin-top: -5%; margin-left: -5%; }
#feature-blocks ul li:hover a span.box { display: none; }
#feature-blocks ul li:hover a { background: rgba(0,0,0,0.6); }
#feature-blocks ul li a { width: 100%; position: absolute; height: 175px; left: 0; }
#feature-blocks ul li a span { margin-top: 55px; color: #fff; font-size: 26px; padding: 15px; border: 2px solid #fff; width: auto; display: inline-block; }
#feature-blocks ul li a span.quote { display: none; margin-top: 55px; font-style: italic; font-size: 16px; padding: 20px 0 0; border: 0; }
#feature-blocks ul li:hover a span.quote { display: block; }

.form-container { padding: 50px; background: #fff; }

footer { font-size: 16px; padding: 40px 0; background: #fff; }
footer h4 { color: #14bac8; margin: 0 0 20px; }
footer ul { padding: 0 0 10px; }
footer ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #aaa; }
footer .hours img { max-width: 100%; height: auto; margin-bottom: 10px; }
footer .hours ul li span { float: right; }
footer ul li:last-of-type { border-bottom: 0; }
footer p { line-height: 26px; margin: 10px 0; font-size: 16px; }
footer .award  { text-align: center; font-size: 13px; }
footer .award p { font-size: 13px; }
footer .award a { font-size: 16px; color: #333; text-decoration: underline; }
footer .award img { margin-bottom: 15px; }
footer .last ul li { padding: 4px 0; list-style: none;  border: 0; }
footer .last ul li a { color: #333; text-decoration: underline; }
footer .last ul li a:hover { color: #14bac8; }
footer .award a:hover { color: #14bac8; }
footer .terms { width: 100%; text-align: center; font-size: 10px; color: #888; margin: 20px 0; float: left; }
footer .deets { line-height: 26px; }

.mobile { display: none; }
.bg { width: 100%; float: left; background: #fff; position: relative; }
#clockbox { display: inline-block;  }
#weather { display: inline-block; }

.button.signin { background: #007236; color: #fff; padding: 15px 30px; text-align: center; font-size: 20px; display: inline-block; width: 300px; }

#hidden-form, #subscribe, #hidden-form-end-of-decade-sale, #hidden-form-once-in-a-lifetime-sale { display: none; background: #fff; padding: 40px 50px; max-height: 880px; overflow: hidden; }
#subscribe { width: 30%; margin: 0 35%; }
#hidden-form h2, #subscribe h2 { color: #26b8c4; font-size: 28px; margin: 0 0 15px; font-weight: 400; }
.gform_validation_container { display: none; }

#CDSWIDHEADER { width: 100% !important; }
#CDSWIDLOGO { width: 100% !important; height: auto !important; }

#tribe-events-pg-template { max-width: 1140px !important; } 
.tribe-events-calendar th { height: 40px; color: #fff !important; border: 0 !important; background: #14bac8 !important;; }
#tribe-events-content .tribe-events-calendar td, #tribe-events-content table.tribe-events-calendar { border: 1px solid #14bac8; }
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { background: #14bac8 !important; }
h2.tribe-events-page-title { color: #14bac8 !important; }
#tribe-events-content .tribe-events-tooltip h4 { background: #14bac8 !important; }

#content article { border-bottom: 1px solid #eee; padding-bottom: 50px; }

.banner img { width: 100%; height: auto; }
a.readmore { font-size: 20px; }
.mobilecall { display: none; }
.mobilesearchform { display: none; }
.fade { opacity:0; }

#plan { width: 100%; height: auto; overflow: hidden; position: relative; }
#plan .place { position: absolute; z-index: 100; opacity: 0; margin-top: -25px; }
#plan .marker1 { top: 27.5%; left: 50.7%; }
#plan .marker2 { top: 10%; left: 39%;  }
#plan .marker3 { top: 66%; left: 39%;  }
#plan .marker4 { top: 54%; left: 25%;  }
#plan .marker4area { top: 52%; left: 22.5%; width: 13%; height: 11%; cursor: pointer;  }
#plan .marker5 { top: 21.1%; left: 31.1%;  }
#plan .marker6 { top: 11%; left: 70.8%;  }
#plan .marker7 { top: 47.7%; left: 33.5%;  }
#plan .marker8 { top: 28%; left: 11.2%;  }
#plan .marker9 { top: 10%; left: 51.8%;  }
#plan .marker10 { top: 47.5%; left: 41%;  }
#plan .marker10area { top: 47.5%; left: 41%; width: 13%; height: 11%; cursor: pointer;  }
#plan .linksII { top: 66%; left: 37%;  }
#plan .legend { bottom: 0; right: 0;  }
#plan img.map { width: 100%; float: left; height: auto; }
#plan .greens { top: 22.5%; left: 63.5%; }
#plan .port { top: 67.5%; left: 29.5%; }

@media only screen and (min-width : 900px) and (max-width : 1140px) {
.container { width: 100%; padding: 0 2.5%; }
#content .right { float: right; width: 47.5%; display: none; }
#content .left { float: left; width: 100%; }
#feature-blocks ul li a span { font-size: 16px; }
#feature-blocks ul li { height: 150px; }
footer .quarter { width: 47.5%; margin: 50px 1.25%; }
#bar { font-size: 14px; } 
#bar .container { padding-right: 0; width: 100%; }
#bar ul li a { margin-left: 0; padding: 17px; }
#bar .half { font-size: 12px; }
#bar .secondary { width: 51%; }
#bar .time { width: 49%; padding: 17px 0; }
#bar .searchbutton { padding: 14px 14px 14px 0; display: inline-block; }
}

@media only screen and (min-width : 320px) and (max-width : 900px) {
	* { font-weight: 600 !important; }
.container { width: 90%; padding: 0 5%; }
h1 { width: 100%; text-align: left; }
.threequarter { width: 100%; margin: 10px 0; }
.mobile { display: block; width: 50%; text-align: center; padding-bottom: 10px; margin-top: 25px; display: inline-block; }
.mobilecall { display: block; width: 50%; float: left; text-align: center; padding-bottom: 10px; margin-top: 25px; display: inline-block; }
.mobilesearchform { display: block; }
.mobile img { margin-bottom: -5px; margin-right: 10px; }
.mobilecall img { margin-bottom: -5px; margin-right: 5px; }
.mobilesearchform label span { display: none; }
.mobilesearchform input[type="search"] { background: #eee; color: #333; padding: 10px; border: 0; width: 75%; float: left; margin: 10px 0 0; }
.mobilesearchform input[type="submit"] { width: 25%; float: left; background: #14bac8; padding: 10px; border: 0; margin: 10px 0 0; }
.half { width: 100%; float: left; margin-right: 0; }
#bar .half { text-align: center; font-size: 11px; }
.fade { opacity:0; }
#bar { height: auto; font-size: 14px; }

.page-template-masters-template #feature.bluebar { display: none; } 
#menu nav { width: 100%; }
#bar .half a { margin: 0 2px; }
#bar .time { width: 100%; text-align: center; padding-bottom: 5px; display: none; }
#bar .secondary { width: 100%; text-align: center; }
#bar ul { text-align: center; margin-top: 5px; float: left; width: 100%; }
#bar ul li a { padding: 10px 5px; margin-left: 0; margin-bottom: -4px; }
.quarter { float: left; width: 100%; margin-right: 0; }
.third { width: 100%; margin-right: 0; float: left; }
footer .quarter { margin: 25px 0; }
footer .quarter.last { text-align: left; }
#keys h2 { font-size: 22px }
#content .rank img { float: none; }
#keys.white h2 { font-size: 22px; }
#feature .caption { width: 90%; margin: 0 5%;}
#feature { background: url(images/mobile-bg.jpg); background-size: cover; height: 330px; }
#feature .video-container video { display: none; }
#feature .item.inner { height: 260px; }
#feature .item.inner img { height: 100%; min-height: 280px; width: auto; }
#content .right { float: left; width: 100%; text-align: left; }
#content .blue-box { padding: 25px; }
.tripadviser { width: 100%; }
#content .left { float: right; width: 100%; text-align: left; }
#content .left iframe { width: 100%; height: 260px; }
#content .thumb { float: right; margin: 0; width: 50%; height: 155px; overflow: hidden; }
#feature-blocks ul li { width: 50%; height: 150px; }
#feature-blocks ul li a span { font-size: 14px; margin-top: 48px; }
#feature .caption .box { font-size: 24px; padding: 10px 15px; margin-top: 0px; margin-bottom: 15px; }
.home #feature .caption { font-size: 12px; letter-spacing: 2px; position: absolute; bottom: 0; top: auto; height: 120px;}
#feature .caption { font-size: 12px; letter-spacing: 2px; position: absolute; bottom: 35px; top: auto; height: 120px;}
#feature .item { height: 320px; }
#feature-blocks ul li img { min-width: 280px; }
#menu .logo { width: 100%; text-align: center; }
#menu nav ul { margin: 0; display: none; }
#menu nav ul li { width: 100%; float: center; }
#menu nav ul li a  { padding: 15px !important; border-bottom: 1px solid #eee; border-right: 0; font-size: 20px; width: 100%; text-align: center; }
#menu nav ul li ul { float: left; width: 100%; position: relative; top: 0; padding-top: 0; }
#menu nav ul#menu-primary { padding: 10px 0 0; }
#feature-blocks ul li a span.quote { font-size: 14px; padding-top: 5px; }
#feature .video-container img { min-width: 800px; }
#grey a.button { width: 80%; float: none; padding: 15px 5%; margin: 5px 0; }
#pro-quote { position: relative; float: left; }
#pro-quote .item { position: relative; float: left; height: 320px;  }
#pro-quote .pro { display: none; }
#pro-quote .quote { width: 100%; float: left; text-align: left; font-size: 24px; padding-top: 0px; } 
#pro-quote .quote span { text-align: left; margin-top: 15px; font-size: 18px; float: none; display: inline-block; }
#greenbg { text-align: left; }
#greenbg .box ul li { text-align: left; font-size: 14px; }
#content .full { text-align: left; }
#lifestylebg { text-align: left; }
#thumbslide { margin: 10px 0; }
#thumbslide .item { margin: 0; height: 175px; }
#greenbg .box h3 { font-size: 22px; letter-spacing: normal; }
#pager { float: left; margin-top: 20px; }
#greenbg ul { text-align: left; }
#greenbg .box { margin-bottom: 25px; }
#content { text-align: left; }
#content .property { width: 100%; margin: 0; text-align: left; }
#content .property ul li { float: none; display: inline-block; }
#content .half img.floorplan { width: 100%; }
#content h1 { font-size: 32px; }
#content .property-meta { font-size: 14px; }
#content .gallery { width: 100%; height: auto; }
#content .gallery img { width: 100%; height: auto; }
#content .facts ul li { width: 100%; padding-left: 10px; }
#content .facts { width: 100%; }
#masterplanbg { text-align: left; }
.hours p { text-align: left; }
#bar .search { display: none; }
#content .quarter.event { width: 100%; margin: 10px 0; }
#content .threequarter.event { width: 100%; margin: 10px 0; }
#content ul.event-gallery li { width: 50%; margin: 0; float: left; height: 120px; overflow: hidden; }
#content .quote { text-align: left; }
#content .quote p { text-align: left; font-size: 32px; }
.banner img { width: 100%; height: auto; }
#content .blog a.thumb { width: 100%; margin: 10px 0; }
#content .blog a.thumb img { width: 100%; height: auto; float: left; }
#content .blog .details { width: 100%; margin: 10px 0; float: left; }
#content .blog .details a.readmore { font-size: 16px; }
.sidebar { margin-top: 50px; }
#content .menubuttons { padding-top: 0; }
.menubuttons .third { margin: 20px 0;  }
.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.tribe-events-present.mobile-active { background: #14bac8 !important;  }
.tribe-events-sub-nav li a { background: #14bac8 !important; }
form a.searchclose { display: none; }
#plan .legend { bottom: 0; right: 0; position: relative; display: none; float: left; width: 100%; height: auto; margin-top: 10px;  }
#content .property a.thumbnail { margin-top: 35px; height: 240px; }
#content .property a.thumbnail img { width: 100%; height: auto; }
#content .property .button { width: 100%; text-align: center; }

#content .packages .blue-box.third { width: 100%; float: left; margin-right: 0; padding: 30px; margin-top: 25px; }
#gd-testimonials .quote { float: left; font-size: 16px; color: #555; padding: 10px 0 60px; width: 100%; }
#gd-testimonials .quote p { font-size: 20px; line-height: 24px; color: #14bac8; }

}

.thumbnail-second {
	margin-top: 24px;
}

.thumbnail-second img {
  width: 100%;
  height: auto;
  max-width: 250px;
}

@media only screen and (min-width : 320px) and (max-width : 900px) {
	.thumbnail-second {
		display: none;
	}
}

#content .gallery img {
	max-width: 100%;
	height: auto;
}