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

body, html{margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:300; font-size:1em; line-height: 1.5em; color:#000000;}

.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px;}
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:.4em 0 .7em 0; margin:0; line-height:1.5em;}
a{color:#50b948; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1, .h1{padding:1em 0 .2em 0; margin:0 0 .5em; font-size:1.9em; line-height:1.2em; color:#242424; font-weight:400; line-height: 1.2em;}
h2{margin:0 0 .3em 0; padding:.7em 0 .3em 0; font-size:1.7em; color:#999999; font-weight:500; line-height: 1.2em;}
h3{margin:0; padding:1em 0 .7em 0; font-size:1.2em; font-weight:bold; color:#000000;}
h4{margin:0; padding:.8em 0 .5em 0; font-size:1.1em; font-weight:bold; color:#e40000;}

ul{list-style-type:circle; margin:10px 0 10px 15px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 15px; padding:0 0 8px 5px;}

.aligncenter{margin:2px auto; display:block;}
.alignright{float:right; margin:2px 2px 30px 30px;}
.alignleft{float:left; margin:2px 30px 30px 2px;}
div.alignleft{margin:2px 10px 10px 2px;}
.alignnone{display:inline-block; margin:5px 10px 10px 0;}

.nomn{margin:4px 2px 0 0;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:1.1em;}
blockquote{border-left:5px solid #ececec; margin:2.5em 0; padding:.5em 3em; font-style:italic; font-size:1.05em;}
blockquote p{padding:1em 0;}
p.emphasis{font-weight:500; font-size:1em;}

.clear{display:block; clear:both; height:0; font-size:0; line-height:0;}
.clearfix:after{ content: " "; display:block; clear:both; height:0; font-size:0; line-height:0;}
header, nav, section, main, article, aside, figure, footer {display:block;}

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

header{background:#1a1a1a; padding:15px 0;}

.wrap{width:100%!important;}
 
.wrapper{width:1070px; margin:0 auto;}

#logo{float:left;}
#logo, #logo a{display:block; width:219px; height:81px;}
#logo a{position:relative;}
#logo object{width:219px; height:81px;}

#h-book{float:right; color:#fff; font-size:1.4em; padding: 30px 0 0 0;}
 .bo{float:left;}
 .bo a{color:#fff; text-decoration:none; font-weight:bold;}
 #h-book a.boo{display:block; float:right; font-weight:bold; text-transform:uppercase; margin:0 0 0 10px; background:url(images/i-book.png) no-repeat left; padding:0 0 0 30px;}
 #h-book a.boo:hover{color:#50b948;}

#nav-cont{-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46);}

nav{width:100%; font-size:.95em; font-weight:400; text-transform:uppercase;}
 nav ul{display:block; margin:0; padding:0; text-align:center;}
 nav ul li{display:block; display:inline-block; margin:0; padding:0;}
 nav ul li a{display:block; color:#000; padding:15px 18px; text-decoration:none;}
 nav ul li:last-child a{}
 nav ul li a:hover{color:#50b948; text-decoration:none;}

.banner, .banner h1{color:#fff;}
.banner .textwidget{font-size:1.1em; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.banner .so-panel{padding:20px 0;}
.banner #panel-4-0-0-0{padding-top:95px;}
.banner a{color:#fff; text-decoration:underline;}
.banner a:hover{color:#9be695; text-decoration:underline;}
#pgc-4-0-1 .textwidget{font-size:.95em; text-align:center;}
#pgc-4-0-1 .textwidget iframe{border:3px solid #fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

#hm-feats.panel-row-style{background:url(images/bg-hmfeat.gif) repeat-x center center #dedede; text-align:center; font-size:1.3em; font-weight:bold; padding:7px 0 4px 0;}

#hm-intro .textwidget{max-width:700px; margin:0 auto; text-align:center; font-size:1.1em;}

#hm-three img{max-width:100%; height:auto; display:block;}
#hm-three div.wp-caption{max-width:100%; height:auto; position:relative;}
#hm-three .wp-caption-text{background:#1a1a1a; text-align:center; color:#fff; display:block; margin:0; padding:10px; position:relative; margin-top:-2px;}

main{padding:0 0 20px 0; min-height:600px;}
.page-id-17 main{padding-bottom:0;}
section{width:65%; float:left;}
section.fw{width:100%; float:none;}
aside{width:26%; float:right; padding-top:25px;}

footer{background:#1a1a1a; color:#e4e4e4; padding:30px 0; font-weight:400;}
 #flogo{width:16%; float:left; margin:0 10% 0 0;}
 #flogo a{display:block;}
 #flogo object{width:171px; height:70px;}

 #fmenu ul{display:block; float:right; font-size:.95em;}
 #fmenu ul, #fmenu li{list-style-type:none; margin:0; padding:0;}
 #fmenu ul ul{display:none;}
 #fmenu li{display:inline-block; padding:7px;}
 #fmenu li a{display:inline-block; padding:4px 6px;}
 #fmenu{width:70%; float:right;}
 
 footer a{color:#e4e4e4; text-decoration:none;}
 footer a:hover{color:#fff; text-decoration:none;}
 
 #social{float:right;}
 #social a{display:inline-block; position:relative; opacity:.85; width:40px; height:40px; margin:0 10px 0 0; background-size:100%; border:3px solid #fff; border-radius:50%; moz-border-radius:50%; -webkit-border-radius:50%;}
 #social strong{display:block;}
 #social a:hover{opacity:1;}
 #social a#fb object, #social a#fb img{width:15px; height:28px; position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-8px;}
 #social a#yt object, #social a#yt img{width:25px; height:25px; position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-12px;}
 #social a#in object, #social a#in img{width:25px; height:25px; position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-12px;}
 #social a#hs object, #social a#hs img{width:24px; height:24px; position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-12px;}

#TA_socialButtonIcon247{float:right;}

#cta{padding:60px 0; background:#50b948; margin-top:40px;}
#f-book{color:#fff; font-size:1.5em; width:590px; margin:0 auto;}
 .fo{float:left;}
 .fo a{color:#fff; text-decoration:none; font-weight:bold;}
 #f-book a.foo{display:block; color:#fff; float:left; font-weight:bold; text-transform:uppercase; margin:0 0 0 10px; background:url(images/i-book-w.png) no-repeat left; padding:0 0 0 30px;}
 #f-book a.foo:hover{}
 
aside .widget_nav_menu {margin:20px 0 10px 0; padding:5px 5px 5px 5px; border:1px solid #ececec;}
aside .widget_nav_menu ul{display:block; list-style-type:none; margin:0; padding:0;}
aside .widget_nav_menu li{display:block; list-style-type:none; margin:0; padding:0;}
aside .widget_nav_menu li a{display:block; padding:15px; margin:0 0 0 0; border-bottom:1px solid #ececec; font-weight:400;}
aside .widget_nav_menu li li a{border-bottom:none; font-weight:300;}

.c1:after{content:"Difficulty 1/5"; display:block; float:right; font-size:.9em; color:#489db9;}
.c2:after{content:"Difficulty 2/5"; display:block; float:right; font-size:.9em; color:#2d9b6e;}
.c3:after{content:"Difficulty 3/5"; display:block; float:right; font-size:.9em; color:#ebcd00;}
.c4:after{content:"Difficulty 4/5"; display:block; float:right; font-size:.9em; color:#eb6400;}
.c5:after{content:"Difficulty 5/5"; display:block; float:right; font-size:.9em; color:#eb0000;}

a.xlink{display:inline-block; padding:15px 25px; border:1px solid #000; text-decoration:none; color:#000; margin-top:9px;}
a.xlink:hover{background:#000; color:#fff;}

#f-bnr.panel-row-style{background:#000;}
#f-bnr .textwidget{background:url(/wp-content/uploads/2016/05/functions-bnr.jpg) no-repeat left; padding:145px 20px 95px 445px;}
.f1{font-size:4em; color:#fff; font-weight:400; line-height:1.3em;}
.f1 strong{color:#54b948; display:block; font-weight:400;}
.f2{font-size:1.4em; color:#fff; font-weight:700; line-height:1.3em; padding:40px 0 0 0;}
.xfunc{padding-right:40px;}
.xfunc h3{color:#54b948; font-weight:700; font-size:1.6em; line-height:1.3em; border-bottom:4px solid #54b948; margin-bottom:15px; padding-bottom:15px;}
#f3s h3{color:#54b948; font-weight:700; font-size:1.4em; line-height:1.3em; text-transform:uppercase;}
#f3s li{padding:1px 0 1px 7px; font-size:.95em;}

.panel-grid-cell img{max-width:100%; height:auto;}

/* FORMS */

input[type=text], input[type=password], input[type=email], textarea, select{padding:8px; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:85%; border:1px solid #d8d8d7;}
label{display:block; margin:0; padding:5px 0 0 0; font-size:.9em;}
textarea{width:85%;}
input[type=submit]{background:#e40000; display:block; border:none; cursor:pointer; font-size:1em; padding:7px 17px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
input[type=submit]:hover{opacity:0.9; filter:alpha(opacity=90);}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
.pform select{width:350px;}

.gform_wrapper.two-column_wrapper ul.one-half{ width: 45%; float:left;}
ul#gform_fields_1, li.empty, li#field_1_10{display:none;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width:85%!important;}
.gform_wrapper{margin-top:0!important;}

/* BLOG */

.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px solid #eeeeee;}
.p-left{width:90px; float:left; padding:15px 0 0 0;}
.p-right{width:470px; float:right;}
.datetime{color:#999; font-size:12px;}
.small{font-size:.85em; color:#999; padding-bottom:10px;}
.postmetadata, .feedback{font-size:.8em; color:#666;}
a.tn_link{display:block; float:right; margin:0 0 50px 50px;}
.post-thumb{float:right; margin:20px 0 30px 30px;}
a.readmore{display:block; padding:6px 12px; margin:10px 0; width:90px; text-align:center; color:#fff; text-decoration:none; background:#000000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.postmetadata{display:none;}

.cust-thumb{width:35%; float:right;}
.cust-content{width:60%; float:left;}

/* 2nd Level Menu */

nav li ul {display:block; left: -999em; z-index:999; width:188px; margin:0; padding:0; position:absolute; background:#1e1e1e; 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 ul li{display:block; padding:0; border-right:none; border-left:none;}
nav li ul li:last-child a, nav li ul li a{border-right:none; border-left:none;}
nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
nav li ul a{color:#ffffff; font-weight:500; border:none; padding:10px!important; font-size:1em; text-align:left; width:167px; text-transform:capitalize; border-bottom:1px solid #000000;}
nav li ul a:hover{background:#000000; border-bottom:1px solid #000000;}
nav li li{ border:none; float:none; clear:both;}

a#mob-only{display:none; position:absolute; right:25px; top:20px; font-size:1.2em; width:51px; height:41px; color:#fff; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right #00a19d; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 1120px) {

	  .wrapper{width:100%;}
	  header{padding:15px;}
	  main{padding:0 20px 0 20px;}
	  footer{padding:30px 15px;}
	  
	  .gallery-item img{max-width:100%;}
	  #gallery-1 .gallery-item{width:48%!important; margin:5px 1% 5px 1%!important;}

	}
	@media only screen and (max-width:825px) {
	 
	  #h-book{float:none; clear:both; margin:0 auto; width:540px; padding:20px 0 0 0;}
	  iframe{max-width:100%;}
	  .inner_inset_frame, div.inner_inset_frame{width:auto!important;}
	  #cta{padding:60px 15px;}
	  
	}
	@media only screen and (max-width:780px) {
	 
	  #h-book, #f-book{text-align:center; width:100%;}
	  .bo, .fo{width:100%; float:none;}
	  #h-book a.boo, #f-book a.foo{float:none; clear:both; display:inline-block; padding-top:12px; background-position: bottom left;}
	  
	  #flogo{width:40%;}
	  #fmenu{float:none; width:auto; padding-top:20px; clear:both;}
	  #fmenu ul{float:none;}
	  #fmenu li{display:block; padding:0 10px;}
	  
	  .banner .so-panel{padding:30px 0;}
	  
	  section, aside{float:none; width:auto;}
	  img{max-width:100%; height:auto;}
	  
	  .banner #panel-4-0-0-0{padding-top:0; text-align: center;}
	  #pgc-4-0-0{margin-bottom:0!important;}
	  .banner .so-panel{padding:0;}
	  #hm-three div.wp-caption{margin:0 auto; display:block;}
	  #hm-three .wp-caption-text{box-sizing: border-box; max-width: 389px;}
	  
	  #f-bnr .textwidget{background:#000; padding:30px; text-align:center;}
	  
	}