/*
Theme Name: Creative Craftsmen
Theme URI: http://creativecraftsmen.co.nz
Description: A custom responsive WordPress theme for Creative Craftsmen built on the <a href="http://twitter.github.io/bootstrap/">Bootstrap</a> framework. website. Designed & developed in August/September 2014.
Version: 1.0
Author: Hodgeman Web &amp; Design
Author URI: http://hodgeman.co.nz/
Tags: Responsive, Blue, Orange, Wood, Builder, Joiner, Blur, Carousel

ORANGE: #EB6C0A		
BLUE: #009CDE
*/

@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeueLTStd-LtCn.eot');
	src: local('☺'), url('fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-LtCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{font-family:Verdana, Geneva, sans-serif;background-color:#000;color:#FFF}
h1{font-family:'HelveticaNeue', sans-serif;margin:40px 0;text-transform:uppercase}
h2{font-family:'HelveticaNeue', sans-serif;color:#EB6C0A;font-size:2em}
h3{font-family:'HelveticaNeue', sans-serif;color:#EB6C0A;font-size:1.6em}
a{color:#f2941c}
a:hover{color:#ea6509}

.navbar-default{margin:10px -15px 0}
.navbar-default .navbar-nav>li.col-xs-6{width:46%;margin:0 2% 10px;padding:0}
.navbar-default .navbar-nav>li:nth-child(2n+2){}
.navbar-default .navbar-nav>li>a{text-align:center}
.navbar-default .navbar-nav>li>a:hover{background-color:#fec52e;color:#15325c}
.navbar-default {min-height:0;border:none;margin-bottom:0;background:none;}
.navbar-default .navbar-collapse{border:none}

.navbar-default {
	min-height: 0;
	border: none;
	margin-bottom: 0;
	background:#333333;
	border-radius:0;
}
.navbar-toggle .icon-bar {
	background-color: #FFF;
}
.btn-info,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color:#FFF;text-shadow:1px 1px 1px RGBA(0,0,0,.7);
	background: #10bce9; /* Old browsers */
	background: -moz-linear-gradient(top,  #10bce9 0%, #0093db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10bce9), color-stop(100%,#0093db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #10bce9 0%,#0093db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #10bce9 0%,#0093db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #10bce9 0%,#0093db 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #10bce9 0%,#0093db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10bce9', endColorstr='#0093db',GradientType=0 ); /* IE6-9 */
	border:none;
}
.nav-pills>li>a:hover,
.nav-tabs>li>a:hover {
	color:#FFF;
	background-color:#EB6C0A;
}

.nav-pills{margin-top:50px;margin-left:-15px;}
.nav-pills>li{margin-right:5px;}
.btn-warning,.navbar-toggle,.nav>li>a,.navbar-default .navbar-nav>li>a{
	color:#FFF;text-shadow:1px 1px 1px RGBA(0,0,0,.7);
	background: #f2941c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2941c 0%, #ea6509 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2941c), color-stop(100%,#ea6509)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2941c 0%,#ea6509 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2941c 0%,#ea6509 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2941c 0%,#ea6509 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2941c 0%,#ea6509 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2941c', endColorstr='#ea6509',GradientType=0 ); /* IE6-9 */		
	border:none;
}
.nav>li.open>a, .nav>li.open>a:hover, .nav>li.open>a:focus{text-shadow:none;color:#15325c;background-color:#fec52e;}

#content,
.carousel{margin-top:140px}
.carousel-control.left,
.carousel-control.right{background:none;background-image:none}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next{
width:auto;height:auto;padding:50px 10px;font-size:20px;background-color:#000;margin:-60px 0 0}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left:0}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:0}

.carousel-caption{top:35%;left:30%;right:30%;padding:0;bottom:auto}
.carousel-caption h2{font-family:'HelveticaNeue', sans-serif;color:#FFF;font-size:72px;margin-top:0}

.portfolio-item{margin-bottom:30px}
.portfolio-item h2{margin-top:0}
.hwd-portfolio{margin-top:0}

/*HEADER STYLES*/
#header{height:140px;background-color:RGBA(0,0,0,.7);position:absolute;z-index:20;width:100%;top:0}
#header.fixed{position:fixed;top:0 !important}
	#logo{margin-top:20px}			
	
#featurettes>div{margin-bottom:30px;text-align:center}
#featurettes>div>img.img-circle{display:inline-block}
	
/*CONTENT STYLES*/	
.page #content{margin-top:140px}
.page.home #content{margin-top:0}

#googlemap{width:100%;height:300px;color:#000}
	
	
@media (max-width: 1199px){
	.carousel-caption h2{font-size:60px}
}
@media (max-width: 991px){
	.carousel-caption h2{font-size:46px}
}
@media (max-width: 767px){
	.carousel-caption h2{font-size:24px}
	#header{height:80px}
	#logo{width:215px;margin-top:10px}
	.carousel{margin-top:80px}
	.carousel-caption{top:20%;left:15%;right:15%}
	.carousel-caption p{font-size:10px}
	
	.page #content{margin-top:80px}
	.page.home #content{margin-top:0}
	
	.portfolio-item h2{margin-top:15px}
}