/*
Theme Name: PROSPECT PLACE
Theme URI: http://www.prospectplace.com.au/
Description: The Responsive Wordpress Theme for PROSPECT PLACE website
Version: 1.0
Author: Robertson Web Design & Development
Author URI: http://www.robertsonweb.com.au
*/
/* FONTS */
@import url("//hello.myfonts.net/count/30e341");
@font-face {font-family: 'FFDINWebProBold';src: url('fonts/30E341_0_0.eot');src: url('fonts/30E341_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/30E341_0_0.woff2') format('woff2'),url('fonts/30E341_0_0.woff') format('woff'),url('fonts/30E341_0_0.ttf') format('truetype');}

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; box-sizing:border-box}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
input,select{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}

/* DEFAULT STYLES */
a {text-decoration:none;outline:none !important;color:#6d9ac0}
a:hover {text-decoration:none}
img, object, embed {max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5 { margin:0; padding:0; font-weight:normal}
h2 {font-size: 62px; color:#6d9ac0; line-height:62px; padding-bottom:20px; border-bottom:2px solid #6d9ac0; margin-bottom:8px; letter-spacing:-0.06em}
h2 span {display:block}
h3 {font-size: 17px; color:#000102; line-height:19px; padding-bottom:8px; border-bottom:2px solid #6d9ac0; margin-bottom:25px;}
h4 {font-size: 18px; color:#000102; line-height:19px; margin-bottom:15px;}
p {margin:0; padding:0 0 10px 0; line-height:18px}
section {clear:both; position:relative}
input[type="text"],input[type="email"],textarea {font-size:inherit;width:100%; font-family:inherit; color:inherit; border:none;box-sizing:border-box; padding:5px 10px; max-height:60px;-moz-box-shadow: inset 0 0 2px 2px #a6a6a6; -webkit-box-shadow: inset 0 0 2px 2px #a6a6a6;box-shadow: inset 0 0 2px 2px #a6a6a6; border-radius:1px;-moz-border-radius:1px; -webkit-border-radius:1px; margin-bottom:2px}
body {background:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000102; line-height:18px;}
ul.list {list-style:none;}
ul.list li {background:url(images/bullet.png) no-repeat left 5px; padding-left:15px; padding-bottom:6px}
ol {font-weight:bold}
ol li {font-weight:normal}

/* MAIN STYLES */
h1,h2,h3,h4,h5,info-phone,#department,#contact,#quote{font-family: 'FFDINWebProBold';}
#wrapper {width: 1000px; margin:0 auto; background:#fff;}
.container {width: 880px; margin:0 auto; position:relative}
.clear {clear:both;}
.primary {width: 410px; float:left}
.secondary {width: 408px; float:right; padding-top:3px}

#header {background:url(images/header.jpg) no-repeat top center; height:690px; position:relative}
	#logo {position:absolute; bottom:0; height:192px; width: 340px; left: 294px; }
		#logo a { display:block; text-indent:-9999px; overflow:hidden; width:100%; height:100%}
	#facebook {position:absolute; top:20px; right:180px}
	#contact {position:absolute; top: 20px; right:20px; width:144px; height:65px; background:url(images/bubble.png) no-repeat left top;  text-align:center; font-size:24px;}
		#contact a {display:block; color:#465873; padding: 15px 0 0 ;}
#footer {text-align:center; clear:both; color:#fff; font-size:10px; text-align:center; padding: 10px 0 20px}
	#footer a {color:#fff}
	#footer a:hover {color:#6d9ac0;}
	#footer span {display:inline-block}
	#footer span.fs {padding: 0 10px}
section .container {padding-top:50px; padding-bottom:40px}        

#section-1, #section-5 {background:#fff;}
#section-2, #section-4 {background:#dadada;}
#section-3 {background:#000;}
#section-4 .secondary img {margin-bottom:5px}
#section-4 .second-slideshow {height:150px; overflow:hidden}

#enquiry {background:#6596c0 url(images/Prospect-Place-Enquiry-bg.jpg) no-repeat bottom center; min-height:300px; position:relative; padding: 20px 15px 60px}
	#department { font-size:19px; position:absolute; bottom:-2px; left:0; position:absolute}
	#enquiry h3 {border:none; font-size:19px; margin:0;}
	#enquiry-info {background:#fff; padding: 15px 10px; position:relative; margin-bottom:10px}
		#enquiry-info span {display:block}
		#enquiry-info span.info-phone {font-size: 27px; line-height:28px; padding-top:5px}
		#enquiry-info span.info-phone a {color:#000102}
		#enquiry-info span.info-phone a:hover {color:#6d9ac0}
		#enquiry-info span.info-logo {position:absolute; top:20px; right: 15px}
	#enquiry-form {}
		#enquiry-form .form-field {padding-bottom:5px}
		#enquiry-form .form-submit {text-align:right;}
		#enquiry-form .form-submit input {text-transform:uppercase; background:#fff; border:none; width:60px; padding:3px; cursor:pointer;-moz-border-radius: 1px;border-radius: 1px;-moz-box-shadow: 3px 3px 3px #192630;-webkit-box-shadow: 3px 3px 3px #192630;box-shadow: 3px 3px 3px #192630;}
        #enquiry-form .form-msg {font-size: 11px}
        #enquiry-form .form-msg span {display:block; padding:3px 10px;background:#fff;font-size: 11px}
        #enquiry-form .form-msg #msg-success {border:1px solid green; color:green}
        #enquiry-form .form-msg #msg-error {border:1px solid red; color:red}
        
#quote {clear:both; margin-top:90px;color:#6d9ac0; font-size:25px; line-height:31px; text-align:right; padding-left:47px; background: url(images/bq-top.png) no-repeat left top}
	#quote blockquote {background:url(images/bq-bottom.png) no-repeat right bottom; padding-bottom:10px}
	#quote blockquote span {display:inline-block; width:50px;}
.swipe {display:none}
.scrollToTop {position:absolute; right:0; top:25px; text-transform:uppercase; font-size:12px; color:#878787}
#slideshow {margin-bottom:25px; background:#000; width:1000px; height:700px; overflow: hidden;}
    #prev,#prev2 {position:absolute; background:url(images/prev.png) no-repeat left top; width: 69px; height:69px; top:315px; left:12px; text-indent:-9999px; overflow:hidden; z-index:10000;}
    #next,#next2 {position:absolute; background:url(images/next.png) no-repeat left top; width: 69px; height:69px; top:315px; right:12px; text-indent:-9999px; overflow:hidden; z-index:10000;}
#nav { width: 100%; margin: 0; padding-left:10px }
    #nav li { width: 145px; float: left; margin: 0 10px 25px; list-style: none }
    #nav a { width: 100%; display: block;  }
    #nav a span {color:#fff; display:block; font-size: 14px; margin-top:3px}
    #nav li.activeSlide a img { border:1px solid #6d9ac0 }
    #nav li.activeSlide span { color:#6d9ac0}
    #nav a:focus { outline: none; } 
    #nav img { border: none; display: block;border:1px solid #000 }
    
label.error {color: red;font-style: italic;font-size:12px;}
.desktop-only {display:block; position:relative}
.mobile-only {display:none; position:relative}

#gform_wrapper_1 {margin-bottom:0 !important}
#gform_1  ul li.gfield {margin-top:0 !important; padding-right:0 !important}
#gform_1 li.hidden_label input {margin-top:0 !important}
#gform_1 .gform_footer {margin-top:0 !important; text-align:right; padding-top:10px}
#gform_1 .gform_footer input {margin-right:0  !important;cursor:pointer;text-transform:uppercase; background:#fff; border:none; width:60px; padding:3px; cursor:pointer;-moz-border-radius: 1px;border-radius: 1px;-moz-box-shadow: 3px 3px 3px #192630;-webkit-box-shadow: 3px 3px 3px #192630;box-shadow: 3px 3px 3px #192630;}

	
/* RESPONSIVE */
@media only screen and (max-width : 999px) {
    body {font-size: 12px; line-height:17px}
    #wrapper {width:740px}
    .container {width:700px}
    #header {height:510px; background-size:cover}
    #logo {left: 217px; height:142px; width:252px;}
    #contact {font-size: 15px; top: 10px; right:10px; background-size:cover; width:100px; height:45px}
        #contact a {padding-top:8px;}
    section .container {padding-top:30px; padding-bottom:20px}
    .primary, .secondary {width: 330px;}
    h2 {font-size: 50px; line-height:56px; padding-bottom: 15px}
    h3 {font-size: 16px; line-height:18px; margin-bottom: 15px}
    h4 {font-size: 16px; line-height:18px; }
    #quote {margin-top:50px; font-size: 19px; line-height:28px}
    #slideshow {width:100%; height:518px}
    #nav li {width:100px}
    #nav a span {font-size:12px}
    .scrollToTop {top:10px}
    #enquiry {background-size:100% auto}
    #enquiry h3 {font-size: 17px}
    #department {font-size: 16px; bottom:0}
    #prev, #next {top:240px}
}
@media only screen and (max-width : 767px) {
    .mobile-only {display:block !important}
    .desktop-only {display:none !important}
    ol {padding-left:15px}
    body {font-size: 12px; line-height:17px}
    p {line-height:17px}
    #wrapper {width:320px}
    .container {width:287px}
    #header {height:223px; background-size:cover}
    #logo {left: 93px; height:62px; width:111px;}
    #contact {font-size: 12px; top: 7px; right:7px; background-size:cover; width:68px; height:30px}
        #contact a {padding-top:3px;}
    h2 {font-size: 44px; line-height:46px; padding-bottom: 15px}
    h3 {font-size: 15px; line-height:18px; margin-bottom: 15px}
    h4 {font-size: 15px; line-height:18px; }
    .primary, .secondary {width: 100%; float:none; clear:both}
    section .container {padding-top:25px; padding-bottom:15px}
    .scrollToTop {top: 7px; font-size:9px}
    #quote {margin-top:15px; font-size: 17px; line-height:22px; background-size:30px auto; padding-left:37px}
    #quote blockquote {padding-bottom:7px; background-size:30px auto;}
    #quote blockquote span {width: 35px}
    #slideshow {height:224px; width:100%; margin-bottom:0}
    #nav {display:none !important}
    #prev,#next {top:100px; width:20px; height:20px; background-size:cover}
    #prev2,#next2 {top:63px; width:20px; height:20px; background-size:cover}
    #prev,#prev2 {left:7px}
    #next,#next2{right:7px}
    #enquiry {background-size:100% auto}
    #enquiry h3 {font-size: 15px}
    #department {font-size: 14px; bottom:0}
    #footer {width:320px; margin:0 auto;}
    #footer span.fs {padding:0 5px}
    #footer span.fs-3 {display:none}
    #section-2 h2 {border:none}
    #section-2 h3 {border-top:2px solid #6d9ac0;padding-top:8px; margin-top:10px }
    .swipe {display:block; text-align:center; color:#fff; font-size:10px; background:#000; padding:4px 0}
    
}