/*
Theme Name: Baywatch Motor Inn
Theme URI: http://www.baywatchmotorinn.co.nz
Description: A bespoke WordPress theme based on the Twitter Bootstrap framework for baywatchmotorinn.co.nz, designed and built in July 2016.
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz

BG: 	#CCC

*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
	background:#333;
	padding-bottom: 40px;
	color: #5a5a5a;
	font-family:Tahoma, Geneva, sans-serif;
}
.container{background-color:#FFF}

#header{background:#333;
    height: auto;
    min-height: 110px;}

#badge{
    background: url(images/badge.png) no-repeat;
		background-size:contain;
    width: 70px;
    height: 85px;
    display: block;
    position: absolute;
    z-index: 100;
		top:20px
}
#logo>img{margin:30px 0}

#mainnav{margin-top:15px}

#footer{background:goldenrod;font-size:11px;color:#333;padding-top:15px}
#footer a{color:#FFF}
#footer img#nztg{position:absolute;top:13px;margin-left:50%;left:-47.5px}

h1,h2,h3{font-weight:normal;text-rendering:auto}
h2{text-transform:uppercase;color:#666}

#searchform{padding:10px 10px 0}
#searchform_top{margin-top:20px}
#menu-bar #searchform_top{margin:15px 0}

a,h1{color:goldenrod}
.btn-info{background-color:goldenrod;border-color:goldenrod;color:#000}
.btn-info:hover,
.btn-info:focus,
.btn-info:active, 
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #000;
background-color:goldenrod;
border-color: goldenrod;
}

.nav-pills>li>a{font-size:medium}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color:goldenrod;color:#000}
.nav-pills>li>a:hover,
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current-page-ancestor>a,
.navbar-nav>li>a:hover, 
.navbar-nav>li.current-menu-item>a:hover, 
.navbar-nav>li.current-page-ancestor>a:hover {background-color:goldenrod ;color:#000}

img.pull-left{margin:0 20px 20px 0}
img.pull-right{margin:0 0 20px 20px}

.icons img.pull-left{margin:0 3px 3px 0}
.icons img.pull-right{margin:0 0 3px 3px}

.alert-info {
	color: #904f33;
	background-color: #dacebf;
	border-color: #BEA98E;
}

#toTop{position:fixed;bottom:20px;right:20px;display: none;}
footer{font-size:0.8em}

#roomgallery{margin-bottom:15px}
#roomgallery #feature{margin-bottom:15px}
img.featimg:hover{opacity:0.5}

.marginT20{margin-top:20px}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


#breadcrumbs{margin-top:10px}
#sidebar, .tab-content{padding-top:15px}	
	
#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;}
#carousel-thumbnails {margin:10px -5px 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; }
}



.navbar-toggle {
  display: inline-block;
  padding: 12px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border: none;
  cursor: pointer;
  user-select: none;
  background-color:goldenrod;
}
.navbar-toggle .lines {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #000;
  transition: 0.5s;
  position: relative;
  vertical-align: middle;
}
.navbar-toggle .lines:before,
.navbar-toggle .lines:after {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #000;
  transition: 0.5s;
  position: absolute;
  left: 0;
  content: '';
}
.navbar-toggle .lines:before{
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -o-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.navbar-toggle .lines:after{
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  -o-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);	
}
.navbar-toggle.collapsed .lines:before {
  top: 6px;
}
.navbar-toggle.collapsed .lines:after {
  top: -6px;
}
.navbar-toggle.collapsed:hover {
  opacity: 1;
}
.navbar-toggle.collapsed:hover .lines:before {
  top: 7px;
}
.navbar-toggle.collapsed:hover .lines:after {
  top: -7px;
}
.navbar-toggle:active {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  transition-duration: 0;
  background: rgba(0, 0, 0, 0.1);
}
.navbar-toggle .lines {
  background: transparent;
}
.navbar-toggle .lines:before, .navbar-toggle .lines:after {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 21px;
}
.navbar-toggle.collapsed .lines {
  background: #000;
}
.navbar-toggle.collapsed .lines:before{
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  -moz-transform: rotate3d(0, 0, 1, 0deg);
  -ms-transform: rotate3d(0, 0, 1, 0deg);
  -o-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}
.navbar-toggle.collapsed .lines:after{
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  -moz-transform: rotate3d(0, 0, 1, 0deg);
  -ms-transform: rotate3d(0, 0, 1, 0deg);
  -o-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);	
}




/* WIDGETS
-------------------------------------------------- */
.widget{margin-bottom:20px}


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

@media (min-width: 768px) {
	#badge{
		width: 140px;
		height: 170px;
		top:20px
	}
	#logo{position:absolute;left:160px}
	#header{min-height:140px}

@media (min-width: 992px) {}

@media (min-width: 1200px){}