/*
Theme Name: Denture South Custom Template - Sept15
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Denture South website
Version: 2.0
Tags: custom
Author: Richard Stalker
Date: Sept 2015
*/

body, html{margin:0; padding:0; font-family: 'Open Sans', Arial, Sans-serif; font-size:1em; color:#2d2d2d;}

.clearfix:after{content: " "; display: block; clear:both; height:0px; font-size:0px; line-height:0px;}
div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}

a img{border:0;}
p{padding:.9em 0; margin:0; line-height:1.5em;}
a{color:#013d56;}
a:hover{color:#41b4e7;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:0; margin:.5em 0 .4em 0; font-size:2.1em; font-weight:normal; color:#333333; font-family: 'Montserrat', sans-serif;}
h2{margin:22px 0 5px 0; padding:5px 0 0 0; font-size:1.6em; font-weight:normal; color:#013d56; font-family: 'Montserrat', sans-serif;}
h3{margin:0; padding:11px 0 5px 0; font-size:1.4em; font-weight:normal; color:#41b4e7; font-family: 'Montserrat', sans-serif;}
h4{margin:0; padding:8px 0 3px 0; font-size:1.1em; font-weight:normal; color:#013d56; font-family: 'Montserrat', sans-serif;}

ul{list-style-type:circle; margin:10px 0 10px 25px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px;}

.alignright{float:right; margin:10px 0 25px 40px;}
.alignleft{float:left; margin:10px 40px 25px 0;}
.aligncenter{display:block; margin:0 auto;}
.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;}

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

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

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

header{-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.2); position:relative;}

#logo{width:175px; height:175px; float:left; margin:15px 0; background:url(images/logo.svg) no-repeat; background-size:100%:}
#logo a{display:block; width:100%; height:100%;}
.phone{float:right; font-size:1.2em; padding:10px; text-align:center; margin:10px; font-family: 'Montserrat', sans-serif;}
.ph a{color:#013d56; text-decoration:none; font-size:1.5em;}

strong{color:#013d56; font-weight:normal; font-family: 'Montserrat', sans-serif;}

nav{padding:10px 10px 0 10px; margin:20px 0 0 0; font-size:1.1em; clear:right; font-family: 'Montserrat', sans-serif;}
	nav ul{display:block; float:right; margin:30px 0 0 0; padding:0; list-style-type:none;}
	nav li{display:block; float:left; padding:0;}
	nav li a{display:block; padding:5px 22px; text-decoration:none; color:#013d56;}
	nav li a:hover{color:#41b4e7; text-decoration:none;;}
	
main{margin:0; padding:30px; min-height:500px;}

section{width:68%; float:left;}
aside{width:25%; float:right;}
section#content-fw{width:auto; float:none;}

#dservices{padding:20px; margin-bottom:20px; background:#eef8fd; text-align:center;}
#dservices h3{color:#41b4e7; font-size:1.7em; font-weight: normal;}

.prices{background:#eef8fd; text-align:center; padding:20px; margin:10px 0;}
.prices ul{display:block; list-style-type:none; margin:0; padding:20px 0; font-size:1.2em; text-align:center;}
.prices ul li{margin:0; padding:0;}

#banner{margin:0; background:#013d56;}
 #banner p, #banner img{display: block; margin:0; padding:0;}

.add-f{width:50%; float:left;}
#mapmap{clear:both; padding:20px 0;}

footer{background:#f0f4f5; color:#969696; padding:50px 0 60px 0; font-family: 'Montserrat', sans-serif;}
	footer a{color:#969696; text-decoration:none;}
	footer a:hover{color:#333;}
	footer p{padding:4px 0;}
	#siteby{text-align:right; float:right;}
	footer ul, footer li{display:inline-block; margin:0; list-style-type:none;}
	footer li{padding:0 15px 5px 0;}
	footer .menu-main-menu-container{float:left;}
	
.cl{}
.cr{}
input[type=text], input[type=email]{padding:7px; font-family: 'Open Sans', Arial, Sans-serif; box-sizing:border-box; width:330px;}
input[type=submit]{display:block; display:inline-block; padding:7px 25px; border:none; background:#41b4e7; color:#fff; font-size:1.2em; cursor:pointer; width:330px; box-sizing:border-box;}
textarea{height:150px; padding:7px; font-family: 'Open Sans', Arial, Sans-serif; width:330px; box-sizing:border-box;}
.cl p, .cr p{padding:.9em 0 .6em 0;}
div.wpcf7{border-bottom:1px solid #ececec; margin-bottom:20px;}
div.wpcf7:after{content:" "; display:block; clear:both; height:20px;}

/* BLOG */

div.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px dotted #333;}
div.p-left{width:90px; float:left; padding:15px 0 0 0;}
div.p-right{width:470px; float:right;}
.thedate{background:#e4e7d8; text-align:center; width:60px; border-top:5px solid #c9ceb6; border-bottom:1px solid #c9ceb6; padding:3px 5px 10px 5px;}
.datebox{font-size:19px; line-height:23px;}
.monthbox{font-size:10px; text-transform:uppercase; line-height:12px;}
.yearbox{font-size:15px; line-height:11px;}

/* 2nd Level Menu */

nav li ul { left: -999em; z-index:999; border:1px solid #ccc; width:205px; font-size:.95em; margin:0; padding:5px 10px; position:absolute; background:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
nav li ul li{padding:0;}
nav li:hover ul, #nav li.hover ul { left: auto; margin:0 0 0 -5%;}
nav li ul a{color:#2d2d2d; background-image:none!important; padding:9px 8px; font-size:1em; text-align:left; width:195px; text-transform:none;}
nav li ul a:hover{color:#f47321;}
nav li li{ border:none; float:none; clear:both;}

#click-menu{padding:7px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

#backTop.black{background-color:#272727!important; border:none!important; opacity:.9;}
#backTop.black:hover{opacity:1;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 1200px) {
	 .wrapper{width:100%;}
	 header, main, footer{padding-left:15px; padding-right:15px;}
	 img{max-width:100%; height:auto;}
	}
	@media only screen and (max-width: 850px) {
	 .phone{margin-top:50px;}
		.alignright{display:block; float:none; margin:10px auto;}
		.alignleft{display:block; float:none; margin:10px auto;}
	}
	@media only screen and (max-width: 750px) { 
	 section, aside, #siteby{float:none; width:auto; text-align:left;}
	 .phone{margin:5px auto 5px auto; float:none; width:auto; clear:both;}
	 #logo{margin:0 auto; float:none;}
	 footer .menu-main-menu-container, #siteby{float:none; width:auto; text-align:left;}
	 footer li{display:block; padding-bottom:10px;}
	 #siteby{padding:10px 0;}
	 .add-f{float:none; width: auto;}
	 .cl, .cr{width:auto; float:none; margin:0;}
	}
	@media only screen and (max-width:500px) { 
		
		
		
	}