/*

Theme Name: Blackman Spargo

Theme URI: http://rurallaw.co.nz

Description: A custom responsive WordPress theme for Blackman Spargo built on the <a href="http://twitter.github.io/bootstrap/">Bootstrap</a> framework. website. Designed & developed in May 2013.

Version: 1.0

Author: Hodgeman Web &amp; Design

Author URI: http://hodgeman.co.nz/

Tags: Responsive, Blue, Green, Rural

*/







/* GLOBAL STYLES

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

/* Padding below the footer and lighter body text */



body {

	padding-bottom: 40px;

	color: #5a5a5a;

	font-family:Tahoma, Geneva, sans-serif;

}



#logo{

	background:url(images/logo.png) no-repeat;

	width:460px;

	height:65px;

	display:block;

	text-indent:-9999px;

	position:absolute;

	margin-top:20px;

	margin-left:20px;

}

#searchform{position:absolute;top:20px;right:20px}

.lead {font-size:30px}

#main p{text-align:justify}

a[href$=".pdf"]:before {padding:0 0 0 25px;content:"";background:url(images/pdf.png) bottom left no-repeat}



/* CUSTOMIZE THE NAVBAR

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



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

	position: absolute;

	left: 0;

	right: 0;

	z-index: 10;

	top: 350px;

}

.navbar-inner{padding:0 10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.navbar-wrapper .navbar {

	margin-bottom:0;

}



/* Remove border and change up box shadow for more contrast */

.navbar .navbar-inner {

	border: 0;

	background-color: #296839;

	background-image: -moz-linear-gradient(top,#296839,#296839);

	background-image: -webkit-gradient(linear,0 0,0 100%,from(#296839),to(#296839));

	background-image: -webkit-linear-gradient(top,#296839,#296839);

	background-image: -o-linear-gradient(top,#296839,#296839);

	background-image: linear-gradient(to bottom,#296839,#296839);

	background-repeat: repeat-x;

	border-color: #252525;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff296839',endColorstr='#ff296839',GradientType=0);

}

.navbar-inverse .nav .active>a, 

.navbar-inverse .nav .active>a:hover, 

.navbar-inverse .nav .active>a:focus,

.navbar-inverse .nav-collapse .nav > li > a:hover, 

.navbar-inverse .nav-collapse .nav > li > a:focus, 

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, 

.navbar-inverse .nav li.dropdown.active>.dropdown-toggle, 

.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,

.navbar-inverse .nav li.current_page_parent>a{background-color:#428553;background-image:none;filter:none}



.navbar-inverse .nav ul.dropdown-menu>.active>a:hover, 

.navbar-inverse .nav ul.dropdown-menu>.active>a:focus,

.navbar-inverse .nav-collapse .dropdown-menu a:hover, 

.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#FFF;color:#428553;background-image:none;filter:none}



.navbar-inverse .nav li.dropdown:hover > ul.dropdown-menu{ display: block}

.dropdown-menu{margin:0;background-color:#428553}

.dropdown-menu>li>a{color:#FFF}

.dropdown-menu>li>a:hover{background-color:#FFF;color:#428553}



.navbar .nav .dropdown-toggle .caret {

	margin-top: 18px;

}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {

	border-top-color: #FFF;

	border-bottom-color: #FFF;

}



/* Navbar links: increase padding for taller navbar */

.navbar .nav > li > a {

	padding: 0 15px;

	color:#FFF;

	line-height:40px

}



/* Offset the responsive button for proper vertical alignment */

.navbar .btn-navbar {

	margin-top: 6px;

}







/* CUSTOMIZE THE CAROUSEL

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



/* Carousel base class */

.carousel {

	margin-bottom:0;

}



.carousel .container {

	position: relative;

	z-index: 9;

}



.carousel-control {

	height: 70px;

	width: 70px;

	font-size: 70px;

	text-shadow: 0 1px 1px rgba(0,0,0,.4);

	background-color: transparent;

	border: 0;

	z-index: 10;

}



.carousel .item {

	height: 400px;

}

.carousel img {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

	height: 400px;

}

.carousel img.law-award{min-width:inherit;height:inherit;top:130px;z-index:50}

.carousel img.law-award-right{left:130px}



.carousel-caption {

	background-color:rgba(0,0,0,0.5);

	max-width:420px;

	padding:15px 20px;

	margin-top:140px;

	margin-right:0px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	left:auto;

	bottom:auto;	

}

.carousel-caption h1,

.carousel-caption .lead {

	margin:0;

	line-height:1em;

	color: #fff;

	text-shadow: 0 1px 1px rgba(0,0,0,.4);

}

.carousel-caption .btn {

	margin-top: 10px;

}







/* MARKETING CONTENT

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



.middle{background:#FFF url(images/bg_shadow.png) top center no-repeat;padding-top:30px;background-size:100%;}



h1{font-size:28px;margin-top:0;font-variant:small-caps;}

h2 {color:#296839;font-size:22px;line-height:30px}

h3{font-size:18px;margin:0 0 10px;color:#428553;line-height:24px}

h4{font-size:18px;font-weight:normal}

a{color:#428553}

		

#feat h4{margin-bottom:0}

#test p{padding-left:5em;font-style:italic}	



footer{background:#FFF url(images/barbedwire.gif) center 10px repeat-x; padding-top:80px}



hr{margin:20px 0 30px}

.widget{margin-bottom:20px}

.widget.row{margin-left:0}

iframe{width:100%;height:auto;min-height:200px}



.alignleft{float:left}

.alignright{float:right}



.alignleft,

.pull-left{margin:0 20px 20px 0}

.alignright,

.pull-right{margin:0 0 20px 20px}



.wp-caption-text{font-style:italic;font-size:0.8em;line-height:1.3em}



.type-post,

.type-page{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #999}



.dl-horizontal dd {margin-bottom: 20px}





#respond, #navigation{margin-top:40px}

#commentform{background-color:#DDD;box-shadow:0 0 5px 0 #AAA inset;padding:20px 20px 1px;margin-bottom:20px}

#comment{padding:10px;background-color:444;border:1px solid #999;max-width:90%}

#content .commentlist, #content .commentlist ul{margin-left:0;list-style:none}



#respond h3, h3#comments{margin-bottom:20px}



textarea{width:90%}

.comment-author .avatar{padding:2px;border:1px solid #999;float:left;margin-right:10px}

.comment-author .fn{font-size:1.5em;font-style:normal}

.commentlist li.comment{border-bottom:1px dashed #afafaf;margin:10px 0 0;padding-top:10px}

.comment-detail{margin-left:48px}

.comment-body{margin-bottom:20px;position:relative}

.comment-body p{margin:0 0 5px 48px}

.comment-body .reply{text-align:right;position:absolute;top:0;right:0}

.comment-detail h4{font-size:16px;margin-bottom:5px}

.commentmetadata{margin-bottom:10px}	



.commentlist ul.children{margin-left:64px}	

.commentlist ul.children li.comment{border-top:1px dashed #afafaf;border-bottom:none;padding-top:20px}



.inline .wpcf7-list-item label{float:left;margin-right:10px}

.wpcf7-form-control-wrap{display:block}





.make-responsive {

  position: relative;

  padding-top: 25px;

  padding-bottom: 67.5%;

  height: 0;

  margin-bottom: 16px;

  overflow: hidden;

}



.make-responsive.widescreen { padding-bottom: 57.25%; }

.make-responsive.vimeo { padding-top: 0; }



.make-responsive iframe,

.make-responsive object,

.make-responsive embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.tooltip-inner{background-color:#FFF;color:#000}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #FFF}

.clearfix{clear:left}

img.nomax{max-width:none;height:80px;margin-bottom:5px !important}


/* RESPONSIVE CSS

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





@media (max-width: 1130px) {

	.carousel-caption {

		width: 50%;

		margin-right:80px;

	}
	.carousel img.law-award-left{left:30px}
	.carousel img.law-award-right{left:160px}

}



@media (max-width: 979px) {

	h1{font-size:24px;line-height:28px}	

	h2{font-size:20px}

	h3{font-size:18px}

	#logo{width:400px;height:55.5px;background-size:cover}

	.container.navbar-wrapper {

		margin-bottom: 0;

		width: auto;

	}

	.navbar-inner {

		border-radius: 0;

		margin: -20px 0;

	}

	.navbar-inverse .nav-collapse .nav>li>a,

	.navbar-inverse .nav-collapse .dropdown-menu a,

	.nav-collapse .nav > li > a, 

	.nav-collapse .dropdown-menu a {color:#FFF;background:none;background-color:transparent}

	



	.carousel .item, .carousel img {

		height: 280px;

	}

	.carousel-caption .lead{line-height:1;

		font-size: 22px}

	.navbar-wrapper {

		top:250px;

	}

	.carousel-caption {

		margin-top:100px;

	}
	.carousel img.law-award{top:90px;width:120px}
	.carousel img.law-award-left{left:0px}
	.carousel img.law-award-right{left:100px}

}





@media (max-width: 767px) {

	#logo{width:290px;height:39.5px;margin-left:20px}

	#searchform{right:20px}

	#sidebar{margin-top:40px}
	

	

	.carousel,

	.middle {

		margin-left: -20px;

		margin-right: -20px;

	}

	.middle{padding:20px}

	.navbar-wrapper {

		top:220px;

	}

	.carousel .item {

		height: 250px;

	}

	.carousel img {

		height: 250px;

	}

	.carousel-control {

		height: 40px;

		width: 40px;

		font-size: 40px;

	}

	.carousel-caption {				

		margin-top: 80px;

	}

	.carousel-caption h1 {

		font-size: 30px;

	}

	.carousel-caption .lead,

	.carousel-caption .btn {

		font-size: 18px;

	}
	.carousel img.law-award{display:none}



}



@media (max-width: 480px) {		

	h1{font-size:20px;line-height:22px}

	#logo{width:250px;height:34.5px;margin-left:20px}	

	.carousel .item {

		height: 180px;

	}

	.carousel img {

		height: 140px;

	}

	.carousel-control {

		height:28px;

		width:22px;

		font-size:26px;

		margin-top:10px;

	}

	.carousel-caption {display:none}

	.navbar-wrapper {

		top:160px;

	}

}