/*
Theme Name: Swincar NZ
Theme URI: http://swincar.nz
Description: A bespoke responsive WordPress theme for Swincar New Zealand. Built on Bootstrap 3.5, completed in September 2016.
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz

RED: 		#ED1C24
BLACK: 	#231F20

*/


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

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

body {
  background:#f8f8f8 url(images/bg_white.jpg);
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #231F20;
}

a{color:#ED1C24;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;}
a:hover,
a:active,
a:visited{color:#F00}


.btn,
a.btn,
.navbar-toggle {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-weight: bold;
}
a.btn:hover,
a.btn:active,
a.btn:visited{color:#FFF}


h1,h2,h3,h4,h5,h6{margin-top:10px;margin-bottom:20px}
h1{font-family: 'Oswald', sans-serif;font-weight:700;color:#ED1C24}
h2,h3,h4,.btn-lg{font-family: 'Oswald', sans-serif;font-weight:300}

.vc_btn3{font-family: 'Oswald', sans-serif;font-weight:700}

h1{font-size:1.8em}
h2{font-size:1.6em;color:#999}
h3{font-size:1.4em;color:#ED1C24}
h3{font-size:1.2em}

hr{border-color:#666}

h3.widgettitle{margin-bottom:20px;color:#ed2729}

.sticky-wrapper{height:60px}

#scrolldown{color:#FFF;z-index:100;position:absolute;bottom:20px;margin-left:50%;left:-24px;display:none}
#header{
	background:#FFF;
	position:relative;
	height:auto;
	box-shadow: 0 2px 5px RGBA(0,0,0,0.3);
	z-index:10;
	}
#header.stuck{
	position:fixed;
	width:100%;
	z-index:100;
	}
#header #logo>img{margin:17px 0}
#header.stuck #mainnav{margin-top:19px}

#menu-bar{background-color:#5f5d5c}

.nav>li>a{padding:10px 10px;color:#ED1C24;font-size:1.4em;
-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;}
.nav-pills>li>a,
.navbar-nav>li>a{color:#666;font-family:'Oswald', sans-serif;font-weight:700}
.nav-pills>li>a{border-radius:0}

.nav-pills>li>a:hover{
	color:#333;
	background-color:transparent;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li.current-menu-item>a,
.nav-pills>li.current-menu-parent>a{
	color:#ED1C24;
	background-color:transparent;
}

.navbar-nav>li>a{color:#FFF}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#767676;color:#FFF;}
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current-menu-parent>a{background-color:#ED1C24;color:#FFF}


.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background-color:#ED1C24}
.dropdown-menu{background-color:#5f5d5c}
.dropdown-menu>li>a{color:#FFF}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{background-color:#ED1C24;color:#FFF}

.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: #ED1C24;
}
.navbar-toggle .lines {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #FFF;
  transition: 0.5s;
  position: relative;
  vertical-align: middle;
}
.navbar-toggle .lines:before,
.navbar-toggle .lines:after {
  display: inline-block;
  width: 21px;
  height: 3px;
  background: #FFF;
  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: #FFF;
}
.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);	
}

#content .container{padding-bottom:30px}
.home #content .container{padding-bottom:0px}

.pager li>a,
.pager li>span{border-radius:4px}

.pager li>a,
.btn-primary,
.navbar-toggle{background-color:#ED1C24;border-color:#ED1C24;color:#FFF}

.pager li>a:focus,
.pager li>a:hover,
.btn-primary:focus,
.btn-primary:hover,
.navbar-toggle:hover{background-color:#ED1C24;border-color:#ED1C24;color:#FFF}

#searchform{margin-top:15px;margin-bottom:15px}

#breadcrumbs{
	padding: 0 0 10px;
	border-bottom: 1px dashed #444;
	margin: 20px 0;
}

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

.carousel-inner>.item>a>img,
.carousel-inner>.item>img{
	display:inherit;
	margin:0 auto;
}

.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; }
}

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

blockquote {
	color:#999;
  border-left: none;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #999;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
	margin-right:5px;
}
blockquote:after {
  color: #999;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
	margin-left:5px;
}
blockquote p {
  display: inline;
}

#footer{padding:30px 0;background:#000 url(images/bg_black.jpg);color:#FFF}
	#footer a,
	#footer a:hover{color:#ED1C24}
	#footer h3.widgettitle{color:#ED1C24}
	#footer .btn-primary{background-color:transparent}
	#menu-footer-menu{list-style:none;padding-left:0}
	
	#footer .btn-primary:hover{background-color:#ED1C24}
	
	#b2top{position:fixed;bottom:10px;right:10px;color:#231F20;display:none;text-align:center}
	#b2top:hover{color:#000;}
	
.widget{margin-bottom:30px}

#credit{background:#ED1C24;color:#2c2c2c;font-size:0.7em;padding:20px 0 10px}
#credit a{color:#EEE}

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


.wpb_row{margin-bottom:0}

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline{font-size:1em}
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 1.6em;
}

.vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading{
	border-color: #ED1C24 !important;
	background-color: #ED1C24 !important;
}
.vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
  background-color: #444;
}


.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:auto;background-size:cover;background-position:50%;margin-bottom:30px}
.parallax h1{margin:20px 0;color:#FFF;font-size:2em;line-height:2em;text-align:center}
.parallax .container-fluid{background:url(images/bg_pattern.png);height:auto;}

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


ul.nobullet{list-style:none;padding-left:0}
ul.nobullet>li{margin-bottom:15px}

a.btn-ghost, .btn-ghost {
	background: none;
	border: 1px solid #076a2c;
	color: #fff !important;
	padding: 8px 20px;
	vertical-align: middle;
}
a.btn-ghost:hover, .btn-ghost:hover {
  background: #02451b;
  border: 1px solid #02451b;
  color: #fff;
}

#tiles{margin-top:30px}
#tiles>div{margin-bottom:15px}
#tiles .has-post-thumbnail>a:hover>img{opacity:0.7}

#slideshow{margin-top:30px}
#carousel-markers ul{
	list-style:none;
	text-align: center;
	padding: 0;}
#carousel-markers li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
}
#carousel-markers li a {
  width: 30px;
  height: 8px;
  background: #F2f2f2;	
	display:block;
}

#carousel-markers li a.active {
  background: #5b6e0e;
}


.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #666;
}
.table-hover > tbody > tr:hover {
  background-color: #777;
}

.table>tbody>tr>th,
.table>tbody>tr>th:hover,
.table>tbody>tr>th:hover{
  background-color:#000;
	font-size:24px;
	color:#ED1C24;
}



@media print {
	#footer,
	#credit{display:none}
}


/* 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}
	#logo{margin:5px 0}
	.parallax{height:180px;margin-bottom:0}
	.parallax h1{font-size:3.6em;line-height:180px;margin:0}
	.parallax .container-fluid{height:180px;}
	.navbar-right {margin-right:0}
	#mainnav{margin-top:30px}
	#searchform{margin-bottom:0}
	#tiles{margin-top:0}
	#header.stuck #searchform {display:none}
	.tread{height:40px}
	.sticky-wrapper{height:70px}
}

@media (min-width: 992px) {
	h1{font-size:2.4em}
	h2{font-size:2em}
	h3{font-size:1.8em}
	h3{font-size:1.6em}
	#logo{margin:10px 0}
	.parallax{height:280px}
	.parallax h1{font-size:4.4em;line-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-top:8px}
	#googlemap{height:350px}
	.nav>li>a{padding:10px 15px}
	.tread{height:50px}
	#scrolldown{display:block}
}

@media (min-width: 1200px){
	h1{font-size:2.6em}
	h2{font-size:2.2em}
	h3{font-size:2em}
	h3{font-size:1.8em}
	#logo{margin:15px 0}
	.parallax{height:300px}
	.parallax h1{font-size:5em;line-height:300px}
	.parallax .container-fluid{height:300px;}
	ul#headlinks{margin:20px 0px 17px}
	#googlemap{height:400px}
	.tread{height:60px}
}