/*
Theme Name: Fiber-Fresh Feeds
Theme URI: http://fiber-fresh.com
Description: A custom responsive WordPress theme for fiber-fresh.com built on Twitter Bootstrap mobile front-end framework. Launched in October 2013, designed by <a href="http://www.iconadvertising.co.nz/">Icon Advertising</a>.
Version: 1.1
Author: Hodgeman Web &amp; Design
Author URI: http://www.hodgeman.co.nz/
Tags: Clean, Modern, Responsive, Bootstrap, Green
*/

@charset "utf-8";

body{background:#C2CF23 url(images/bg_body.gif) top center;font-family:Arial, Helvetica, sans-serif;color:#333f48}
a, a:hover, a:focus, a:visited{color:#333F48;font-weight:bold}
a.accordion-toggle:visited{color:#333F48}
a.accordion-toggle:hover{color:#C2CF23}

h1{margin:0 0 30px;font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.2em}

.megaMenuToggle{color:#FFF}

#nav, footer{background:#333F48}
#nav{
background: #3e4d58;
background: -moz-linear-gradient(top,  #3e4d58 0%, #333f48 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e4d58), color-stop(100%,#333f48));
background: -webkit-linear-gradient(top,  #3e4d58 0%,#333f48 100%);
background: -o-linear-gradient(top,  #3e4d58 0%,#333f48 100%);
background: -ms-linear-gradient(top,  #3e4d58 0%,#333f48 100%);
background: linear-gradient(to bottom,  #3e4d58 0%,#333f48 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4d58', endColorstr='#333f48',GradientType=0 );
}
.white{background-color:#FFF;color:#333F48;padding:30px 0}

#toplogo{height:70px;position:relative}
#toplogo .pull-right{right:0px;margin-top:20px;height:34px}
#toplogo .pull-right form{display:inline-block;width:300px;top:0;}
#logo{margin-left:15px}

#badge{
width: 150px;
right: 20px;
position: relative;
margin-top: -15px;}

blockquote{padding: 20px;margin:20px 0;background-color: #C2CF23;border:none;}

#intro{background:#EDEDED url(images/bg_intro.gif) top center;border-bottom:1px solid #E1E1E1;padding-top:10px;font-size:1.3em}

footer{color:#FFF;padding:20px 0;font-size:12px}
	footer a, footer a:hover, footer a:focus, footer a:visited{color:#FFF}
	footer hr{border-color:#48535B;margin:10px 0}
	footer span{color:#969696}
	footer ul.list-inline li{border-right:2px solid #5f6467;padding-left:1px}
	footer ul.list-inline li:last-child{border:none}
	footer img.pull-left{margin-bottom:0}
	
#breadcrumbs{background:#FFF;border-bottom:1px solid #e1e1e1;padding:12px 0}	
#breadcrumbs span,
#breadcrumbs span a{line-height:29px;display:block;float:left}
#breadcrumbs span.sep{background:url(images/breadcrumb_separator.gif) no-repeat;width:12px;margin:0 10px;height:30px}
	
	
.btn-fiberfresh{
	color: #ffffff;
	background-color: #C2CF23;
}
.btn-fiberfresh:hover{
	color: #ffffff;
	background-color: #3e4d58;
}

.marginR20{margin-right:20px}
.marginT70{position:absolute;z-index:100}
.marginB20{margin-bottom:20px}
.marginB30, 
.makecolumn img.img-responsive{margin-bottom:30px}

.carousel-indicators {left:auto;right:20px;margin-bottom:0;width:auto;bottom:10px}
.carousel-indicators li{background-color:#828282;border:none;width:15px;height:15px}
.carousel-indicators .active {background-color:#dcdcdc;width:15px;height:15px}

.date{color:#999}

.widget ul{list-style:none;padding-left:0}
.widget h3{text-transform:uppercase;color:#C2CF23}
.widget li{border-bottom:1px dotted #999;margin-bottom:5px;padding-bottom:5px}

#sidebar .widget{margin-bottom:30px}

#searchform a.pull-left{margin-right:10px}

.alignright,
img.pull-right{margin:0 0 30px 20px;float:right}
.alignleft,
img.pull-left{margin:0 20px 30px 0;float:left}

.wp-caption-text{font-size:12px;font-style:italic}

.case_studies h3{margin-top:0}
.consultants, .staff{margin-bottom:30px}

.border{border:1px solid #333f48}
.border:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.border img.pull-left{margin-bottom:0}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{position:relative !important;}

#mapcontainer{height:600px}
#locationcontainer{height:600px;overflow:auto}
#locationList{list-style:none;background-color:#FFF;padding-left:0}
.locationItem{position:relative;border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:20px;font-size:12px}
.locationItem h4{width:60%;color:#000;font-weight:bold;margin-bottom:5px;font-size:16px}
.locationItem .distance{font-style:italic;font-size:12px;color:#999;position:absolute;top:0;right:0}
.locationItem p.address{color:#777}
.locationItem p{margin:0}

#map {width:100%;height:100%}

.wp-caption {
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
}
.wp-caption img.img-responsive{margin-bottom:10px}

.greenrow{background:#C2CF23;padding-bottom:20px;color:#FFF;margin-bottom:30px}

@media (min-width: 768px) and (max-width: 991px) {
	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
		font-size: 14px;
		width: 67px;
		padding: 15px 10px;
	}
	#logo{width:170px}
	#toplogo{height:60px}
	#badge{width: 120px}
	#toplogo .pull-right form {width: 240px;left: 70px;}

	}


@media (max-width: 768px) {	
	img.alignright{margin:0 0 30px 0;float:none}
	img.alignleft{margin:0 0 30px 0;float:none}
	
	#logo{width:120px}
	#toplogo{height:30px}
	#nav{height:auto}
	
	#intro{font-size:1.1em}
	}