/*
	Minimaxing by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

	body {
		font-size: 13.5pt;
		font-family: sans-serif;
		background-color: #342;
		font-family: 'Open Sans', sans-serif;
		color: #3f443c;
		letter-spacing: -1px;
	}

	h1,h2,h3,h4 {
		color: #007897;
		font-weight: normal;
		font-family: 'Ubuntu Condensed', sans-serif;
	}

/*	h1,h2 {
		text-transform: lowercase;
	}
*/
	h2 {
		font-size: 1.6em;
		letter-spacing: -1px;
		margin-bottom: 0.5em;
		margin-top: 1em;
	}

	h3,h4 {
		color: #283121;
		margin-bottom: 0.5em;
	}

	h3 {
		font-size: 1.2em;
		margin-bottom: 0.8em;
	}

	h4 {
		font-size: 1em;
	}

	p, ul, ol {
		margin-bottom: 1.25em;
	}

	p, ul, ol {
		line-height: 1.3em;
	}

	strong {
		font-weight: bold;
	}

	img.left {
		float: left;
		margin: 2px 1.25em 0 0;
	}

	img.top {
		margin: 4px 0 2.25em 0;
	}

	ul {
		padding: 0.25em 0 0 0;
	}

	a {
		color: #386994;
		text-decoration: underline;
	}
	a.strong { font-weight: bold; }
	
	a:hover {
		text-decoration: none;
	}

	* > p:last-child {
		margin-bottom: 0 !important;
	}

	.button {
		display: inline-block;
		padding: 0.5em;
		background-color: #007b9d;
		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: -o-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
		border-radius: 10px;
		text-transform: lowercase;
		text-decoration: none;
		color: #fff;
		font-size: 1em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}

	.button:hover {
		background-color: #118eb1;
		background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1));
		background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -o-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: linear-gradient(top, #1b9fbe, #118eb1);
		box-shadow: inset 0px 0px 0px 1px #3ecceb;
	}
  
/* specifically for Bushwalking NSW */

/*h1 { font-size: 175%; font-family:comic sans ms, arial, helvetica, verdana, sans-serif; margin-left:1em;}*/
h2 { font-size: 150%;}
h3 { font-size: 115%; font-family: 'Open Sans', sans-serif;}
/*h1, h2, h3 { margin-top: 0.5em; margin-bottom: 0.5em; }*/
p { margin-top: 1em; margin-bottom: 1em; }
h4 { font-size: 100%; padding: 0; margin-bottom: 0; } 
pre, tt, code { font-family: courier, sans-serif; }
body { background:#342; }
td, th { padding: 0.15em;}
ul {
  list-style: none url(/images/red_triangle.gif) outside;
  margin-left: 20px; padding-left: 0px; margin-top:1em;
}
ul ul {
  list-style: none none outside;
  margin-top:0;
}

th {
  text-align:left; font-weight: bold; 
}
div.checkbox { margin-left: 0.5em; padding: 0.25em; }

div.image_left, div.image_right { border:1px solid black; margin: 0.6em; padding: 0.3em; box-sizing: content-box; max-width: 100%; }
div.image_left { float:left }
div.image_right { float:right }
img { max-width: 100%; }

#description, #access, #activities, .walk_name, #walk_summary_list, .walk_summary, .activity, #link_list, #track_notes, #introduction { margin-left: 20px; }
#walk_summary_list h3, #link_list h3, #book_list h3, #report_list h3 { /*font-size: 100%;*/ padding-bottom: 0; margin-bottom: 0.25em; margin-top: 0.25em; }
#walk_summary_list p, #link_list p, #book_list p, #report_list p { margin: 0; margin-left: 20px; }
div#image_mobile { display: none; }

.caption { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }

.question { font-weight: bold; }
.answer { margin-left: 20px; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }
#walk_brief { width:100%; }
#walk_brief2 { float: left; width: 60%;}
#map_warning { float:right; font-weight: bold; padding:0.25em; margin: 0.25em; border:1px solid black; width: 230px; font-size: 90%;box-sizing: content-box;}
.clear { clear:both; }
.column_align { text-indent: 20em; }

.ahem { display: none; }

.footer { font-weight: bold; font-style: italic; text-align: center;}
.book_title { font-style: italic;}

.right {text-align: right;}
div.walk_detail {display: table-cell; }
.news { margin-bottom: 1em; margin-right: 1em; border: 1px solid black; padding: 0; }
.news h3 { border: 0; margin: 0; padding: 0.5em; }
.news p { margin: 0; padding: 0.5em; }
.newsdate {position:relative; float: right; width: 12em; border: 1px solid black; border-top: 0; border-right: 0; padding: 0.5em; margin-left: 0.3em; margin-bottom: 0.3em; font-size: smaller; }
.filterheading { font-weight: bold; margin-top: 0.5em; }
#filterControl { display: none; }
#header {
  vertical-align:bottom;
}

#navbar {
  vertical-align: top;
}

#links {
  vertical-align: top;
}

#content {
  color: #000;
  background: #fff;
}

div#access, div#description, div.activity {
  margin-bottom: 1.25em;
	line-height: 1.3em;
}

#links p { font-weight:bold;}

#footer {
  vertical-align: top;
  color: #fff;
}
#footer a { color:#ddd; }
#footer a:hover { color:#f00; }

body#print { margin: 1em; background: #fff none; color:#000;}
body#print a { color:#00f; }
body#print a:visited { color:#808; }
body#print a:hover { color:#f00; }
body#print h1 {	font-family:arial, helvetica, verdana, sans-serif; margin-left:0;}
body#print #footer { color:#000; }
body#print #main { padding-top: 0em; padding-bottom: 0em; }
body#print #content { padding-top: 0em; padding-bottom: 0em; }
body#print #footer-wrapper { padding-top: 0em; padding-bottom: 0em; }
body#print #header-wrapper { background: none; padding-top: 0em; padding-bottom: 0em; }
body#print #header h1 { color: #000; line-height: inherit;}
div#mobile-header { display: none; }

/* walk page */
#walk_variations_list h3 { font-weight: bold; }

		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: #ddd;
			color: #444;
			display: inline-block;
			padding: 9px 15px;
			cursor: pointer;
			border: 1px solid #aaa;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			margin-top: 2px;
			margin-left: 6px;
			margin-right: 6px;
			position: relative;
			z-index: 1;
		}
		ul.tabs li.current{
			color: #000;
			background: #fff;
			border-bottom-color: #fff;
			z-index: 2;
		}
/* attempt at rounded bottom corners - doesn't quite work as box shadow creeps into #main div
https://css-tricks.com/better-tabs-with-round-out-borders/
		ul.tabs li:before,
		ul.tabs li:after {
			position: absolute;
			bottom: -1px;
			width: 6px;
			height: 6px;
			content: " ";
		}
		ul.tabs li:before {
			left: -6px;
		}
		ul.tabs li:after {
			right: -6px;
		}
		ul.tabs li:after, ul.tabs li:before {
			border: 1px solid #aaa;
		}
		ul.tabs li:before {
			border-bottom-right-radius: 6px;
			border-width: 0 1px 1px 0;
			box-shadow: 2px 2px 0 #ddd;
		}
		ul.tabs li:after {
			border-bottom-left-radius: 6px;
			border-width: 0 0 1px 1px;
			box-shadow: -2px 2px 0 #ddd;
		}
		ul.tabs li.current:before {
			box-shadow: 2px 2px 0 #fff;
		}
		ul.tabs li.current:after {
			box-shadow: -2px 2px 0 #fff;
		}
*/

		.tab-content{
			display: none;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}
	
#tab-wrapper {
  background: #ccc;
	z-index: -1;
}

#main {
	padding-top: 0em;
}

div.search {font: inherit;}
div.search::before {
	content: "\002315";
	font-size: 1.5em;
	padding: 0.2em;
}
input#search {
	font:inherit;
	font-size: 0.9em;
	margin: 0.3em;
	padding: 0.2em;
}

/* For forms (offline site) */
.quickform .row > * {
	margin: 0.1em;
	padding: 0.1em;
	display: table-cell;
	vertical-align: top;
	float:none;
}

.quickform {
   display: table;
}

.quickform .row {
   display: table-row;
}