/*
Theme Name: Planet Bike.
Theme URI: http://www.planetbike.co.nz/
Description: A bespoke responsive WordPress theme for Planet Bike. Completed in November 2015
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz

BROWN: #402c23
YELLOW: #ffef00
ORANGE: #ff7700
*/


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

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

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


body {
  background-color:#402c23;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
}

a{color:#ff7700}
a:hover,
a:active,
a:visited{color:#ffef00}


h1,h2{margin-top:0;font-family: 'primemin', sans-serif;font-weight:normal}

h1{font-size:2.4em;color:#ffef00;margin-top:20px}
h2{font-size:1.8em;color:#FFF;margin-bottom:10px;margin-top:20px}
h3{font-size:1.6em;color:#ff7700;font-family: 'HelveticaRounded', sans-serif;}
h3{font-size:1.4em;font-family: 'HelveticaRounded', sans-serif;}

.nav>li>a{padding:10px}

.nav-pills>li>a{font-family: 'HelveticaRounded', sans-serif;text-transform:uppercase;font-size:1.2em;color:#FFF}
.nav-pills>li>a:focus,
.nav-pills>li>a:hover{background-color:transparent;color:#ff7700}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{background-color:transparent;color:#ffef00}

#menu-main-menu{display:inline-block}

.navbar-nav>li>a{color:#ffef00;font-family: 'HelveticaRounded', sans-serif;text-transform:uppercase}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus{background-color:#402c23}
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current-page-ancestor>a{background-color:#ffef00;color:#000}

.dropdown-menu{background-color:#402c23;border:none}
.dropdown-menu>li>a{color:#FFF}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{background-color:#ffef00;color:#000}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background-color:#ffef00;color:#000}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover{background-color:#402c23;color:#ffef00}

.navbar-toggle {
  color: #000;
  background-color: #ffef00;
	border:none;
}
.btn-primary:focus, .btn-primary:hover, .navbar-toggle:hover{background-color:#ffef00;color:#000}

ul#headlinks a{color:#CCC}
ul#headlinks a:hover{color:#FFF;text-decoration:none}

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

ul#footerlinks{list-style:none;padding-left:0px}
ul#footerlinks li{float:left}
ul#footerlinks li:after{content:"\00a0|\00a0"}
ul#footerlinks li:last-child:after{content:"";}

#breadcrumbs{padding:10px 0;font-size:12px;border-bottom:1px dashed #333;background:url(images/bg_pattern.png);color:#999}
#breadcrumbs a{color:#CCC;text-decoration:underline}

.carousel{margin-bottom:20px}
.carousel-control.left,
.carousel-control.right{background-image:none}

.wpb_row:not(.vc_inner){padding:20px 0;margin-bottom:0}
.vc_row[data-vc-full-width]{margin-bottom:0}
.vc_custom_heading{margin-bottom:30px}

.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%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .make-responsive { padding-top: 0; }
}


.layerMask_top{
	background: url(images/carousel_mask.png) top repeat-x;
	height: 10px;
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 8;}
.layerMask_bottom{
	background: url(images/carousel_mask.png) bottom repeat-x;
	height: 10px;
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 8;}


.dots,
.navbar-collapse{background:url(images/bg_dots.gif) repeat}
.dots h2{color:#ffef00;}

.vc_parallax h2{color:#ff7700;font-family: 'HelveticaRounded', sans-serif;}

.testimonial{margin-bottom:30px}
.testimonial .box{background-color:#473932;color:#FFF;padding:15px;font-size:0.9em;font-style:oblique}
.testimonial .box>h3{color:#ff7700;margin:0 0 10px !important;font-size:1.2em}
.testimonial .arrow{margin-left:20px;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;	
	border-top: 10px solid #473932;}
.testimonial .author{margin-left:15px;font-weight:bold}
.testimonial .author>span{font-weight:normal;font-size:0.7em}

blockquote {
	color:#bb9603;
  border-left: 10px solid #bb9603;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #bb9603;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

#childgrid div{margin-bottom:30px}


#footer{color:#6b5c56;background:#311f18;font-size:0.8em;padding:20px 0}
	#footer a,
	#footer a:hover{color:#6b5c56}
.widget{margin-bottom:30px}


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


.vc_btn3-size-sm{font-size:1.2em}

.bg_center{background-position: 50% 50% !important}

#offer .wpb_text_column{margin-bottom:10px}

.parallax{background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );
	height:180px;background-size:cover;background-position:50%}
.parallax .container-fluid{background:url(images/bg_pattern.png);height:180px}

img.aligncenter{display:block;margin:0 auto}


.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
	background-color:#000;}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a, 
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab a{color:#FFF}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	h1{font-size:2.2em}
	h2{font-size:1.8em}
	h3{font-size:1.6em}
	h3{font-size:1.4em}
	/*
	.navbar-nav{border-left:1px solid #000}
	.navbar-nav>li{border-right:1px solid #000}
	*/
	.navbar-nav>li>a{font-size:1.2em}
	.vc_custom_heading{margin-bottom:15px}
	.parallax{height:180px}
	.parallax .container-fluid{height:180px}
	.navbar-right {margin-right:0}
	ul#headlinks{margin:5px 0px 15px}
	.wpb_gmaps_widget{margin-bottom:0}
}

@media (min-width: 992px) {
	.btn-lg{font-size:1.6em}
	h1{font-size:2.4em}
	h2{font-size:2em}
	h3{font-size:1.8em}
	h3{font-size:1.6em}
	.nav>li>a{padding:10px 15px}
	.navbar-nav>li>a{font-size:1.4em;padding:15px}
	.vc_custom_heading{margin-bottom:20px}
	.parallax{height:280px}
	.parallax .container-fluid{height:280px}
	.vc_btn3.vc_btn3-style-outline, .vc_btn3.vc_btn3-style-outline:hover, .vc_btn3.vc_btn3-style-outline:focus {border-width:3px}
	ul#headlinks{margin:8px 0px 35px}
	.wpb_row:not(.vc_inner){padding:30px 0}
	.vc_row.vc_parallax{padding:60px 0}
}

@media (min-width: 1200px){
	.btn-lg{font-size:2em}
	h1{font-size:2.8em}
	h2{font-size:2.2em}
	h3{font-size:2em}
	h3{font-size:1.8em}
	.navbar-nav>li>a{font-size:1.6em}
	.vc_custom_heading{margin-bottom:30px}
	.parallax{height:300px}
	.parallax .container-fluid{height:300px}
	ul#headlinks{margin:20px 0px 50px}
	.wpb_row:not(.vc_inner){padding:40px 0}
	.vc_row.vc_parallax{padding:90px 0}
}