/*
Theme Name: Pure Hydroponics
Theme URI: http://http://purehydroponics.com//
Description: A bespoke responsive theme developed for Pure Hydroponics. Completed in November 2015
Version: 1.0 beta
Author: Hodgeman Web & Design
Author URI: http://hodgeman.co.nz/
Tags: Grey, Blue, Hydroponics, Commercial

BG: #ACAAA5
Dark Grey: #262626
Dark Blue: #0D55A6
Light Grey: #DEDDDA
*/

@import url(http://fonts.googleapis.com/css?family=Rosarivo);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300);


#header #nav{margin-top:106px;display:inline-block}
.nav-pills>li a,
.navbar-nav>li>a{color:#0d55a6}
.nav-pills>li a:hover,
.navbar-nav>li>a:hover{background-color:#029746;color:#FFF}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li.current_page_parent>a,
.navbar-nav>li.active>a,
.navbar-nav>li.active>a:focus,
.navbar-nav>li.active>a:hover,
.navbar-nav>li.current_page_parent>a{background-color:#0D55A6;color:#FFF}

#masthead{background:#0d55a6 url(images/bg_repeat-x.png?v=2017) 0 0 repeat-x;height:350px}
#masthead .container{height:350px;display:table}
#masthead img{float:left;background-position:center center;background-repeat:no-repeat;background-size:cover}

#content{background:url(images/bg_content.jpg) bottom repeat-x}
h1{font-size:3em;font-family: 'Yanone Kaffeesatz', sans-serif;margin-bottom:30px}
h2{font-size:1.8em;font-family: 'Yanone Kaffeesatz', sans-serif;}
h3{font-size:1.4em}
h4{font-size:1.2em}
#content p{line-height:18px}

#sidebar{font-size:0.8em;margin:20px 0}
	#sidebar ul{list-style:none;margin:0;padding:0}	
	#sidebar ul li a{margin-bottom:3px;background-color:#E6E6E6;border-bottom:1px solid #BBB;border-right:1px solid #BBB;border-left:1px solid #FFF;border-top:1px solid #FFF;font-weight:bold;display:block;text-decoration:none;padding:5px}
	#sidebar ul li a:hover{background-color:#029746;color:#FFF}
	#sidebar ul li.current_page_item a, 
	#sidebar ul li.current_page_parent a{background-color:#0d55a6;color:#FFF}
	
	#sidebar ul ul li a{background:none;border:none;padding-left:20px}
	#sidebar ul li.current_page_item ul li a, 
	#sidebar ul li.current_page_parent ul li a{background:none;color:#0d55a6}
	#sidebar ul ul li a:hover, 
	#sidebar ul li.current_page_item ul li a:hover, 
	#sidebar ul li.current_page_parent ul li a:hover{background:none;color:#029746}
	#sidebar ul ul li.current_page_item a,
	#sidebar ul li.current_page_parent ul li.current_page_item a{background:none;color:#029746}

ul#headlinks a{color:#0D55A6;text-decoration:underline}
ul#headlinks a:hover{color:#029746;text-decoration:none}

ul#headlinks{list-style:none;font-size:0.8em;position:absolute;right:15px;top:10px}
ul#headlinks li{float:left;margin-left:10px;border-right:1px solid #000;padding-right:10px}
ul#headlinks li:last-child{border:none}
ul#headlinks li>a{text-transform:lowercase}

#main{padding-bottom:30px}

.navbar-toggle{margin-right:0;background-color:#0D55A6;color:#FFF}
.navbar-toggle:hover{background-color:#029746}
.navbar-collapse{background-color:#f2f2f2;border:1px solid #CCC;border-width:1px 0}

#footer{color:#666;border-top:1px solid #999;font-size:0.8em;padding:15px 0}
#footer .alignright{text-align:right}


.col-alpha, .col-beta{width:440px;padding:10px;float:left}
.col-alpha{margin-right:20px}

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



#carousel-thumbnails{margin:10px -5px}
#carousel-thumbnails .carousel-thumbnail{padding:0 5px;margin-bottom:10px}
#carousel-thumbnails .carousel-thumbnail img{opacity:0.5}
#carousel-thumbnails .carousel-thumbnail.active img,
#carousel-thumbnails .carousel-thumbnail img:hover{opacity:1}


@media (min-width: 768px) {
	.navbar-collapse{border:none}
	#masthead p{font:24px 'Rosarivo', serif;color:#FFF;display:block;width:230px;line-height:40px;vertical-align:middle;display:table-cell}
}

@media (min-width: 992px) {
	#masthead p{width:350px;font-size:30px;line-height:50px}
}

@media (min-width: 1200px) {
	#masthead p{width:550px;font-size:34px;line-height:60px}
}