/*

Theme Name: JB Music

Theme URI: 

Author: Seth Daniels

Author URI: http://www.seth-daniels.com

Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.

Version: 1.0.6

License: MIT

License URI: http://opensource.org/licenses/MIT

Text Domain: jbm

Domain Path: /languages/

Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready



This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.



*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);



/*

Required WordPress CSS

*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.bypostauthor {

}





/* WordPress gallery */

.gallery-caption {

}

.gallery {

	margin-bottom: 1.6em;

}

.gallery-item {

	display: inline-block;

	padding: 1.79104477%;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}

.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}

.gallery-icon img {

	margin: 0 auto;

}

.gallery-caption {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	display: block;

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

	padding: 0.5em 0;

}

.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}





.sticky {

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}
/*-------------------------- Typography ------------------------------*/

p,h1,h2,h3,h4,h5,a{
	font-family: 'Open Sans', sans-serif;
}


p{
	font-size: 12px;
	line-height: 16px;
}


h2{
	font-weight: 300;
	letter-spacing: 0.1em;
}

h3{
	color:#fff;

}


/*-------------------------- Page ------------------------------*/
h1.entry-title{
	display: none;
}

#main-column .post,
#main-column .page{
	border:none;
}

.home-video-frame,
.ts-video-container{
	border: 5px solid #fff;
}

/*-------------------------- Header ------------------------------*/
header{
margin-top: 30px;
}

.site-logo{
	text-align: center;
}

.telnum img{
	display:none;
	}

.telnum span{
	display:block;
	color:#fff;
	text-decoration:none;
	}
.telum span:hover{
	text-decoration:none;
	color:#ccc;
}


/*-------------------------- Navbar ------------------------------*/

.jbm-nav{
	background: transparent;
	background-color: transparent;
	border: none;
	text-align: center;
	text-shadow:none;
	box-shadow: none;
}

.jbm-nav ul{
	float: none;
}

.jbm-nav ul li{
	float: none;
	display: inline-block;
	zoom:1;
	*display: inline;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}


.jbm-nav .navbar-nav>li>a:focus,
.jbm-nav .navbar-nav>li>a:hover{
	color: #fff;
}

.navbar-brand, .navbar-nav>li>a{
	text-shadow:none;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border:0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #ddd;
    background-color: transparent;
    background-image: none;
}

#smoothup { 
height: 40px; 
width: 40px; 
position:fixed;
bottom:50px;
right:100px;
text-indent:-9999px;
display:none;
background: url("http://www.joshboydmusic.com.au/wp-content/uploads/2015/12/up-arrow.png"); 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
background-size: 40px;
}

#smoothup:hover {
-webkit-transform: bottom(10px) }
background: url('') no-repeat;
}


/*-------------------------- Modal ------------------------------*/
.nch-lb-exit-inner .nch-lb-icon-exit{
	color: #000;
	width: 36px;
    height: 36px;
    display: block;
    cursor: pointer;
    font-family: nchlightbox;
    font-size: 33px;
    line-height: 30px;
    -webkit-text-shadow: 0;
    text-shadow: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.social-icons ul{
text-align: right;
}

.social-icons ul li{
	list-style: none;
	display: inline-block;
	zoom:1;
	*display: inline;
	margin-right:5px;
}

.social-icons ul li:last-child{
margin-right:0;
margin-top:5px;
display:block;
}

.social-icons ul li img{
	width: auto;
	height: 20px;
}

.email-link{
	cursor: pointer;
}

#contact-box .gform_body,
#order-box .gform_body{
	width: 70%;
	margin: 0 auto;
}

#contact-box .gform_wrapper .gfield label,
#order-box .gform_wrapper .gfield label{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

#order-box .gform_wrapper .gfield label,
#order-box .gform_wrapper .gfield .ginput_container,
#contact-box .gform_wrapper .gfield label,
#contact-box .gform_wrapper .gfield .ginput_container{
    font-family: 'Open Sans', sans-serif;
}

#order-box .gform_wrapper .gfield .ginput_container input,
#order-box .gform_wrapper .gfield .ginput_container textarea,
#contact-box .gform_wrapper .gfield .ginput_container input,
#contact-box .gform_wrapper .gfield .ginput_container textarea{
	border: none;
	border-bottom: 1px solid #000;
	margin: 0;
}

#order-box .gform_wrapper .gfield .ginput_container input,
#contact-box .gform_wrapper .gfield .ginput_container input{
	width: 60%;
}

.btn-default,
.gform_next_button,
.gform_footer .gform_button{
	background: #fff;
    border: 2px solid #000;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 0;
}

.btn-default:hover,
.gform_next_button:hover,
.gform_footer .gform_button:hover{
	background: #000;
	color: #fff;
	border-color: #000;
}

a .songlist-btn{
	max-width:200px;
	margin:0 auto 20px auto;
	text-shadow:none;
}


/*-------------------------- Footer ------------------------------*/
#site-footer{
	background: transparent;
    border-top: none;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}


.bg-fit{
background-size:1900px;
padding-top:100px;
padding-bottom:40px;

background-position:center top;
}


.left-bg{
    background-color: #0B0A0F;
    background-position:left top;
}

.right-bg{
    background-color: #0B0A0F;
    background-position:right top;
}

.left-bg,
.right-bg{
  background-size:2400px;
}

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

	.bg-fit{
	background-size: 1400px;
	padding-top: 0px;
	padding-bottom: 20px;
	}

	.left-bg,
	.right-bg{
 	   background-size: 2000px;
	    height: 420px;
	}

	.right-bg{
	background-position:-400px top !important;
	}

	.telnum img{
	display:inline-block;
	}

	.telnum span{
	display:none;
	}

	.social-icons ul li img{
		height:36px;
	}

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

	.social-icons ul li:last-child{
		display:inline-block;
	}

	.navbar-nav>li>a{
		padding-top:30px;
		padding-bottom:30px;
	}

}

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

	.bg-fit{
	background-size: 1400px;
	padding-top: 0px;
	padding-bottom: 0;
	}

	.left-bg,
	.right-bg{
 	   background-size: 2000px;
	    height: 450px;
	}
	.telnum img{
	display:inline-block;
	}

	.telnum span{
	display:none;
	}

	.social-icons ul li img{
		height:36px;
	}

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

	.social-icons ul li:last-child{
		display:inline-block;
	}

	.navbar-nav>li>a{
		padding-top:30px;
		padding-bottom:30px;
	}

}

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

	.bg-fit{
	background-size: 1400px;
	padding-top: 0px;
	padding-bottom: 0;
	height: 420px;
	}

	.left-bg,
	.right-bg{
 	   background-size: 2000px;
	    height: 560px;
	}

	.social-icons ul li img{
		height:36px;
	}

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

	.navbar-nav>li>a{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.telnum img{
	display:inline-block;
	}

	.telnum span{
	display:none;
	}

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

	.bg-fit{
	    background-size: 1020px;
   	 padding-top: 0px;
   	 padding-bottom: 0;
   	 height: 300px;
	}

	.left-bg,
	.right-bg{
 	   background-size: 1500px;
	    height: 390px;
	}

	

}

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

	.bg-fit{
	background-size: 1350px;
	padding-top: 0px;
	padding-bottom: 0;
	height: 405px;
	}

	.left-bg,
	.right-bg{
 	   background-size: 1800px;
	    height: 470px;
	}

}

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

	.bg-fit{
	background-size: 1600px;
	padding-top: 100px;
	padding-bottom: 0;
	height: 480px;
	}

	.left-bg,
	.right-bg{
 	   background-size: 2200px;
	    height: 580px;
	}

}