/*
Theme Name: DBS Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for DBS Foundation
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: May 2016
*/

body, html{margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:1.05em; line-height:1.5em; font-weight:300; color:#000;}
#bg{background:#fff;}

.clearfix:after{display:block; content: " "; height:0px; line-height:0; clear:both;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px solid #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:#0394fc; text-decoration:underline;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-khtml-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;}
a:hover{color:#72277d;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:17px 0 7px 0; margin:-25px auto .7em auto; position:relative; text-align:center; font-size:2.3em; line-height:1.3em; font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:700; color:#683188;}
h2{margin:15px 0 6px 0; padding:10px 0 4px 0; font-size:1.8em; font-weight:700; color:#0394fc; text-transform:uppercase; line-height:1.2em; font-family:'Oswald', sans-serif; text-transform:uppercase;}
h3{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.4em; font-weight:300; color:#66348b; text-transform:uppercase;}
h4{margin:0; padding:8px 0 3px 0; font-size:1em; text-transform:uppercase; font-weight:bold; color:#ff1027;}

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 0 40px 40px;}
.alignleft{float:left; margin:10px 40px 40px 0;}
.aligncenter{margin:0 auto;}
img.alignright{display:block;}
img.alignleft{display:block;}
img.aligncenter{display:block;}
.wp-caption{text-transform:uppercase; text-align:center; font-size:.95em;}
p.wp-caption-text{display:block; padding:7px 0;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:15px;}

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

header{background:#fff;}
	#logo{width:193px; height:154px; position:absolute; top:0; left:0; z-index:3;}
	#logo a{display:block;}

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

header nav{padding:65px 0 0 0;}
	header div.menu-top-menu-container{display:block;}
	header nav ul{display:block; float:right;padding:0; list-style-type:none; font-weight:700; font-size:0.85em; text-transform:uppercase;}
	header nav li{display:block; float:left; text-align:center; margin:0; padding:0;}
	header nav a{color:#000; text-decoration:none; display:block; padding:10px 20px;}
	nav a:hover{color:#0096ff; text-decoration:none;}
	header nav li.menu-item-has-children{padding-right:10px;}
	header nav li.menu-item-has-children > a{background:url(images/dwn.png) no-repeat right; padding-right:17px;}
	
#banner{color:#fff; position:relative; background:url(images/hero-image-3.jpg) no-repeat top center; background-size:auto; overflow:hidden;}
 .cnt{padding:160px 0 220px 40px; min-height:200px; max-width:420px; font-size:2.6em; text-transform:uppercase; font-family:'Oswald', sans-serif; line-height:1.3em;}

#banner img, #banner2 img{width:110%; bottom:-1px; position:absolute;}
#banner2{position:relative; height:70px; background:url(images/bg.gif) repeat-y center center; overflow:hidden;}

main{background:#fff; min-height:500px; padding:2.5% 0;}
	article{}
	#sidebar{width:200px; float:left;}
	#content{width:730px; float:right;}
	article{max-width:820px; margin:0 auto;}
	
footer{background:#cceaff; border-top:1px solid #a9dcff; padding:35px 0 45px 0; font-size:.85em; color:#7797ae; text-align:center;}
	footer a{color:#4d85ad; text-transform:uppercase; text-decoration:none;}
	footer ul, footer li{display:inline-block; margin:0; padding:2px;}
	footer ul ul{display:none;}
	footer li a{padding:0 10px;}
	footer p{padding:20px 0 10px 0;}
	p.copyr a{color:#577a93; text-transform:capitalize;}
	p.copyr a:hover{color:#66348b; }
	
a.xl{}
p.xlp{text-align:center;}
p.xlp a{display:inline-block; text-transform:uppercase; padding:18px 23px; margin:10px 25px; color:#65348c; border:2px solid #65348c; font-family:'Oswald', sans-serif; font-size:1.3em; text-decoration:none;}
p.xlp a:hover{color:#0c87eb; border-color:#0c87eb;}

p.xlp.xprev a{color:#0c87eb; border-color:#0c87eb;}
p.xlp.xprev a:hover{color:#65348c; border-color:#65348c;}

.gform_confirmation_message{text-align:center; border:1px solid #299745; color:#299745; padding:15px; font-size:1.1em; margin:10px 0;}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

/* FORMS */

input[type=text], textarea, input[type=email], input[type=password],input[type="number"],input[type="tel"]{padding:7px; font-family: 'Lato', 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: 'Lato', 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:.95em;}
textarea{width:280px; font-family: 'Lato', sans-serif;}
input[type=submit], input[type=button]{display:block; font-family: 'Lato', sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#66348b; color:#fff; cursor:pointer; border:0; font-weight:bold; padding:12px 34px; font-size:14px; text-align:center; text-decoration:none; margin:8px 0 10px 0;}
input[type=button]{background:#0394fc;}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
span#extensions_message{display:block; font-size:.95em; color:#666; font-style:italic;}
span.name_prefix{padding-top:2px;}
.gform_wrapper .gform_page_footer{border-top:none!important;}

/* BLOG */

div.post{padding:20px 0 20px 0; margin:0 0 15px 0; border-top:1px solid #d1d1d1; margin-top:25px;}
.p-left{float:left;}
.p-right{float:left; margin:0 0 0 0;}
.thedate{color:#9e9e9e; font-size:.85em;}
.post h3{padding-top:5px;}
.post h3 a{color:#000; text-decoration:none;}
.post h3 a:hover{color:#66348b; text-decoration:none;}
.feedback{padding:0 0 11px 0; font-size:.9em; clear:both;}
.exc{font-size:.95em; max-width:600px;}

/* 2nd Level Menu */

nav li ul { left: -999em; width:200px; display:block; z-index:999; margin:0; padding:0; position:absolute; background:url(images/bl.png) repeat;}
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:15px 20px; text-align:left; color:#fff; font-weight:normal;}
nav li ul a:hover{background:#000000; color:#2291ec; text-decoration:none;}
nav li li{border:none; float:none; clear:both;}

.mob-only{display:none;}
#pgc-6-why-row-0 #attachment_29{display:none;}
#pgc-6-why-row-0 img.wp-image-31{display:none;}

/* RESPONSIVE */

@media screen and (max-width:1300px) {
 .wrapper{width:100%;}
 main{padding:20px;}
 footer{padding:20px;}
 h1{margin-top:0;}
}

@media screen and (max-width:1080px) {
 #logo{position:relative;}
 header nav{padding:0;}
 header nav ul{float:none;}
}

@media screen and (max-width:700px) {
 #logo{margin:0 auto 10px auto;}
 nav li ul{position:relative; background:none; width:auto; left:auto;}
 nav li ul a{text-align:center; color:#000;}
 .cnt{font-size:2.2em; padding:90px 15px; text-align:center; max-width:100%; min-height:auto;}
	#banner{background-size:cover;}
 #banner2{height:0;}
 footer li{width:100%; box-sizing:border-box; padding:6px 2px;}
 .alignright, .alignleft{float:none; margin: 5px auto; display: block;}
 .page-id-11 table, .page-id-11 tbody, .page-id-11 tr, .page-id-11 td{display:block; text-align:center;}
 .page-id-29 table, .page-id-29 tbody, .page-id-29 tr, .page-id-29 td{display:block; text-align:left; padding:0;}
 .page-id-29 td strong{display:block; padding-top:6px;}
}