@charset "utf-8";
/* Main Site CSS */
/* Developed by Harry Cann for Canntech */

html {
  position: relative;
  min-height: 100%;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	position: relative; /* ScrollSpy */
	padding-top: 100px;
}

/**[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}*/

#services {
	margin-top: -80px;	
}

#about, #contact {
	margin-top: -20px;
}

.row[id] {
	padding-top: 100px;
	margin-top: -100px;	
}

.navbar {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	border-bottom: #C00000 2px solid;
	background: #FFF;
	font-size: 1.5em;	
}

.navbar-brand {
	float: left;
	width: auto;
	height: 100%
}

.navbar-brand img {
	
}

.navbar-nav li a {
    line-height: 100px;
    padding-top: 0;
	padding-bottom: 0;
}

.modal-open {
	padding-right: 0 !important;
	overflow: auto;	
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
	
	.navbar-collapse {
		overflow: visible;
	}
    .navbar-collapse li a {
    	line-height: 40px;
		float: left;
    }
}

@media (max-width: 767px){
	body {
		padding-top: 50px;	
	}
	.navbar-brand {
		width: 40%;
	}
	.row[id] {
		padding-top: 130px;
		margin-top: -130px;	
	}
}

@media (max-width: 480px) {
	.navbar-brand {
		width: 60%;
	}
	.navbar {
		font-size: 1.2em;
	}
}

.navbar-nav li a:visited,
.navbar-nav li a:active,
.navbar-nav li a:link {
	color: #000 !important;
}

.navbar-default .navbar-nav .active a,
.navbar-nav li a:hover {
	color: #CC0000 !important;
	background: none !important;
}

.social-icons {
	text-align: center;
	padding: 15px;
}

a:link, 
a:visited, 
a:active {
	color: inherit;
	outline: none;
}

a:hover {
	color: #C00000;	
}

#content p a:link, 
#content p a:visited, 
#content p a:active {
	text-decoration: underline;
}

h1 {
	font-size: 1.7em;
	font-weight: bold;	
}

.row h1 {
	padding: 5px 15px;	
}

p {
	font-size: 1.1em;	
}

.list-group-item {
	font-size: 1.1em;	
}
	
.container-fluid {
	padding: 0;
	margin: 0;	
}

#map-canvas {
	height: 350px;
	width: 100%;
	border-bottom: #C00000 1px solid;	
}

#map-canvas p {
	padding: 50px;	
}

h1.tagline {
	color: #C00000;
	font-size: 1.5em;
	text-align: center;
}

.panel-phone {
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;	
}

.form-group label, .input-lg {
	font-size: 1.1em;
}

hr.page-break {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0px 0px 30px 0px;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}

hr.page-break-footer {
	margin: 20px 0px;	
}

.footer {
  position: absolute;
  width: 100%;
  line-height: 40px;
  font-size: 0.9em;
}