/*
Theme Name: Bebabo
Theme URI: http://bebabohairstudio.co.nz
Description: Bebabo Hair Studio | Hair Salon New Plymouth
Author: Frontroom
Author URI: http://frontroom.co/
Version: 1.0
Tags: 

License: 
License URI: 

*/

@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);
@import url('http://www.bebabohairstudio.co.nz/wp-content/themes/bebabo/bootstrap/css/bootstrap.min.css');

@font-face 	{
		font-family: 'Avenir LT Std 55 Roman';
		font-style: normal;
		font-weight: normal;
		src: local('Avenir LT Std 55 Roman'), url('http://www.bebabohairstudio.co.nz/wp-content/themes/bebabo/fonts/AvenirLTStd-Roman.woff') format('woff');
		}

html, body 	{
		padding:0; margin:0; height:100%;
		}

body		{
		background-color:#FCCCB6;
		color:#fff;
		}

.home		{
		overflow:hidden; margin-top:-10px;

    		background-repeat: no-repeat;
    		background-attachment: fixed;
    		background-position: center; 
		background-size: cover;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
    		-moz-transition:    all 600ms ease-in-out;
    		-webkit-transition: all 600ms ease-in-out;
    		-o-transition:      all 600ms ease-in-out;
    		-ms-transition:     all 600ms ease-in-out;
    		transition:         all 600ms ease-in-out;
		}
	
.wrapper 	{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto ;
		}

.content	{
		clear:both;  width:100%; padding-top: 55px;
		}

.blog-posts	{
		width:880px; height:auto; display: inline-block; 
		}


/*---------------------Navigation--------------------------*/

.navbar-brand	{
		margin-top:2.5%;
	  	-webkit-transition: opacity 1s ease-in-out;
  		-moz-transition: opacity 1s ease-in-out;
  		-ms-transition: opacity 1s ease-in-out;
  		-o-transition: opacity 1s ease-in-out;
  		transition: opacity 1s ease-in-out;
		}

.navbar-brand:hover	{
		zoom: 1;
  		filter: alpha(opacity=50);
  		opacity: 0.5;
		}

.navbar-nav>li	{
		padding-right:40px;
		}

.contact_us	{
		font-family: 'Nunito', sans-serif;
		}

.navbar-nav>li>a {
		font-family: 'Avenir LT Std 55 Roman';
    		font-weight: normal;
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:1.5px;
		}

.img-loaded    {
		min-width: 1350px !important;
		width:100%;
		height:100vh;
		}

.img-loaded .bgs-current {    
		display: list-item;
    		z-index: 1;
    		overflow: hidden;
		}

.nav>li>a:hover {
		background-color: transparent;
		}

.nav>li>a	{
		color:#fff;
		}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    		background-color: transparent;
   		border-color: transparent;
		}

.navbar-nav li:hover .dropdown-menu {
		display: block;
    		margin-top: 0;
		}

.caret 		{
		display:none;
		}

.dropdown-menu {
		background-color: transparent;
		border:none;
		color:#fff;
		box-shadow:none;
		}

.open>.dropdown-menu {
    		display: none;
		}

.dropdown-menu>li>a {
		color:#fff;
		font-family: 'Libre Baskerville', serif;
		text-transform:inherit;
		font-size:11px;
		letter-spacing:1px;
		line-height:21px;
		}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background-color: transparent;
		color:#fff;
		transition: opacity .7s linear;
		opacity: 0.3;
		}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-color: transparent;
		}

ul.dropdown-menu {
		text-align:center;
		}

.nav>li>a:focus, .nav>li>a:hover  {
		background-color: transparent;
		}

.nav		{
		margin-top:2.5%;
		}

.bookonline a:first-child {
		background:#fff;
		color:#000;
		font-family: 'Libre Baskerville', serif;
		text-transform:inherit;
		font-style:italic;
		padding-left:30px;
		padding-right:30px;
		}

.bookonline a:first-child:hover {
		background:#fff;
		transition: opacity .5s linear;
		opacity:0.5;
		}

.footer 	{
		position: absolute; bottom: 5%; right: 0; 
		}

.footer img:last-child {
		padding-right:40px;
		}

.footer ul li 	{
		display:inline-block;
		}


/*-----------------fonts------------------------*/

.page-template-custom-page h1 {
		font-family: 'Avenir LT Std 55 Roman';
    		font-weight: normal;
    		font-size: 11px;
    		text-transform: uppercase;
    		letter-spacing: 1.5px;
		color:#fff;
	    	padding-bottom: 20px;
		}

.page-template-custom-page p {
		font-family: 'Libre Baskerville', serif;
    		font-size: 12px;
    		letter-spacing: 1px;
    		color: #000;
    		line-height: 28px;
    		font-weight: normal;
		}

.page-template-custom-page p1 {
		font-family: 'Libre Baskerville'; font-style:italic; serif; font-size: 10px; letter-spacing: 1px; color: #000;
		}

.page-template-custom-page {
		text-align:center;
		}

.studio1  	{
		text-align:center; z-index:1000;
		}

.studio1 p1	{
		font-family: 'Libre Baskerville', serif;
		font-size:16px;
		letter-spacing:1px;
		color:#000;
		line-height:28px;
		font-weight:normal;
		font-style: normal;
		}

.single		{
		text-align:center;
		}

.single p	{
		font-family: 'Libre Baskerville', serif;
    		font-size: 12px;
    		letter-spacing: 1px;
    		color: #000;
    		line-height: 18px;
    		font-weight: normal;
		}

.single h1	{
		font-family: 'Avenir LT Std 55 Roman';
    		font-weight: normal;
    		font-size: 11px;
    		text-transform: uppercase;
    		letter-spacing: 1.5px;
		color:#fff;
	    	padding-bottom: 20px;
		}

.single a	{
		color:#fff;
		}

.sp-slides-container	{
		margin-bottom:30px;
		margin-top: 40px;
		}

.single-post  .bookonline a:first-child {
	background: #fff;
    	color: #FCCCB6;
    	font-family: 'Libre Baskerville', serif;
    	text-transform: inherit;
    	font-style: italic;
    	padding-left: 30px;
    	padding-right: 30px;
		} 


.page-template-custom-page .bookonline a:first-child {
	background: #fff;
    	color: #FCCCB6;
    	font-family: 'Libre Baskerville', serif;
    	text-transform: inherit;
    	font-style: italic;
    	padding-left: 30px;
    	padding-right: 30px;
		} 

.bgStretcherNavNext	{
		transition: opacity 1.5s 0 ease;
		}

.dropdown .dropdown-menu{
    		display: block;
    		opacity: 0;
    		-moz-transition:    all 1000ms ease;
    		-webkit-transition: all 1000ms ease;
    		-o-transition:      all 1000ms ease;
    		-ms-transition:     all 1000ms ease;
    		transition:         all 1000ms ease;
		}
	
.dropdown:hover .dropdown-menu {
    		display: block;
    		opacity: 1;
		}

.page-id-34.page-template-custom-page h1 {
		padding-top:20px;
		padding-bottom:5px;
		}




/*---------------------Forms--------------------------*/


.ninja-forms-cont   {
		margin-top: 20px;
		}

.ninja-forms-required-items 	{
		display:none;
		}

#ninja_forms_field_1_div_wrap 	{
		display:inline; 
		position:relative;
		}

#ninja_forms_field_1 	{
		width:240px; 
		margin-right: 245px; 
		height: 34px; 
		background-color: #FCCCB6; 
		border: 1px solid #fff; 
		padding-left: 15px; 
		font-family: 'Avenir LT Std 55 Roman'; 
		font-weight: normal; 
		font-size: 11px;  
		padding-top: 5px;
		}
	
#ninja_forms_field_2 {
		width: 240px; 
		margin-left: 5px; 
		margin-top: -34px !important; 
		position: absolute; 
		height: 34px; 
		background-color: #FCCCB6; 
		border: 1px solid #fff; 
		padding-left: 15px; 
		font-family: 'Avenir LT Std 55 Roman'; 
		font-weight: normal; 
		font-size: 11px; 
		padding-top: 5px;
		}

#ninja_forms_field_1_label, #ninja_forms_field_2_label {
		display:none;
		}

.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
		background: transparent; 
		border: none; 
		letter-spacing: 1px; 
		}

#ninja_forms_field_4_div_wrap 	{font-family: 'Libre Baskerville'; 
		font-style:italic; serif; 
		font-size: 10px; 
		letter-spacing: 1px; color: #000; 
		}

::-webkit-input-placeholder {
		color: #fff; letter-spacing:1px;
		}

:-moz-placeholder {
		color: #fff; letter-spacing:1px;
		}

::-moz-placeholder {
		color: #fff; letter-spacing:1px;
		}

:-ms-input-placeholder {
		color: #fff; letter-spacing:1px;
		}

.iframe-wrapper {   
		margin-top: 80px;
		}


/*---------------------Responsive--------------------------*/


@media only screen and (max-width:1200px){

		}

 @media only screen and (min-width: 768px) and (max-width: 959px) {

		}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
		.bookonline a:first-child {background:transparent;
		font-family: 'Avenir LT Std 55 Roman';
    		font-size: 11px;
    		text-transform: uppercase;
    		letter-spacing: 1.5px;
		font-style: normal;
		font-weight: normal;
		margin-top:100px;
    		padding-left: 15px;
		color:#fff;
		}

.page-template-custom-page .bookonline a:first-child {
		background: transparent;
    		font-family: 'Avenir LT Std 55 Roman';
    		font-size: 11px;
    		text-transform: uppercase;
    		letter-spacing: 1.5px;
    		font-style: normal;
    		font-weight: normal;
    		margin-top: 100px;
    		padding-left: 15px;
    		color: #fff;}

.single-post .bookonline a:first-child {
		background: transparent;
    		font-family: 'Avenir LT Std 55 Roman';
    		font-size: 11px;
    		text-transform: uppercase;
    		letter-spacing: 1.5px;
    		font-style: normal;
    		font-weight: normal;
    		margin-top: 100px;
    		padding-left: 15px;
    		color: #fff;}

.bookonline a:first-child:hover	{background:none;}

.dropdown-menu>li>a	{
		margin-top: -40px;
    		margin-left: 120px;
		position:relative;
		line-height:25px;
		padding-bottom:20px;
		text-align:left;
		}

.menu-item	{margin-left: 20px;
		margin-bottom: 10px;
		}

.page-template-custom-page #menu-primary {
		text-align:left;
		}

#ninja_forms_field_1, #ninja_forms_field_2 {
    		width: 170px;
		}


.single		{
		text-align:left;
		}
		

.navbar-nav>li {
    margin-top: 30px;}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
        

.single		{
		text-align:left;
		}
		}

/*--------------------------video--------------------------*/

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('http://www.bebabohairstudio.co.nz/wp-content/uploads/2016/10/background_pink.png') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}


/*-------------------------- slider --------------------------*/

.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after 
	{width: 7%!important;
	}

.sp-previous-arrow:before {transform: skew(135deg, 0deg)!important;}
.sp-previous-arrow:after {transform: skew(-135deg, 0deg)!important;}
.sp-next-arrow:before {transform: skew(45deg, 0deg)!important;}
.sp-next-arrow:after {transform: skew(-45deg, 0deg)!important;}