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

body, html{margin:0; padding:0; font-family: 'Lato', Arial, sans-serif; font-size:1.05em; line-height:1.5em; color:#2e2e2e; background:#434244; height:100%;}
body.home{background:#333132;}

.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:0.2em 0 .4em; margin:0; line-height:1.4em;}
a{color:#969696; text-decoration:underline;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
a:hover{color:#ffffff;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:17px 0 0 0; margin:0 auto .4em auto;  font-size:2.0em; line-height:1.3em; font-weight:700; color: #afcf33;}
h2{margin:15px 0 6px 0; padding:10px 0 4px 0; font-size:1.5em; color:#afcf33; line-height:1.2em; font-weight:700;}
h3{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.3em; color:#fff;}
h4{margin:0; padding:8px 0 3px 0; font-size:1em; text-transform:uppercase; font-weight:700; color:#ff1027;}
.page-id-8 h3{color: #afcf33;}

ul{list-style-type:disc; 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{}
img.alignleft{}
.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:700; font-size:15px;}

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

header{background:url(images/xd-home.jpg) center center #434244; background-size:cover; color:#a9a9a9; border-bottom:1px solid #323232;}
	.home header{background:#333132; position:relative; z-index:9;}
	#logo{width:350px; height:63px; float:left; padding:30px 0;}
	#logo a img{display:block; width:100%; height:auto;}
	.ph{float:right; color:#8f8f8f; text-transform:uppercase; font-size:1.15em; padding:70px 0 10px 0; font-weight:700; font-size:1.25em;}
	.ph a{color:#fff; text-decoration:none;}

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

header #nav{font-size:.95em; background:#434244;}
	#nav{-webkit-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75); box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);}
	header div.menu-top-menu-container{display:block;}
	header nav ul{display:block; float:left; padding:0; margin:0; list-style-type:none;}
	header nav li{display:block; float:left; text-align:center; margin:0; padding:0;}
	header nav li:first-child a{border-left:1px solid #838383;}
	header nav a{color:#a9a9a9; text-decoration:none; display:block; padding:10px 25px; font-weight:700; border-right:1px solid #838383;}
	nav a:hover{color:#fff; text-decoration:none;}
	#tagline{float:right; padding:9px 0; font-size:1em;}
	li#menu-item-124 a{background: #afcf33; color:#000; border-right:none;}

main{display:block; background:#434244; color:#fff; min-height:500px; padding:25px 0 40px 0; -webkit-box-shadow: inset 0px 10px 8px 0px rgba(0,0,0,0.10); -moz-box-shadow: inset 0px 10px 8px 0px rgba(0,0,0,0.10); box-shadow: inset 0px 10px 8px 0px rgba(0,0,0,0.10);}
	.home main, .page-id-28 main{-webkit-box-shadow: inset 0px 10px 16px 0 rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 10px 16px 0 rgba(0,0,0,0.75); box-shadow: inset 0px 10px 16px 0 rgba(0,0,0,0.75); background:url(images/xd-home.jpg); background-size:cover; padding-top:0;}
	.home main .wrapper, .page-id-28 .wrapper{width:1400px;}
	.ht1{font-size:1.3em; text-align:center; font-weight:700; color:#919191;}
	.ht2{font-size:1.3em; text-align:center; color:#919191;}
	#x-all img{max-width:90%; margin:0 auto; display:block;}
	img#xd-lg{display:block; position:relative; margin:-10px auto -65px auto;}
	
	article{}

footer{background:#434244; border-top:1px solid #474747; padding:35px 0 45px 0; font-size:.8em; color:#949494; text-align:center;}
	footer a{color:#646464; text-transform:uppercase; text-decoration:none; font-weight:bold;}
	footer a:hover{color:#fff;}
	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;}
	
img.lrob{position:absolute; top:0; right:0; z-index:3;}
#gform_wrapper_1{max-width:640px;}

/* Pricing */

.price-heading{}

.prices table, table.pr-tbl{border-collapse: collapse; width:100%; max-width:313px; margin-top:20px;}
.prices th, table.pr-tbl th{background:#00aded; color:#fff; font-weight:bold; font-size:1.1em; padding:5px; text-align:left;}
.prices td, table.pr-tbl td{background:#4f4e50; border-bottom:2px solid #434244; padding:8px 5px;}
.numbr{padding:5px; text-align:center; font-weight:normal; background:#0094cb; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width: 27px; height: 27px;}

.p1{}
.p2 th, table.pr-tbl th{}
.p2 .numbr, table.pr-tbl .numbr{}
.sml{color:#ababab; font-weight:normal; font-size:.8em;}
table.pr-tbl{max-width:313px;}

/* Slick Slider */

.slick-slide img{height:400px; margin:auto; transition: height linear 0.3s;}
.slick-current img{height:532px;}

#x-all{padding:0 0 10px 0;}

/* 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; position:relative; z-index:4;}
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]{display:block; font-family: 'Lato', sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f96550; color:#fff; cursor:pointer; border:0; font-weight:700; padding:12px 34px; 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;}
span#extensions_message{display:block; font-size:.95em; color:#666; font-style:italic;}
span.name_prefix{padding-top:2px;}

.gform_wrapper .gsection{border-bottom:none!important; margin-bottom:10px!important;}
.gsection_description{line-height:1.3em!important; padding:10px 0 0 0!important;}
#gform_wrapper_1 h2.gsection_title{color:#a5a5a5; font-size:1.2em; padding: 10px 0 0 6px!important;}
#gform_wrapper_1 .gfield_required{color:#f96550;}
#gform_wrapper_1 .percentbar_blue{background:#ac86b9;}
#gform_wrapper_1 .gf_page_steps{border-bottom:1px solid #303030;}

.gform_wrapper .gform_page_footer, #gform_wrapper_1 .gform_page_footer{border-top:none;}
.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button, #gform_wrapper_1 .gform_page_footer .button.gform_next_button{display:block; font-family: 'Lato', sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f96550; color:#fff; cursor:pointer; border:0; font-weight:700; font-size:1.2em; padding:12px 34px; text-align:center; text-decoration:none; margin:8px 0 10px 9px;}
.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_previous_button, #gform_wrapper_1 .gform_page_footer .button.gform_previous_button{display:block; font-family: 'Lato', sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f96550; color:#fff; cursor:pointer; border:0; font-weight:700; font-size:1.2em; padding:12px 34px; text-align:center; text-decoration:none; margin:8px 0 10px 9px;}

#gform_wrapper_1 div.validation_error{color: #f96550; border-top: 2px solid #f96550; border-bottom: 2px solid #f96550;}
#gform_wrapper_1 .gfield_error .gfield_label{color: #f96550;}
#gform_wrapper_1 .validation_message{color: #f96550;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background:none!important; padding:0!important; border-bottom:none!important; border-top:none!important;}
.gform_wrapper .field_description_below .gfield_description{padding-top:2px!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;}

/* RESPONSIVE */

@media screen and (max-width:1300px) {
 .wrapper, .home main .wrapper, .page-id-28 .wrapper{width:100%;}
 main{padding:20px;}
 footer{padding:20px;}
 #tagline{padding:8px;}
 #logo{padding-left:20px;}
 .ph{padding-right:20px;}
}

@media screen and (max-width:1080px) {
 img{max-width:100%; height:auto;}
 
}

@media screen and (max-width:700px) {
 #tagline{text-align:center; float:none;}
 header nav ul, header nav li{float:none; text-align:center; background:#000;}
 #logo{padding:25px 0 15px 0; float:none; margin:0 auto; text-align:center; max-width:90%; height:auto;}
 .ph{padding:0 0 15px 0; float:none; margin:0 auto; text-align:center;}
 #nav{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
 img#xd-lg{margin:-10px auto -35px auto;}
 .no-mob{display:none;}
}

@media screen and (max-width:470px) {
 
}