/*
Theme Name: Premium Homes Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Premium Homes website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: Jan 2015
*/

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700);

body, html{margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-size:1em; color:#000000;}
#bg{background:#eeeeee;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:11px 0; margin:0; line-height:1.5em;}
a{color:#d10009; text-decoration:underline;}
a:hover{color:#ff1c26;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:16px 0 7px 0; margin:0; font-size:2.2em; font-weight:bold; text-transform:uppercase; color:#000; font-family: 'Oswald', sans-serif;}
h2{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.3em; font-weight:bold; color:#444444; font-family: 'Oswald', sans-serif;}
h3{margin:0; padding:12px 0 8px 0; font-size:1.1em; font-weight:bold; color:#363636;}
h4{margin:0; padding:8px 0 3px 0; font-size:1em; text-transform:uppercase; font-weight:bold; color:#ff9e19;}

ul{list-style-type:circle; margin:10px 0 10px 25px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 25px; padding:0 0 8px 5px; list-style-type: decimal;}
ol ol{margin:7px 0 7px 30px; padding:0 0 8px 5px; list-style-type:lower-roman;}
ol ol ol{margin:5px 0 5px 30px; padding:0 0 8px 5px; list-style-type:decimal;}
ol li{padding:1px 0 1px 7px; font-size:.95em;}

.alignright{float:right; margin:10px 10px 40px 40px;}
.alignleft{float:left; margin:10px 40px 40px 0;}
.aligncenter{margin:0 auto; display:block;}
img.alignright{}
img.alignleft{}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #d6d6d6; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; text-align:center; padding-top:5px;}
p.wp-caption-text{display:block; padding:7px 10px;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:15px;}

header, main, section, article, aside, footer{display:block;}

/* --------------------------- */

header{background:#000000; color:#fff; padding:13px 0 9px 0; position:fixed; z-index:3; width:100%;}
	#logo{width:205px; height:68px; float:left;}
	#logo a{display:block;}

.wrapper{width:1100px; margin:0 auto; position:relative;}

#ph{float:right; text-transform:uppercase; text-align:right; padding:0 14px 15px 0;}
  #ph span.bldr{font-weight:bold; font-size:1.1em;}
  #ph a{color:#fff; text-decoration:none;}

nav{float:right; clear:right; text-transform:uppercase;}
    nav ul{display:block; margin:0; padding:0; float:right; list-style-type:none;}
    nav li{display:block; float:left; margin:0; padding:0 4px;}
    nav li a{color:#ffffff; text-decoration:none; display:block; padding:2px 12px;}
    nav li a:hover{color:#d10009;}
    
#banner{position:relative; padding-top:90px;}
    #bnr-bg{overflow:hidden;}
    .bnr1{background:url(images/blk.png) repeat; color:#fff; padding:15px 30px; width:40%; max-width:400px; position:absolute; bottom:10%; right:0;}
    .bnr1 h1{color:#fff;}
	 .bt{height:7px; background:url(images/tb.png) repeat; position:absolute; width:100%; z-index:3;}
	 .tp{top:90px;}
	 .bm{bottom:0;}
	 
	 .page-id-11 #bnr-bg{background:url(images/about-us-2.jpg); height:433px; background-size:cover; background-position:center center;}
	 .page-id-80 #bnr-bg{background:url(images/testim-bg2.jpg); height:433px; background-size:cover; background-position:center center;}
	 .page-id-9 #bnr-bg{background:url(images/contact-bg.jpg); height:475px; background-size:cover; background-position:center center;}
    
.ttl{font-weight:bold; text-transform:uppercase; font-family: 'Oswald', sans-serif;}

.a-cta{text-align:center;}
.a-cta a{display:inline-block; padding:6px 12px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background:#d10009; color:#fff; text-decoration:none; text-align:center;}
.hm-cta{padding:15px 0 10px 0; text-align:center;}
.hm-red{color:#d10009; font-size:1.5em; padding:5px 0; font-family: 'Oswald', sans-serif;}

.page-id-80 h1{display:inline-block; background:url(images/i-testimonials.png) no-repeat left; padding:7px 0 7px 50px;}
.page-id-11 h1{display:inline-block; background:url(images/i-about.png) no-repeat left; padding:7px 0 7px 50px;}
.page-id-9 h1{display:inline-block; background:url(images/i-contact.png) no-repeat left; padding:7px 0 7px 50px;}

main{padding:90px 0 0 0; background:#efefef;}
.home main{padding-top:0; background:#000; color:#fff;}
.page-id-11 main, .page-id-80 main, .page-id-9 main{padding-top:0;}
.home main h1{color:#fff; font-size:1.5em;}
.home main .wrapper{width:1200px;}
  article{width:67%; float:left; padding:5% 0;}
  aside{width:26%; float:right; padding:5% 0;}
#content-fw{padding:0;}
.home #content-fw{padding:1% 0 5% 0;}

#pg-5-0 img{max-width:100%;}

h1{text-align:center;}
.home h1{text-align:left;}

.bx{width:26%; padding:2%; margin:0 1.5%; float:left;}
    .thre{margin-right:0;}
    .bx img{width:100%; height:auto;}
    .bx .ttl{color:#000;}
	 #home-three .ttl{padding-left:45px;}
    #home-three .one .ttl{background:url(images/i1.png) no-repeat left;}
    #home-three .two .ttl{background:url(images/i2.png) no-repeat left;}
    #home-three .thre .ttl{background:url(images/i3.png) no-repeat left;}
    .bx p a{font-weight:bold; color:#000; text-decoration:none;}
    .bx p a:hover{text-decoration:underline;}
	 
	 #serv-three .ttl{padding-top:100px; text-align:center;}
	 #serv-three .one .ttl{background:url(images/i-s1.png) no-repeat top center;}
    #serv-three .two .ttl{background:url(images/i-s2.png) no-repeat top center;}
    #serv-three .thre .ttl{background:url(images/i-s3.png) no-repeat top center;}

#have-a-q{border-top:1px solid #a6a6a6; margin:35px 0 35px 0; padding:35px; text-align:center;}
    .qttl{font-size:2.2em;}
    .cta{margin-top:15px;}
    .cta a{background:#000; font-size:1.5em; padding:14px 40px; text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold;}

#eqc-header{padding:5px; background:#000;}

#eqc-banner{background:url(images/banner-eqc.jpg) no-repeat 0 -90px; background-size:100%; max-height:1012px; position:relative;}
    #eqc-banner img{display:block; width:100%;}
    #eqc-banner .ttl{font-size:2.0em;}
    #eqc-banner .wrapper{position:relative;}
    #eqc-bnr-cnt{padding:25px 30px 410px 30px; color:#fff; background:url(images/blk.png) repeat; width:40%; max-width:430px; padding-top:4%; text-shadow: 1px 1px 2px rgba(255,255,255,.2);}
    #testimonial{background:url(images/wht.png) repeat; padding:25px 0; width:100%; text-align:center;}
    #testimonial .ttl{font-size:2.1em;}
    #testimonial .wrapper{width:450px;}

footer{padding:20px 0 40px 0; margin-top:40px; font-size:.95em; color:#949494; background:#000000;}
.home footer{margin-top:0;}
.home footer .wrapper{border-top:1px solid #484848; padding-top:20px;}
    footer #ph{color:#ffffff;}
    #siteby{clear:both; text-align:right; padding:0 15px 0 0; font-size:.95em;}
    .fmenu{float:right; clear:right;}
    .fmenu ul{display:block; float:right; padding-right:10px;}
    .fmenu ul li{display:block; float:left; padding:0 8px;}
    .fmenu ul li a{color:#fff; text-decoration:none; text-transform:uppercase;}
    .fmenu ul li a:hover{text-decoration:underline;}
	 footer .logo{width:410px; height:78px; float:left;}
	 
.menu-about-us-menu-container ul{margin:20px 0; padding:0;}
.menu-about-us-menu-container li{list-style-type:none; margin:0; padding:10px 5px 10px 50px; margin:0; background-position:left center; background-repeat:no-repeat; font-size:1.3em; font-weight:bold; color:#444444; font-family: 'Oswald', sans-serif;}
.menu-about-us-menu-container li a{text-decoration:none; color:#000; text-transform:uppercase;}
.menu-about-us-menu-container li a:hover{color:#d10009;}
.menu-about-us-menu-container li.menu-item-44{background-image:url(images/i-overview.png);}
.menu-about-us-menu-container li.menu-item-43{background-image:url(images/i-feedback.png);}
.menu-about-us-menu-container li.menu-item-42{background-image:url(images/i-privacy.png);}
.menu-about-us-menu-container li.menu-item-41{background-image:url(images/i-tot.png);}

#wpgmza_map{margin:20px 0; border:10px solid #fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

.gallery img{border:none!important; display:block;}
.gallery a{border:3px solid #dbdbdb; display:block; display:inline-block;}
.gallery a:hover{border-color:#000;}

.about-us{max-width:700px; margin:0 auto; text-align:center;}

.cta-row{border-top:1px solid #b3b3b3; font-size:1.1em; text-align:center; margin:30px 0 50px 0; padding:20px 0;}
.l1{font-weight:bold; font-size:2.2em; font-family: 'Oswald', sans-serif;}
.l2{padding:0;}
.cta a{display: inline-block; background:#191919; color:#fff; text-decoration:none; text-transform:uppercase; padding:17px 40px; text-align:center; font-weight:bold; font-family: 'Oswald', sans-serif;}

.banner-row{height:50%; background-position:top center;}

.h1-row{text-align:center; padding-top:50px;}

.service-row img{max-width:100%; height:auto;}
.service-row h2{text-transform:uppercase; color:#000; font-size:1.3em; font-family: 'Oswald', sans-serif;}
.testim-row{}

#banner .soliloquy-container .soliloquy-image{width:100%;}

/* FORMS */

input[type=text], textarea, input[type=email], input[type=password]{padding:7px; font-family:'Roboto Condensed', sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:250px; border:1px solid #d8d8d7;}
select{padding:3px; font-family:'Roboto Condensed', sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #d8d8d7;}
label{margin:0; padding:5px 0 0 0; font-size:0.9em;}
textarea{width:280px; font-family:'Roboto Condensed', sans-serif;}
input[type=submit]{display:block; font-family:'Roboto Condensed', sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#222; color:#fff; cursor:pointer; border:0; font-weight:bold; padding:12px 14px; font-size:14px; text-align:center; text-decoration:none; margin:8px 0 10px 0;}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}

/* BLOG */

div.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px dotted #333;}

/* 2nd Level Menu */

nav li ul { left: -999em; width:200px; display:block; z-index:999; margin:0; padding:0; position:absolute; background:#fff; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
nav li ul li{display:block; float:none; padding:0;}
nav li ul a{padding:10px; text-align:left; color:#002559; font-weight:normal;}
nav li ul a:hover{background:#ec0000; color:#fff; text-decoration:none;}
nav li li{border:none; float:none; clear:both;}


/* RESPONSIVE */

a#mob-only{display:none; clear:both; color:#ffffff;  cursor:pointer; padding:11px; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right;}
@media screen and (max-width:1120px) {
    .wrapper, .home main .wrapper{width:100%;}
    header{padding:15px;}
    main{padding:90px 15px 0 15px;}
    footer{padding:15px;}
    #eqc-banner{background-size:auto 100%; height:auto; max-height:none;}
    img{max-width:100%; height:auto;}
	 
	 .page-id-11 #bnr-bg, .page-id-80 #bnr-bg, .page-id-9 #bnr-bg{height:300px;}
}

@media screen and (max-width:890px) {
    a#mob-only{display:block;}
    nav {float:none; clear:both; border:1px solid #4f4f4f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
    nav ul{display:none; float:none;}
    nav ul li{float:none; padding:0;}
    nav ul li a{padding:8px 10px; border-top:1px solid #414141;}
    header{position:static; width:auto;}
    
	 #banner{padding-top:0;}
	 .tp{top:0;}
}

@media screen and (max-width:770px) {
    
    #logo{margin:0 auto 5px auto; float:none;}
    header #ph{float:none; clear:both; text-align:center; padding:5px 0 10px 0;}
    
    .bnr1{position:static; width:auto; background:#000; max-width:none;}
    
    #eqc-banner{background:none;}
    #eqc-bnr-cnt{background:#000; color:#fff; text-shadow:none; max-width:none; width:auto; padding:20px;}
    #testimonial .wrapper{width:auto; padding:25px;}
    #testimonial {padding:0;}
    
    .bx{width:auto; float:none;}
    
    footer #ph{float:none; text-align:left; clear:both; padding-top:5px;}
    .fmenu{float:none;}
    .fmenu ul li{padding:5px 0; float:none; clear:both;}
    .fmenu ul {float:none; clear:both; margin:10px 0;}
    #siteby{text-align:center;}
	 footer .logo{width:auto; height:auto; float:none;}
    
	 article, aside{width:auto; float:none;}
	 
	 .about-us h1{background-position: left center; text-align: left; padding-left:50px;}
    .banner-row{height:19%;}
	 
	 .page-id-11 #bnr-bg, .page-id-80 #bnr-bg, .page-id-9 #bnr-bg{height:200px;}
}

@media screen and (max-width:370px) {
	 #ph span.nomo{display:none;}
}