/*
Theme Name: Final Touch
Theme URI: http://finaltouchmakeupartistry.co.nz/
Description: A custom single page WordPress theme for finaltouchmakeupartistry.co.nz, completed in May 2015
Version: 1.0
Author: Adrian Hodge
Author URI: http://www.hodgeman.co.nz/
Tags: black, pink, single page, carousel, responsive, mobile, tablet
*/		

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

h1,h2,h3,h4,h5,h6{color:#ed0c6e}

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

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

.fb{float:left}
.btn-default{background-color:#ed0c6e;color:#FFF;border:none}
.btn-primary{background-color:#000;color:#FFF;border:none}

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

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

#menubar{margin-top:15px;background-color:#FFF}
.nav-pills>li>a{background-color:#FFF;color:#000;border-radius:0;}
.nav-pills>li>a:hover{background-color:#fbb2d2}
.nav-pills>li>a:focus{background-color:#FFF}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus{background-color:#ed0c6e;color:#FFF}

.navbar-default .navbar-nav{border-bottom:1px solid #000;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:#ed0c6e;color:#FFF;border-top:1px solid #000}
.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: #ed0c6e;
	border-color: #ed0c6e;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#000;	
  top: 0;
  right:-15px;
  border-radius: 0;
  height: 124px;
  width: 124px;
  margin: 0;
	
	
}
.navbar-toggle:focus,
.navbar-toggle:hover {
	background-color: #ed0c6e;
	border-color: #ed0c6e;
	color:#000;
}
.navbar-collapse{box-shadow:none;border:none}

#header{background-color:#000;position:fixed;z-index:20;width:100%}
section,
#slider{
	background-color:#000;
	width:100%;
	min-height:100%;
	padding:10px;
	color:#efefef;
	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:#ed0c6e;color:#000}
#contact h2, #contact h3{color:#000}
#contact a{color:#FFF}

#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: #FFF;
  background-color: #000;
  padding: 5px;
}
div.wpcf7-response-output{margin:2em 0 1em;background-color:#FFF}
div.wpcf7-validation-errors{border-color:#000}
.wpcf7-not-valid{  background-color:#fbb2d2;border-color:#000}


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