/*
Theme Name: Colonic Inner Health
Theme URI: http://colonicinnerhealth.co.nz/
Description: A custom single page WordPress theme for colonicinnerhealth.co.nz, completed in Dec 2016
Version: 1.0
Author: Adrian Hodge
Author URI: http://www.hodgeman.co.nz/
Tags: white, single page, carousel, responsive, mobile, tablet
*/			

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

html,body,div#holder{height:100%}
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	background-size:100% auto;
}
a,strong{color:#1d71b8}
a:hover{color:#009fe3}

h1,h2,h3,h4,h5,h6{font-family:'HelveticaNeue', sans-serif;color:#1d71b8}

h2{
	font-size:40px;
	padding-bottom:30px;
	margin-top:10px;
}
h2 span,
h2 span a{color:#FFF}
h2 span a:hover{text-decoration:none}
h2 em{font-style:normal;text-transform:lowercase}
.container {
	height:100%;
}
h3{color:#95c11f}

#logo{margin:15px auto}
#slider{position:fixed;}
#carbon{position:absolute;z-index:10;width:100%;margin-top:230px}

.fb{float:left}
.btn-default{background-color:#1d71b8;color:#FFF;border:none}
.btn-primary{background-color:#95c11f;color:#000;border:none}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{background-color:#FFE500;color:#000}

.open .dropdown-toggle.btn-primary,
.navbar-toggle:hover{background-color:#1d71b8;border-color:#1d71b8;color:#FFF}

#menubar{background-color:#FFE500}
.nav-pills>li>a{background-color:#FFE500;color:#000;border-radius:0;}
.nav-pills>li>a:hover{background-color:#95c11f;color:#FFF}
.nav-pills>li>a:focus{background-color:#FFE500}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus{background-color:#1d71b8;color:#FFF}

.navbar-default .navbar-nav{border-bottom:1px solid #7098ba;margin-top:0;margin-bottom:0}
.navbar-default .navbar-nav>li{text-align:center;font-weight:bold}

.navbar-default .navbar-nav>li>a{background-color:#1d71b8;color:#FFF;border-top:1px solid #7098ba}
.navbar-default .navbar-nav>li>a:hover{background-color:#FFF;color:#000}
.navbar-default {min-height:0;border:none;margin-bottom:0;background:none;}
.navbar-default .navbar-collapse{border:none}
.navbar-toggle {
	background-color: #1d71b8;
	border-color: #1d71b8;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#FFF;	
  top: 0;
  right:-15px;
  border-radius: 0;
  height: 124px;
  width: 124px;
  margin: 0;
position: absolute;
	
	
}
.navbar-toggle:focus,
.navbar-toggle:hover {
	background-color: #1d71b8;
	border-color: #1d71b8;
	color:#FFF;
}
.navbar-collapse{box-shadow:none;border:none}

#header{background-color:#1d71b8;position:fixed;z-index:20;width:100%;
    -moz-box-shadow: 0 0px 15px 0px RGBA(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 15px 0px RGBA(0,0,0,0.3);
    -o-box-shadow: 0 0px 15px 0px RGBA(0,0,0,0.3);
    box-shadow: 0 0px 15px 0px RGBA(0,0,0,0.3);
		}
section,
#slider{
	background-color:#FFF;
	width:100%;
	min-height:100%;
	padding:10px;
	color:#333;
}
section .container{padding:40px 0;}
section#carousel{padding:0}
.img-circle.img-responsive{display:inline-block}
#form-messages{color:#000;padding:10px;border-radius:5px}

#services .item{margin-bottom:30px;height:430px}
#gallery .item{padding:15px}

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

.media_image{cursor:pointer}

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

a.fancybox{position:relative;display:block;overflow:hidden}
a.fancybox .info{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	display:block;
	background-color:RGBA(17,17,17,0.5);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	text-align:center;
	color:#FFF}
a.fancybox .info span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	margin-top: -1em;
	line-height: 2em;
	display: block;
	font-size: 1.5em;
	border: 2px solid #fff;
}

a.fancybox:hover .info{
	opacity:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#credit{color:#666;font-size:10px}
	#credit a{color:#999}
	
#testimonials{background:none;color:#000}

#contact{background-color:#1d71b8;color:#FFF}
#contact h2, #contact h3{color:#FFF}
#contact a{color:#ffde00}

#testimonials .carousel-control,
#testimonials .carousel-control{top:-80px;right:0;height:40px;width:40px;left:inherit;background:none}

#testimonials .carousel-control.left{right:40px}

span.wpcf7-not-valid-tip{
color: #000;
  background-color: #FFE500;
  padding: 5px;
}
div.wpcf7-response-output{margin:2em 0 1em;background-color:#FFF}
div.wpcf7-validation-errors{border-color:#FFE500}
.wpcf7-not-valid{border-color:#FFE500}


.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 (max-width: 1199px) {
	#services .item{height:450px}
	.media h3{font-size:4em}
	section .container{padding:30px 0}	
}
@media (max-width: 991px) {
	.media h3{font-size:3em}
	section .container{padding:25px 0}	
}
@media (max-width: 767px) {
	section .container{padding-top:15px}
	h2{font-size:30px;margin-top:10px;padding-bottom:10px}
	.navbar-toggle {
		height:100px;
		width:100px;	
	}
	#services .item{height:550px}
	#downButton {bottom:100px}
	.media h3{font-size:2em}
	.media_body{padding:1em}
	section .container{padding: 20px 0}
	#gallery .item{padding:10px}
}
@media (max-width: 480px) {
	.navbar-toggle {
		height:80px;
		width:80px;	
	}
	section .container {
	  padding: 10px 0;
	}
	#gallery .item{padding:5px}
}