/*
Theme Name: Rotorua Airport
Theme URI: http://rotoruasuperpasses.co.nz
Description: A custom responsive WordPress theme for Rotorua Airport. Developed in November 2014.
Version: 2.0
Author: Hodgeman Web &amp; Design
Author URI: http://hodgeman.co.nz/
Tags: Blue, White, Responsive, Gradient

BLUE #003263
GREEN #C6D4AF
LIME #A6CE39
*/

@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 {
	background-color: #003263;
	font: 14px/24px "Myriad Pro", Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

:focus {outline-style:none;
box-shadow:none;
border-color:transparent;}
a{outline:none;color:#4c6f91}
a img{border:none}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth, iframe{margin-bottom:20px}


h1,h2,h3,h4,.sub-menu-title{font-family:'HelveticaNeue', sans-serif}

h1{font-size:2.4em}
h2,.sub-menu-title{font-size:2.0em;color:#003263}
h3{font-size:1.6em;color:#A6CE39}
h4{font-size:1.3em}
h5{font-size:1.0em}


.container{}
.carousel{z-index:10}

.nav-pills>li>a>span{display:none}
.navbar-default .navbar-collapse{border:none}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #003263;
background-color: transparent;
}

.navbar-toggle{color:#FFF}

#airport-navbar-collapse {
	background-color:#C6D4AF
}
#airport-navbar-collapse a{color:#003263}
#airport-navbar-collapse .sub-menu-title{display:none}

#airport-navbar-collapse .sub-menu>.padding>ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#airport-navbar-collapse .navbar-nav {margin: 0 -15px;overflow: hidden;}
#airport-navbar-collapse .nav>li{border-bottom:1px solid #003263}

#airport-navbar-collapse .nav>li>ul.sub-menu{	
	list-style:none;
	max-height:0;
	visibility:hidden;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	border-top:1px solid #003263;
	padding:0;
	}
#airport-navbar-collapse .nav>li.active>ul.sub-menu{
	max-height:999px;
	height:auto;
	visibility:visible;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	background-color:#d9e8c1;
	padding: 0 0 0 15px;
	}
#airport-navbar-collapse .nav>li>ul.sub-menu a{padding:4px 10px;display:block;text-decoration:none}
#airport-navbar-collapse .nav>li.active{font-weight:bold}
#airport-navbar-collapse .nav>li.active>ul{font-weight:normal}


#airport-navbar-collapse .nav>li>a:after{
	background: url("images/bg_nav-arrow-right.png") no-repeat right top;
	content: ' ';
	display: block;
	height: 7px;
	margin-top: -3px;
	position: absolute;
	right: 1.1111em;
	top: 50%;
	width: 20px;
}

.navbar{
	min-height: 0;
	margin-bottom: 0;
	border: none;}

#main{background-color:#FFF}

#searchform{position:absolute;top:10px;right:15px}
.search-field.form-control,
.search-submit,
.search-field.form-control:hover,
.search-submit:hover{background:none;border:none;color:#FFF}

.search-submit:hover{background-color:#23487c}

#searchform .input-group .form-control{float:right;width:60%;padding:5px}
#searchform .input-group .form-control:focus{width:100%}
.search-field {
outline: none;
border: none;
background: transparent;
font-family:'HelveticaNeue', sans-serif;
font-size: 1.2em;
line-height: 1em;
margin: 0 0 0 -1em;
width: 60%;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
}

textarea, input { outline: none; }



#footer{margin:0 auto;color:#FFF;font-size:10px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;box-shadow:none;padding-top:100px;line-height:1.5em;
background:#003263 url(images/footer_mountains.png) 50% top repeat-x;}
	#footer a{color:#FFF;text-decoration:none}
	#footer a:hover{color:#DDD}
	
	#footer a .fa{color:#000}
	#footer a:hover .fa{color:#666}

.center{text-align:center}

.alignleft{float:left}
.alignright{float:right}

img.alignleft{margin:0 10px 20px 0}
img.alignright{margin:0 0 20px 10px}

.search-field::-webkit-input-placeholder{color:#FFF;text-indent:4px}
.search-field:-moz-placeholder{color:#FFF;text-indent:4px}
.search-field::-moz-placeholder{color:#FFF;text-indent:4px;opacity:1}

#breadcrumbs{margin-top:15px}

.post{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #CCC}
.post h3{margin:5px 0}
.post p{margin-bottom:0}
.date{color:#999}

.latestPosts{list-style:none;padding-left:0;margin-bottom:0}

.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%;
}


.grey{
	background-color:#F6F6F6;
	border-bottom:5px solid #003263;
	}
	
.grey	.latestPosts>li{padding:10px 20px;border-bottom:1px solid #CCC}
.grey .latestPosts>li:last-child{border-bottom:0}
.grey h3{padding:20px}
.arrivals_departures{padding:20px}
.arrivals_departures img{margin:10px auto 30px}
	
ul#parking-form{list-style:none;margin-left:0;padding:0}
ul#parking-form li{margin-bottom:10px}
ul#parking-form input.text, #ddt, #rdt{padding:4px;border:1px solid #CCC}


@media (min-width: 768px){

#menu{border-top:1px solid #2a5e91}
	
	#menu>ul{margin:0;padding:0}
	
	.nav>li{position:inherit}
	.nav>li>a {padding:30px 15px;}
	
	.nav-pills>li>a,
	.nav-pills>li>a:hover,
	.nav-pills>li>a:focus,
	.nav-pills>li.active>a,
	.nav-pills>li.active>a:hover,
	.nav-pills>li.active>a:focus{border:none;background-color:transparent;color:#FFF;font-family:'HelveticaNeue', sans-serif;font-size:1.2em}	
	.nav-pills>li>a:hover{color:#CCC}	
	
	.nav-pills>li.menu-item-has-children>a:hover{background:url("images/bg_subnav_open.png") center 67px no-repeat;}
		
	.sub-menu{
		list-style:none;
		position:absolute;
		background-color:#C6D4AF;
		left: 0;
		right: 0;
		top: auto;
		width: auto;
		z-index:10;
		margin:0 auto;
		display:none;		
		padding:0;
	}
	.sub-menu ul{list-style:none;padding:0;margin:0}
	.sub-menu li.padding{
		margin:0 auto;
		padding:30px 15px;
	}
	.nav-pills>li.active .sub-menu{height:20em;display:block}
	.sub-menu a{color:#003263}
	.sub-menu-title{margin-bottom:20px}
	
	.sub-list{float:left;margin-left:1em;width:300px}
	
	.nav-pills>li.current-page-ancestor>a:before {
		background: #5C4F2B;
		background: rgba(198,212,175,0.7);
		bottom: 0;
		content: ' ';
		height: .45em;
		left: .5em;
		position: absolute;
		right: .5em;
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
	nav-pills>li>a:hover:before,
	nav-pills>li>a:focus:before,
	nav-pills>li>a:hover::before,
	nav-pills>li>a:focus::before{
		height:0;
	}
	
	
.nav-pills .mega-close {
	background: url("images/bg_subnav_close.png") no-repeat scroll center center #C6D4AF;
	bottom: -0.4em;
	content: " ";
	cursor: pointer;
	display: none;
	height: 1.5em;
	left: .5em;
	position: absolute;
	right: .5em;
}

.nav-pills>li.active .mega-close {
	display: block;
}
	
	.sub-menu li.padding {width: 750px;}
	body{position:relative}
}
@media (min-width: 992px){
	.nav-pills>li>a>span{display:inline-block}
	.sub-menu li.padding {width: 970px;}
	#searchform{position:relative;padding-top:27px;top:0;right:0}
}
@media (min-width: 1200px){
	.sub-menu li.padding {width: 1170px;}
}