/*
Theme Name: Nick Parnell v2
Theme URI: http://nickparnell.com
Description: Original theme for Nick Parnell 
Version: 2.0
Author: Yasuyuki Handa
Author URI: http://www.yasuyukihanda.com
*/


body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#BFBFBF;
	background-color:#000;
    background-image: url(img/bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    line-height:1.5;
}
h1{
    font-size: 1.2em;
    font-weight: bold;
    color: #0EA1F7;
    margin-bottom:20px;
    text-transform: uppercase;
}
h2,h3{
    font-size: 1.2em;
    font-weight:normal;
    color: #0EA1F7;
}
.grey{
    color:#696A6C;
}
#header-top{
	 background: rgba(2,31,49,0.5);
	font-size:12px;
	text-align:right;
	padding:5px 0;
}
#header-top i{
	margin-left:10px;
}
header .logo img{
    width: 80%;
    height: auto;
    margin: 10px 0;
}
header #top-img img{
    width: 100%;
    height: auto;
    max-width: 800px;
}
.contents{
    background: rgba(2,31,49,0.5);
    padding: 10px;
    margin-bottom: 20px;
}
.woocommerce-message{
	color: #0EA1F7 !important;
	background-color: transparent !important;
	border-top-color:transparent !important;
	border-bottom: 3px solid #0EA1F7;
}
a.button.wc-forward{
	background:#0EA1F7 !important;
	color:#000000 !important;
}
#news h2{
	margin-top:0;
	font-weight:bold;
}
#news ul{
    list-style: none;
    padding: 0;
}
#news li{
    margin-bottom: 5px;
    overflow:hidden;
}
#news li span.date{
    display: inline-block;
    margin-right: 10px;
    font-style: italic;
    color: #0C8DD9;
}
#news li a{
    color: #BFBFBF;
    text-decoration:underline;
}
#news li p{
  margin:0;
}
#news li p a{
	color: #0C8DD9;
	text-decoration:underline;
}
#news li span.more{
	display:block;
	text-align:right;
}
#quotes p{
    font-size: 24px;
    font-style: italic;
    color: #0EA1F7;
}
#quotes p i{
    font-size: 14px;
}
#quotes span{
    display: block;
    text-align: right;
    font-style: italic;
    color: #BFBFBF;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#video-link figure{
    width: 50%;
    float: left;
    margin-right: 10px;
    transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
}
#video-link figure img{
    width: 100%;
    height: auto;
}
#video-link figure:hover{
    opacity: 0.7;
}
#video-link .text-right{
    margin-bottom: 0;
}
#newsletter{
    padding: 10px !important;
    position: relative;
}
#newsletter .trigger{
    background: #222;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
}
#newsletter #form{
    display: none;
    padding:10px;
}
#newsletter #form label{
	font-weight:300;
}
#newsletter input,#newsletter select{
    width: 100%;
    border: none;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 5px;
    font-size: 12px;
    color: #111;
}
#newsletter input[type=checkbox]{
    width: auto;
}
#newsletter input[type=submit]{
    background: #23527c;
    font-size: 14px;
    color: #fff;
}
#newsletter #close{
    margin-top: 10px;
    cursor: pointer;
}
#side-concert h3{
	margin-top:0;
	margin-bottom:20px;
	text-transform:uppercase;
}
#side-concert li{
	border-bottom:dotted 1px #999;
	padding-bottom:10px;
}
#side-concert h4{
	margin-bottom:5px;
	color: #0EA1F7;
}
#side-concert .date{
	display:block;
	font-size:12px;
}
#side-concert p{
	margin-bottom:0;
}
#hire{
    text-align: center;
    padding: 10px !important;
    font-size: 18px;
}
#hire a{
    display: block;
    background: #222;
    padding: 10px;
    color:#BFBFBF;
    border-radius: 3px;
}
.cart{
	text-align:center;
	padding:10px;
}
.cart h3{
	margin:0 0 5px !important;
	font-size:18px !important;
	color:#fff;
}
.cart .cart-contents{
	display:inline-block;
	margin-right:10px;
}
.cart span.amount{
	font-weight:normal !important;
	color:#fff !important;
}
footer .row{
    background: rgba(2,31,49,0.5);
    margin-left: 0;
    margin-right: 0;
}
footer a{
    color:#696A6C;
}
footer #sns{
    margin-top: 10px;
    font-size: 30px;
    text-align: center;
}
footer #sns a{
    color: #0EA1F7;
}
footer #links ul{
    font-size: 12px;
    text-align: center;
    list-style:none;
    padding:0;
    overflow:hidden;
}
footer #links li{
	display: inline-block;
	padding:5px;
}
footer #copy{
    color:#696A6C;
    font-size: 12px;
    text-align: center;
    margin: 10px 0;
}
footer #copy a{
    color:#696A6C;
}
.dl-button{
	background: #23527c;
	text-align:center;
	border-radius:5px;
}
.dl-button a{
	display:block;
	color:#fff;
	padding:8px;
}
#concerts-list{
	margin-top:30px;
}
#concerts-list li{
	border-bottom:solid 1px #0d97e8;
	margin-bottom:20px;
	position:relative;
}
#concerts-list h2{
	font-weight:normal;
}
#concerts-list .date{
	font-weight:bold;
	display:inline-block;
	margin-right:40px;
}
#concerts-list .location{
	font-weight:bold;
	display:block;
}
#concerts-list .open{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	font-size:30px;
	color: #0EA1F7;
}
#concerts-list .content{
	display:none;
}
#video h2{
	font-weight:normal;
}
#video li h3{
	font-weight:normal;
	color:#fff;
	font-size:12px;
	text-align:center;
	margin-top:10px;
}
#video .video-lists li{
	width:50%;
	float:left;
	padding:10px;
	position: relative;
}
#video .video-lists li a{
	color:#fff;
}
#video .video-lists li i{
	position:absolute;
	display:table-cell;
	text-align:center;
	font-size:50px;
	z-index:20;
	top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
}
#video .video-lists li img{
	width:100%;
	height:auto;
}
#video .video-lists li a:hover{
	opacity:0.6;
}
#media h2{
	font-weight:normal;
}
#media .line{
	margin:10px 0 20px;
	border-top: 1px solid #0EA1F7;
}
#media .gallery{
	text-align:center;
}
#media .gallery li{
	width:130px;
	height:130px;
	overflow:hidden;
	position:relative;
	border:solid 2px #fff;
	margin:2px;
	position:relative;
	display:inline-block;
}
#media .gallery li img{
	width:100%;
	height:auto;
}
#news-list .date{
	display:inline-block;
	color: #0C8DD9;
	font-size:12px;
}
#percussion h2,#percussion h3{
	font-weight:normal;
	margin-bottom:20px;
}
#percussion h2{
	text-transform: uppercase;
}
#percussion .links{
	margin:20px 0;
}
#percussion .links a{
	text-decoration:underline;
}
#percussion img{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}
#percussion .download img{
	display:inline-block;
	width:auto;
}
#percussion .download p{
	color: #0EA1F7;
	margin-top:20px;
}
#percussion .download label{
	font-weight:400;
	margin-bottom:0;
}
#percussion .download input,#percussion .download select{
	width:100%;
	padding:8px;
	border-radius:3px;
	border:none;
	margin-bottom:10px;
	color:#444 !important;
}
#percussion .download input[type="submit"]{
	text-align:center;
	background:#0EA1F7;
	color:#000;
	padding:10px 20px;
}
#percussion .download .download_btn a{
	display:block;
	text-align:center;
	background:#0EA1F7;
	color:#000;
	padding:10px 20px;
}
#percussion .testimonials #carousel{
	min-height:520px;
}
#percussion .testimonials .item p{
	font-size: 24px;
	font-style: italic;
	color: #0EA1F7;
}
#percussion ul.accordion > li{
	border-bottom: solid 1px #0d97e8;
	margin-bottom: 20px;
	position:relative;
	padding-right:40px;
	padding-bottom:20px;
}
#percussion ul.accordion > li .open{
	position: absolute;
	top: -15px;
	right: 10px;
	cursor: pointer;
	font-size: 30px;
	color: #0EA1F7;
}
#percussion ul.accordion li .content{
	display:none;
	padding-left:30px;
}
#percussion.lessons img.main{
	display:block;
	max-width:700px;
	margin:0 auto 20px;
}
#percussion.lessons .testimonials{
	margin:50px 0;
}
#free-advice .fa-caret-right{
	color: #0C8DD9;
}
#free-advice li{
	margin-bottom:10px;
}
#discography section{
	padding:10px 0;
	border-bottom:solid 1px #0EA1F7;
	margin-bottom:20px;
}
#discography .main h2,#discography .main h3,#discography .main h4{
	font-weight:normal;
	color:#BFBFBF;
}
#discography h2 span,#discography h3 span{
	display:block;
	color:#0EA1F7;
}
#discography .image img{
	width:100%;
	max-width:210px;
	height:auto;
	display:block;
	margin:0 auto 10px;
}
#discography p.product.woocommerce{
	border:none !important;
	padding:0 !important;
}
#discography .buy{
	display:flex;
	margin-bottom:10px;
}
#discography .buy a.btn{
	width:auto;
	margin:0;
	padding:5px 20px;
	color:#000;
	font-size:14px;
	margin-right:10px;
}
#discography .itunes a{
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:5px 20px;
	display:inline-block;
}
#discography .product{
	margin-top:-2px;
}
#discography .woocommerce a.button{
	font-weight:normal !important;
	background:#0EA1F7 !important;
	color:#000 !important;
	padding:6px 20px !important;
	margin-left:10px !important;
}
#discography .woocommerce a.button.loading:after{
	color:#fff !important;
}
#discography .track-list li{
	overflow:hidden;
	padding-bottom:5px;
	font-size:13px;
}
#discography .play{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
	cursor:pointer;
	float:right;
}
#discography .track-list .sample{
	display:none;
}
.woocommerce a.button.alt{
	background-color:#0EA1F7 !important;
	color:#000 !important;
}
#percussion ul.links li{
	margin-bottom:5px;
}
#percussion.sheetmusic section{
	padding:10px 0;
	border-bottom:solid 1px #0EA1F7;
	margin-bottom:20px;
}
#percussion.sheetmusic li{
	overflow:hidden;
	margin-bottom:5px;
}
#percussion.sheetmusic .btn{
	display:block;
	text-align:left;
}
#percussion.sheetmusic .pdf a{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
}
#percussion.sheetmusic .play{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
	cursor:pointer;
}
#percussion.sheetmusic .sample{
	display:none;
}
#percussion.sheetmusic .youtube a{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
}
#percussion.score img{
	max-width:150px !important;
	height:auto;
}
#percussion.score img:hover{
	opacity:0.6;
}
#percussion.score h3,#percussion.score h4{
	color:inherit;
}
#percussion.score h3 span,#percussion.score h4 span{
	display:block;
	color:#0EA1F7;
}
#percussion.score .youtube a{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
}
#percussion.score .play{
	display:inline-block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:2px 10px;
	cursor:pointer;
}
#percussion.score .sample{
	display:none;
}
#percussion p.product.woocommerce{
	border:none !important;
	padding:0 !important;
	margin-top:20px !important;
}
#percussion .woocommerce a.button{
	font-weight:normal !important;
	background:#0EA1F7 !important;
	color:#000 !important;
	padding:6px 20px !important;
	margin-left:10px !important;
}
#percussion .woocommerce a.button.loading:after{
	color:#fff !important;
}
#percussion .back{
	margin-top:30px;
}
#percussion.marimba img{
	display:block;
	max-width:300px !important;
	margin:0 auto;
}
#percussion.marimba h3,#percussion.marimba h4{
	margin-top:30px;
	margin-bottom:10px;
	color: #0C8DD9;
}
#percussion.marimba hr{
	border-top:solid 1px #0EA1F7;
}
#percussion.marimba .hire{
	text-align:center;
	margin:60px 0;
}
#percussion.marimba .hire a{
	display:block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:5px;
	font-size:18px;
	margin-bottom:10px;
}
#percussion.lessons h3{
	font-weight:bold;
}
#percussion.lessons a.apply{
	width:60%;
	display:block;
	background:#0EA1F7;
	color:#000;
	border-radius:3px;
	padding:5px;
	font-size:18px;
	margin:50px auto;
	text-align:center;
}
#percussion.marimba h3.faq{
	cursor:pointer;
}
#percussion #faq{
	display:none;
}
#percussion.lessons #faq{
	display:block;
}
#percussion #faq li{
	margin-bottom:20px;
}
#percussion #faq li span{
	display:block;
}
#percussion #faq li span.question{
	color:#0EA1F7;
}
/* 商品タイルの高さを揃える（Equal Height Columns プラグインの代わり） */
#shop ul.row{
	display:flex;
	flex-wrap:wrap;
}
#shop ul.row:before,
#shop ul.row:after{
	display:none;
}
#shop li{
	text-align:center;
	margin-bottom:20px;
}
#shop li img{
	width:100%;
	height:auto;
}
#shop li h2{
	font-size:1em;
	font-weight:normal;
}
#product h1{
	margin-top:40px;
}
#product .image img{
	width: 100%;
	max-width: 210px;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}
#product .product-content{
	margin-top:20px;
}
#product form.cart button{
	margin-left:20px;
}
#product p.product.woocommerce{
	border:none !important;
	padding:0 !important;
}
#product span.amount{
	color:#fff;
}
#product .woocommerce a.button{
	font-weight:normal !important;
	background:#0EA1F7 !important;
	color:#000 !important;
	padding:6px 20px !important;
	margin-left:10px !important;
}
#product .woocommerce a.button.loading:after{
	color:#fff !important;
}
#product .back{
	margin-top:20px;
}
#product .stock{
	color:#fee801;
}
#product li.product_thumbnail_item.slick-slide{
	width:70px !important;
	margin-right:5px;
	border:none;
}
#product form input{
	width:100%;
}
form.cart{
	text-align:left;
	padding:0;
}
form.cart button{
	background: #0EA1F7;
	color: #000;
	border-radius: 3px;
	padding: 5px 20px;
	border:none;
}
#product form.cart button{
	background: #0EA1F7;
	color: #000;
	border-radius: 3px;
	border:none;
	font-weight: normal;
}
.main div.quantity{
	display:inline-block;
}
.main div.quantity input{
	color:#000;
	border:#000;
	border-radius: 3px;
	padding:5px 10px;
	width:100px;
}
#news-list li{
	margin-bottom:10px;
}
#news-list p{
	margin-bottom:0;
}
#news-list span.more{
	display:block;
	text-align:right;
}
.woocommerce input.button{
	font-weight:normal !important;
	background:#0EA1F7 !important;
	color:#000 !important;
	padding:10px 20px !important;
}
.woocommerce-cart input[type="text"],.woocommerce-cart input[type="number"],.woocommerce form input[type="text"],.woocommerce form input[type="email"],.woocommerce form input[type="tel"],.woocommerce form textarea,.woocommerce form select{
	padding:8px !important;
	border-radius:3px !important;
	border:none !important;
	color:#444 !important;
}
a.button.wc-backward{
	font-weight:normal !important;
	background:#0EA1F7 !important;
	color:#000 !important;
	padding:10px 20px !important;
}
#product .backorder a{
	display:block;
	width:100%;
	text-align:center;
	background:#0EA1F7;
	color:#000;
	padding:10px 20px;
	border-radius:3px;
}
#hire-form .gform_fields{
	padding:0;
	list-style:none;
}
/* Match legacy GF spacing (enrolment form) for gravity-theme forms (lesson form) */
body #hire-form .gform_wrapper.gravity-theme .gfield{
	margin-top:16px !important;
	margin-bottom:0 !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
#hire-form .gform_wrapper.gravity-theme .gfield input,
#hire-form .gform_wrapper.gravity-theme .gfield select,
#hire-form .gform_wrapper.gravity-theme .gfield textarea{
	margin-bottom:0;
	margin-top: 8px;
}
#hire-form .gform_wrapper.gravity-theme .gfield_label,
#hire-form .gform_wrapper.gravity-theme .gform-field-label{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
#hire-form .gform_wrapper.gravity-theme .ginput_container{
	margin-top:0 !important;
}
#hire-form label{
	font-weight:normal;
	font-size:14px;
}
#hire-form label.gfield_label{
	color:#0EA1F7;
	margin-bottom:0;
	font-size:14px;
}
#hire-form .gfield_description,
#hire-form .field_description_below .gfield_description{
	padding-top:0 !important;
	margin-top:0 !important;
	margin-bottom:10px;
	font-size:12px;
}
#hire-form .gsection_title{
	font-size:16px;
	color:#0EA1F7;
	font-weight:bold;
}
#hire-form .gform_title{
	font-size:18px;
	color:#0EA1F7;
}
#hire-form .gform_description{
	font-size:14px;
}
#hire-form input,#hire-form textarea,#hire-form select{
	width:100%;
	padding:8px;
	border-radius:3px;
	border:none;
	margin-bottom:10px;
	color:#444 !important;
	font-size:14px;
}
#hire-form .gfield--type-consent input{
	width:auto;
}
#hire-form .gfield--type-captcha{
	display:flex;
	justify-content:center;
}
#hire-form input.ginput_product_price{
	color:#fff !important;
}
#hire-form select{
	height:37px;
}
#hire-form textarea{
	height:100px;
}
/* Gravity Forms の送信ボタン (Enrol 等) も hire form と同じ見た目に */
#hire-form input[type="submit"],
#hire-form button[type="submit"],
#hire-form .gform_wrapper .gform_button{
	text-align:center;
	background:#0EA1F7;
	color:#fff !important;
	padding:10px 20px;
	font-weight:bold;
	font-size:16px;
}
#hire-form button[type="submit"],
#hire-form .gform_wrapper .gform_button{
	border:none;
	border-radius:3px;
	text-transform:uppercase;
	line-height:1.5;
}
#hire-form .gform_wrapper .gform_footer{
	justify-content:center;
	text-align:center;
}
#hire-form input[type="submit"]:disabled{
	opacity:0.5;
	cursor: not-allowed;
}
#hire-form .inform{
	font-weight:bold;
	color:#fee801;
}
/* #hire-form input:read-only{
	color:#fff !important;
	font-weight:bold;
} */
#hire-form .gfield-choice-input{
	width:auto;
}
#hire-form .ginput_container_creditcard > span{
	display:block;
}
#hire-form #input_2_23_5_container,#hire-form #input_16_23_5_container,#hire-form #input_13_23_5_container{
	margin-top:30px;
}
#hire-form #input_10_35_5_container,#hire-form #input_23_23_5_container,#hire-form #input_25_23_5_container{
	margin-top:35px;
}
#hire-form #gfield_description_29_18{
	margin-top:-20px;
}
#hire-form .field{
	margin-bottom:16px;
}
#hire-form .field label span{
	color:red;
	padding-left:5px;
}
#hire-form .field input,#hire-form .field select{
	margin-top:8px;
}
#media h2{
	text-transform: uppercase;
	margin-bottom:20px;
}

#tc ol{ 
	counter-reset: item;
	color: #0EA1F7;
	margin-bottom:10px;
}
#tc li{
	display: block;
	position:relative;
}
#tc li:before { 
	position:absolute;
	content: counters(item, ".") " "; 
	counter-increment: item;
	left:-30px;
}
#tc span{
	color:#fff !important;
}
#tc .sub{
	color:#fff !important;
}
#tc .sub li:before{
	left:-40px;
}
#tc .sub .sub_sub li:before{
	left:-60px;
}
#tc .sub .sub_sub li{
	color:#fff;
	margin-left:10px;
}
.gform_wrapper span.ginput_product_price {
    color: #fff !important;
}
#hire-form .ginput_product_price.gform-text-input-reset{
	width:auto !important;
}
#hire-form .ginput_shipping_price.gform-text-input-reset{
	background: transparent;
}
#hire-form #agreement input{
	width:auto;
	margin-right:10px;
}
#hire-form #agreement .d-flex{
	display:flex;
	align-items:center;
}
.gform_wrapper span.ginput_total {
    color: #fff !important;
}
li#field_2_37,li#field_2_38,li#field_2_40,li#field_2_41,li#field_2_42,li#field_2_27{
	display:none;
}
.woocommerce form .form-row.woocommerce-invalid label{
	color:#BFBFBF !important;
}
#hire-marimba-now-2 li#field_2_51{
	margin-top:30px;
	margin-bottom:30px;
}
a.btn{
	display:block;
	background:#0EA1F7;
	color:#fff;
	padding:5px;
	font-size:18px;
	margin:20px auto;
}
.contents div.video{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.contents div.video iframe, .contents div.video object, .contents div.video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.woocommerce-checkout #payment{
	background:none !important;
}
.woocommerce-checkout #payment div.payment_box{
	background-color:transparent !important;
	padding:0 !important;
}
.woocommerce form .form-row label{
	color:#BFBFBF !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	content:none !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
	border:none !important;
	padding:0 !important;
}
.woocommerce input#coupon_code{
	width:120px;
}
.payment_method_eway_payments img{
	display:none !important;
}
.woocommerce-info{
	background:none !important;
	border:none !important;
	color:#fff !important;
}
/* Small devices (tablet, 768px and up) */
@media only screen and (min-width : 768px){
	a.btn{
		width:50%;
	}
    header .logo img{
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    header .logo p{
        font-size: 12px;
    }
    header #top-img{
        text-align: right;
    }
    nav{
        position: relative;
        z-index: 10;
        margin-bottom: 20px;
    }
    nav ul{
        padding: 0;
        margin: 0;
        padding-left:10px;
        list-style: none;
        background: rgba(2,31,49,0.8);
    }
    nav li{
    	display:inline-block;
        position:relative;
    }
    nav li a{
        color: #0ea1f7;
        display: block;
        padding:5px 8px;
    }
    nav li a:hover{
        color: #fff;
        text-decoration: none;
    }
    nav ul.sub-menu{
        position: absolute;
        z-index: 10;
        width: 180px;
        display:none;
        padding-left:0;
        background: rgba(2,31,49,0.8);
        box-shadow:10px 10px 10px #000;
    }
    nav ul.sub-menu li{
        float: none;
        text-align: left !important;
    }
    nav ul.sub-menu li a{
        padding: 5px 10px;
    }
    .contents{
        padding: 20px;
		position:relative;
    }
    #video-link figure{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 5px;
    }
    footer #sns{
        text-align: left;
    }
    footer #links ul{
        text-align: right;
        margin-top: 20px;
    }
    .dl-button{
    	width:50%;
    	margin:0 auto;
    }
    #concerts .location{
    	display:inline-block;
    }
    #news .date{
    	float:left;
    }
    #news li p{
    	float:left;
    }
	#product .backorder a{
		width:50%;
		margin:0 auto;
	}
	#hire-form input[type="submit"],
	#hire-form button[type="submit"],
	#hire-form .gform_wrapper .gform_button{
		display:block;
		width:50%;
		margin:0 auto;
	}
	#percussion.marimba img{
		display:inline-block;
		float:left;
		margin-right:20px;
		margin-bottom:10px;
	}
	#media .gallery li{
		margin:5px;
	}
	.dl-horizontal dt{
		width:210px;
		padding-right:10px;
	}
	#product h1{
		margin-top:0;
	}
	#percussion .testimonials #carousel{
		min-height:250px;
	}
}

/* Medium devices (Desktop, 992px and up) */
@media only screen and (min-width : 992px){
    header .logo img{
    	margin-top:30px;
    }
    header #top-img{
        margin-top:0;
    }
    nav{
        margin-top: -20px;
    }
    nav li{
        font-size: 16px;
        margin-right: 15px;
    }
     nav ul.sub-menu{
     	width:200px;
     }
    #video .video-lists li i{
    	font-size:60px;
    }
    #percussion.sheetmusic .title{
		display:block;
		float:left;
		margin-top:10px;
	}
    #percussion.sheetmusic .btn{
		display:block;
		float:right;
	}
	#news-list li{
		overflow:hidden;
		margin-bottom:10px;
	}
	#news-list span.date{
		margin-bottom:0;
		display:block;
	}
	#news-list p{
		margin-bottom:0;
		float:left;
	}
	#news-list span.more{
		display:inline-block;
		float:left;
		margin-left:20px;
	}
	#media .gallery li{
		margin:10px;
	}
	#percussion .testimonials #carousel{
		min-height:215px;
	}
}
/* Large devices (Desktop, 1200px and up) */
@media only screen and (min-width : 1200px){
	header .logo img{
    	margin-top:50px;
    }
    nav{
        margin-top: -50px;
    }
    nav ul{
    	padding-left:20px;
    }
    nav li{
        font-size: 18px;
        margin-right: 30px;
    }
    nav ul.sub-menu{
     	width:220px;
     }
    #news{
    	padding-bottom:2px !important;
    }
    #percussion .links li a{
    	display:block;
    	padding: 5px 7px;
		font-size:13px;
    	background:#0ea7ff;
    	color:#000;
    	text-decoration:none;
    	border-radius:3px;
    }
    #percussion .links li a:hover{
    	background: #074f79;
		color: #0ea7ff;
    }
    #side-concert .date{
		display:inline-block;
		margin-right:10px;
	}
	#percussion .testimonials #carousel{
		min-height:175px;
	}
}



/***** MODAL PROPERTIES *****/
 .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
    position:relative;
}
.modal-content iframe {
    border:solid 10px #fff;
    padding:0;
    margin:0;
}
.close-btn {
	display:inline-block;
	position:absolute;
	color:#fff;
    font-size: 20px;
    cursor:pointer;
    top:-20px;
    right:-20px;
}
.close-btn .fa-inverse{
	color:#000;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    .modal-content {
        padding:0;
        margin: 0;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    .close-btn {
        top:-10px;
        right:0px;
    }
}


.marimba-hire .nav-tabs{
	margin-bottom:20px;
	border-bottom:solid 1px #0EA1F7
}
.marimba-hire .nav-tabs li a{
	border:none;
}
.marimba-hire .nav-tabs li.active a{
	background:#0EA1F7;
}
@media only screen and (min-width: 992px) {
	.marimba-hire .nav-tabs li a{
		font-size:1.2em;
		padding:5px 10px; 
	}
}
/* .gform_wrapper .top_label li.gfield.gf_right_half{
	width:50% !important;
}
.gform_wrapper .ginput_complex .ginput_full input[type=text]{
	width:100% !important;
} */


/***** Stripe Credit Card *****/
#total-price{
	padding:20px;
	border:solid 5px #0EA1F7;
	border-radius:3px;
}
#total-price li{
	margin-bottom:10px;
}
#total-price li.marimba span{
	color:#0EA1F7;
	font-weight:bold;
	font-size:16px;
}
#total-price li span{
	display:block;
	color:#0EA1F7;
}
#total-price li span.price{
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
#total-price li.total span.price{
	font-size:20px;
}
.card-wrapper{
	padding:30px;
	border-radius:3px;
}
#card-element{
	margin-top:8px;
	background:#fff;
	padding:8px;
	border-radius:3px;
}
.card-wrapper p{
	margin:10px 0 0;
}
.g-recaptcha{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}
/***** eWay Banner Position *****/
@media only screen and (min-width: 768px) {
	
}
@media only screen and (min-width: 992px) {
	#eWAYBlock{
		position: absolute;
		margin-top: 15px;
		right: 50px;
	}
	#eWAYBlock.checkout{
		position: absolute;
		right: 33px;
		bottom: 106px;
	}
	.page-template-page-marimba-hire-2 #eWAYBlock,.page-template-page-school-marimba-2 #eWAYBlock{
		margin-top: 30px;
		right: 15px;
	}
}
@media only screen and (min-width: 1200px) {
	.page-template-page-marimba-hire-2 #eWAYBlock{
		margin-top: 105px;
	}
	.page-template-page-school-marimba-2 #eWAYBlock{
		margin-top: 130px;
	}
}

div.product_meta{
	display:none;
}