/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Bascik Transport
Description: A website for Bascik Transport
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
Date: 17 October 2016
*/

/* Sticky footer styles */

* {
	margin: 0;
}

html {
  position: relative;
  height: 100%;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
/*   margin-bottom: 60px; */
	font-family: 'Open Sans', sans-serif;
  color:#1c1c1c;
  height: 100%;
}
.footer {background-color: #ee1d22;}

#wrap {}

footer {position:relative; z-index: 100;}

h1,h2,h3,h4,h5,h6 {margin-top:0px; letter-spacing:1px; /* font-family: 'Open Sans Condensed', sans-serif; */ font-family: 'Roboto Condensed', sans-serif;}

h1 {font-size:24px; color:#1c1c1c; text-transform:uppercase; font-weight:700;}
h2 {font-size:24px; text-transform:uppercase; font-weight:700; text-align:center;}
h3 {color:#1c1c1c; font-weight:700;}
h4 {color:#1c1c1c; font-weight:700;}
h5 {color:#1c1c1c; font-size:21px;}
h6 {color:#1c1c1c; font-size:28px;}

p {font-size:14px; font-weight:300; letter-spacing:1px;}

p strong {font-weight:600; font-size:16px;}

a,
a:link,
a:visited {color:#ee1d22;}
a:hover,
a:active,
a.active {color:#ffe500;}

.reverse a,
.reverse a:link,
.reverse a:visited {color:#ffe500;}
.reverse a:hover,
.reverse a:active,
.reverse a.active {color:#ee1d22;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
    }

::-moz-selection{ /* Code for Firefox */
    color: #ffffff;
    background: #ee1d22;
}
::selection{
    color: #ffffff;
    background: #ee1d22;
}

.red {background:#ee1d22;}
.redtrans {background-color: rgba(238, 29, 34, 0.8);}
.green {background:#55841e;}
.greentrans {background-color: rgba(85, 132, 30, 0.8);}
.black {background:#1c1c1c;}
.blacktrans {background:#1c1c1c;}
.yellow {background:#ffe500;}
.yellowtrans {background-color: rgba(255, 229, 0, 0.8);}

.whitearea {background:#ffffff;}
.greyarea {background:#f1f0f1;}
.yellowarea {background:#f7f0c7;}
.greenarea {background:#ccd9bc;}
.bluearea {background:#25a7d6;}

.whitearea h2 {color:#000000;}
.greyarea h2 {color:#000000;}
.yellowarea h2 {color:#000000;}
.greenarea h2 {color:#55841e;}
.bluearea h2 {color:#ffffff;}

/* Header */

header {}

#logo {width:335px; height:135px; float:left; }

.navbar-default {background-color: transparent;}

.navbar {margin-bottom: 0px; padding:0px 0px 0px 0px; border: 0px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.navbar ul.navbar-nav{ float:right;}
.navbar li {margin:45px 7px;}
.navbar li a {text-transform: uppercase; font-size:15px; font-weight:300; padding:5px 10px!important;}
.navbar li a:link,
.navbar li a:visited {color:#ffffff!important;}
.navbar li a:hover,
.navbar li a:active,
.navbar li.current-menu-item {color:#ffffff!important; background-color: rgba(238, 29, 34, 0.8)!important;}
.navbar li:last-child {}

.navbar-form {margin:32px 0px 20px 0px; }

#shiftnav-toggle-main {background-color:#ee1d22!important;}
#shiftnav-toggle-main .shiftnav-main-toggle-content {text-indent:-9999px; width:100%; height:15px; background-color:#ee1d22; background-image: url('/wp-content/themes/bascik/images/logo.png'); background-size:30px;  margin-top:10px; background-repeat:no-repeat; background-position:center center;}
.shiftnav-menu-title {display:none;}
#shiftnav-toggle-main-button {color:#1c1c1c;}

/* Page */

.header-content {margin:60px 0px 60px 0px;}
.header-content p {font-size:38px; color:#ffffff; line-height: 48px; font-weight:300; text-shadow: 1px 1px #1c1c1c;}

.page-content .main-content {margin-top:0px; padding-bottom:15px;}
.page-content-lower {width:100%; padding:0px;}
.page-content-lower .main-content {width:100%; padding:0px;}
.page-content-lower h3 {color:#ee1d22; padding-bottom:30px;}

.page-content .headertitle {margin-bottom:15px; margin-top:15px;/* opacity:0.7; */}
.page-content .headertitle h1 {color:#ffffff; text-align:center; padding:15px 0px 5px 0px; /* opacity:1; */}
.page-content .headercontent {background:#ffffff; padding:30px 40px 15px 40px; margin-bottom:30px;}
.page-content .headercontent p {font-size:18px;}

.body-wrapper .contenttitle { margin-top:-25px;/* opacity:0.7; */}
.body-wrapper .contenttitle h2 {color:#ffffff; text-align:center; padding:15px 0px 5px 0px; /* opacity:1; */}
.body-wrapper .contentcontent { padding:20px 30px 20px 30px;}

.body-content {padding-top:20px;}
.body-content .large img {height:100%;}
.body-content .col-xs-6 {padding:0px;}
.body-content .row {padding-bottom:60px;}

.home-body-wrapper {margin-bottom:100px; clear:both;}
.home-body-wrapper .home-body-content .contenttitle {color:#ffffff; padding:15px 15px 5px 15px; margin-bottom:30px;}
.home-body-wrapper .home-body-content .contentcontent {padding:15px 15px 0px 15px;}
.home-body-wrapper .home-body-content .contentcontent p {font-weight:700; font-size:16px;}

.home-body-wrapper .home-body-content .contentimage {background-color: rgba(255, 255, 255, 0.8); padding:0px; height:200px; overflow-y:hidden; margin-bottom:30px;}

.home-body-wrapper .home-body-content .contentimage a {position:relative; color:#ffffff; padding:5px 10px; top:25px; left:15px;}

.col-xs-6.item.large img {width:100%;}
.col-xs-6.item.small img {width:100%;}

.page-content ol {font-size:18px; font-weight:100;}

/* Home Page */

.header-content.trackholder {margin:60px 0px 10px 0px;}
.header-content.trackholder.col-md-6 {padding-right: 0px; padding-left: 0px;}

.trackbody p {font-size:18px!important; color:#ffffff; font-weight:700; text-transform:uppercase; text-shadow: 0px 0px #1c1c1c; float:left; margin:0px 10px 0px 0px;}
.trackbody {background-color: rgba(238, 29, 34, 0.8); float:right; border-radius: 15px 15px 15px 15px; padding:2px 10px 10px 10px;}
.trackbody p a {color:red; background:yellow; border-radius:5px; padding:0px 5px; font-weight:700; font-size:21px!important; text-shadow: 0px 0px #1c1c1c;}
.trackbody p a:hover {color:yellow; background:red; border-radius:5px; padding:0px 5px; font-weight:700; font-size:21px!important; text-shadow: 0px 0px #1c1c1c; text-decoration:none;}
/* .trackbody select {margin-bottom:0px;} */
.trackbody .trackinginput {width:170px; border:2px solid #ffffff;}
.trackbody .trackinggo {color:red; background:yellow; border:0px solid yellow; border-radius:5px; padding:0px 5px; font-weight:700; font-size:19px!important; text-shadow: 0px 0px #1c1c1c; float:right;}

.trackbody.trackprior {padding-top:10px;}
.trackbody.trackprior p {font-size:12px!important; line-height:18px!important;}
.trackbody.trackprior p a {font-size:normal!important; line-height:35px!important;}

.trackbody .dropdown {position: relative; display: inline-block;}
.trackbody .dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 220px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;}
.trackbody .dropdown-content a {color:#ee1d22; clear:both; display:block; padding:5px 2px;}
.trackbody .dropdown-content a:hover {background:#ee1d22; color:#ffffff;}
.trackbody .dropdown:hover .dropdown-content {display: block;}

/* Webforms */

#gform_submit_button_1 {background-color:#ee1d22; border:1px solid #ee1d22; padding:5px 10px; color:#ffffff;}
#gform_submit_button_1:hover {background-color:#1c1c1c; border:1px solid #1c1c1c; padding:5px 10px; color:#ffffff;}
.gform_wrapper textarea.medium {width: 49.5%!important; border:1px solid #cccccc;}
.gform_wrapper select {border:1px solid #cccccc;}
.gform_wrapper input {border:1px solid #cccccc;}

/* Footer */

footer {padding-top:0px;}
footer.footer {background:#000000;  border-top:2px solid #ee1d22; color:#ffffff;}

.footer-inner {padding-bottom:10px; padding-top:20px;}

.footer-first {text-align:center; color:#ffffff;}
.footer-first h4 {font-size:28px; text-transform: uppercase; color:#ffffff; margin-bottom:20px;}
.footerphone {font-size:48px; margin-top:30px; font-weight:bold;}

.footer-base p {text-align:center; font-size:13px;}
.footer-base img {width:30%; height:auto;}

.footernotesleft a {color:#ffffff;}
.footernotesleft {color:#ffffff; float:left;}

.footernotesright a {color:#ffffff;}
.footernotesright {color:#ffffff; float:right;}

/* 404 */

.error404 #wrap {min-height:600px; background:#25a7d6;}

/*==========  Mobile First Method  ==========*/

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width:370px) {

  body {background-size:150%!important;}

  #navbar,
  .navbar {display:none;}

  #shiftnav-toggle-main .shiftnav-main-toggle-content {background-size:150px;}

  .header-content {margin:10px 0px 10px 0px;}
  .header-content p {font-size:18px; color:#ffffff; line-height: 21px; font-weight:300;}

  .header-content.col-xs-12 {padding-right: 15px; padding-left: 15px; width:100%!important;}
  .header-content.trackholder {margin:10px 0px 10px 0px;}
  .header-content {margin-bottom:10px; width:80%; margin-left:10%; margin-right:10%;}
  .trackbody { margin-bottom:10px; width:80%; margin-left:10%; margin-right:10%;}
  .trackbody p {padding:5px 0px 7px 0px;}

  .home-body-wrapper .home-body-content .contentcontent {padding:0px; padding-top:30px!important;}
  .home-body-wrapper .home-body-content .contentcontent p {background:#ffffff; margin-top:50px; padding:15px 15px 0px 15px;}

  .body-wrapper .contentcontent {padding:50px 15px 30px 15px;}

  .page-content .headertitle h1 {font-size:18px;}

  .page-content .headercontent {background:#ffffff; padding:15px 15px 15px 15px; margin-bottom:30px;}

  .contenttitle h2 {font-size:18px;}

  .gform_wrapper select {width: 100%!important; border:1px solid #cccccc;}
  .gform_wrapper input {width: 100%!important; border:1px solid #cccccc;}
  .gform_wrapper textarea.medium {width: 100%!important; border:1px solid #cccccc;}

  .footerphone {font-size:32px; margin-top:30px; font-weight:bold;}

  .container {width:100%; padding-left:0px; padding-right:0px;}

}

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (min-width:371px) and (max-width:767px) {

  body {background-size:150%!important;}

  #navbar,
  .navbar {display:none;}

  #shiftnav-toggle-main .shiftnav-main-toggle-content {background-size:150px;}

  .header-content {margin:10px 0px 10px 0px;}
  .header-content p {font-size:18px; color:#ffffff; line-height: 21px; font-weight:300;}

  .header-content.col-xs-12 {padding-right: 15px; padding-left: 15px; width:48%!important;}
  .header-content.trackholder {margin:10px 0px 10px 0px;}
  .trackbody {margin-bottom:10px;}
  .trackbody {padding:2px 5px 10px 5px;}
  .trackbody p {padding:5px 0px 7px 0px;}

  .home-body-wrapper .home-body-content .contentcontent {padding:0px; padding-top:30px!important;}
  .home-body-wrapper .home-body-content .contentcontent p {background:#ffffff; margin-top:50px; padding:15px 15px 15px 15px;}

  .body-wrapper .contentcontent {padding:50px 15px 30px 15px;}

  .page-content .headertitle h1 {font-size:18px;}

  .page-content .headercontent {background:#ffffff; padding:15px 15px 15px 15px; margin-bottom:30px;}

  .body-wrapper .contenttitle h2 {font-size:18px;}

  .gform_wrapper select {width: 100%!important; border:1px solid #cccccc;}
  .gform_wrapper input {width: 100%!important; border:1px solid #cccccc;}
  .gform_wrapper textarea.medium {width: 100%!important; border:1px solid #cccccc;}

  .footerphone {font-size:32px; margin-top:30px; font-weight:bold;}

  .container {width:100%; padding-left:0px; padding-right:0px;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width:768px) and (max-width:991px) {

  X#navbar,
  X.navbar {display:none;}

  .navbar #logo {width:200px;}
  .navbar nav li {margin: 15px 2px;}

  #shiftnav-toggle-main .shiftnav-main-toggle-content {background-size:150px;}

  .header-content {margin:35px 0px 35px 0px;}
  .header-content p {font-size:28px; color:#ffffff; line-height: 31px; font-weight:300;}

  .trackbody { margin-bottom:10px; width:240px;}
  .trackbody p {padding:5px 0px 7px 0px;}

  .page-content .headertitle h1 {font-size:18px;}

  .home-body-wrapper .home-body-content .contentcontent {padding:0px; padding-top:0px!important;}
  .home-body-wrapper .home-body-content .contentcontent p {background:#ffffff; margin-top:0px; padding:15px;}

  .body-wrapper .contenttitle h2 {font-size:18px;}

  .home-main-content,
  .home-body-content {width:100%; padding:0px;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width:992px) and (max-width:1199px) {

  .trackbody { margin-bottom:10px; width:240px; clear:both;}
  .trackbody p {padding:5px 0px 7px 0px;}


  .header-content.leftside {margin:40px 0px 40px 0px;}
  .header-content.leftside p {font-size:28px; color:#ffffff; line-height: 32px; font-weight:300;}

  .home-body-wrapper .home-body-content .contentcontent {background:#ffffff; padding:15px 15px 0px 15px;}

  .home-main-content {padding:0px;}
  .home-body-content {width:33%!important;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width:1200px) {

  .trackbody { clear:both; margin-bottom:10px; width:240px;}

  .home-body-wrapper .home-body-content .contentcontent {background-color: rgba(255, 255, 255, 0.8); padding:15px 15px 0px 15px;}

}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .gform_wrapper select {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    /*border: 1px solid #ffffff;*/
    padding: 5px;
    background: #ffffff;
    outline: none;
  }

}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

}