/*
Theme Name: Viper Records
Author: Studio B+Q
Author URI: http://www.studiobq.nl
Description: Viper Record brand new website. It contains better usability, better SEO (Yoast) and a WooCommerce shop. Take control of your website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: viper records
Text Domain: viper
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@font-face {
    font-family: 'flama_condensedbold';
    src: url('lib/webfont/flamacondensed-bold-webfont.eot');
    src: url('lib/webfont/flamacondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/webfont/flamacondensed-bold-webfont.woff') format('woff'),
         url('lib/webfont/flamacondensed-bold-webfont.ttf') format('truetype'),
         url('lib/webfont/flamacondensed-bold-webfont.svg#flama_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	-webkit-font-smoothing: antialiased!important;
	height:100%; background-color:transparent!important;
	
	}
body {
	-webkit-text-size-adjust: none!important;
	-webkit-font-smoothing: antialiased!important;
	font-family: 'Roboto', Times, Helvetica, sans-serif!important;
	background-color:#313131; height:100%;
	-webkit-text-size-adjust: none!important;
	}

#container #content, .wrapper { width:960px; margin:0 auto;}
.clr, .clear { clear:both; width:100%; height:0px;}
.hide { display:none;}

.minimum { height: 600px;}
.minimum-minimum { height: 400px;}
.minimum-management { height:490px;}
.maximum { height:600px; }

/*Buttons*/
form label, #shipping_method label { height:40px!important; display:block; line-height:40px!important;}
form .button, form .frm_submit input, .button {
	background:none!important; box-shadow:none!important; border-radius:0px!important; text-shadow:none!important; border-style:solid!important; margin:0!important; text-decoration:none!important;
	border-width:4px!important; border-color:#ffaa00!important; background-color:#252525!important; color:#252525!important; padding-right:30px!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:20px!important; text-transform:uppercase!important;
	font-weight:400!important; height:40px!important; background:#ffcc00 url('lib/images/bg_readmore.png') no-repeat right center!important; display:inline!important;
	}
form .button:hover , form .frm_submit input:hover, .button:hover {
	border-color:#ffcc00!important; background-color:#fff!important; color:#252525!important; outline:0!important; cursor:pointer!important;
	}
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"] {
	background:none!important; box-shadow:none!important; border-radius:0px!important; text-shadow:none!important; border-style:solid!important;
	border-width:4px!important; border-color:#E1E1E1!important; background-color:#FFF!important; color:#252525!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; line-height:inherit!important; text-transform:uppercase!important;
	font-weight:400!important; height:32px!important; padding:0px!important; width:100%!important; text-indent:10px!important;
	box-sizing:inherit!important; text-align:left!important; vertical-align:middle!important;
	}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="password"]:focus,
form input[type="text"]:active, form input[type="email"]:active, form input[type="url"]:active, form input[type="password"]:active,
form textarea:focus, form textarea:active {
	border-color:#ff4e00!important; outline:0!important;
	}
form textarea {
	background:none!important; box-shadow:none!important; border-radius:0px!important; text-shadow:none!important; border-style:solid!important;
	border-width:4px!important; border-color:#E1E1E1!important; background-color:#FFF!important; color:#252525!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; line-height:32px!important; text-transform:uppercase!important;
	font-weight:400!important; height:170px!important; padding:10px 0px!important; width:100%!important; text-indent:10px!important;
	box-sizing:inherit!important; text-align:left!important; resize:none!important;
	}
form input[type="checkbox"], form input[type="radio"], #shipping_method input[type="radio"] {
	-webkit-appearance: none!important; -moz-appearance: none!important; -o-appearance:none!important; appearance: none!important;
	width:40px!important; height:40px!important; background-color:#FFF!important;
	display:inline-block!important; vertical-align:middle!important; margin:0px 8px 0 0!important;
	}
form input[type="checkbox"]:checked, form input[type="radio"]:checked, #shipping_method input[type="radio"]:checked {
	background:url('lib/images/bg_selection.png') no-repeat left top; outline:0!important;
	}
form input[type="checkbox"]:focus, form input[type="radio"]:focus, #shipping_method input[type="radio"]:focus {
	outline:0!important;
	}
form .frm_opt_container label a { color:#fff;}
.chosen-container { width:95%!important; position:relative;}
form select, .chosen-results {
	-webkit-appearance: none!important; -moz-appearance: none!important;
	background:none!important; box-shadow:none!important; border-radius:0px!important; text-shadow:none!important; border-style:solid!important;
	border-width:4px!important; border-color:#E1E1E1!important; background-color:#FFF!important; color:#252525!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; text-transform:uppercase!important;
	font-weight:400!important; height:40px!important; text-indent:10px!important; background:#fff url('lib/images/bg_dropdown.png') no-repeat right top!important;
	}
form select:focus { outline:none!important;}
/*form select option {
	font-family: "flama_condensedbold",sans-serif!important; font-size:20px!important; text-transform:uppercase!important;
	height:40px!important; line-height:40px!important; vertical-align:middle!important; padding-top:10px!important;
	box-shadow:none!important; border-radius:0px!important; text-shadow:none!important; text-indent:10px!important;
	font-size:14px!important;
	}*/
form.login { background-color:#ebebeb; padding:20px 40px;}
form.register { padding:20px 40px;}
form.login label.inline {
	 padding-left:10px; vertical-align: bottom!important; display:inline-block!important; margin-top:-3px!important;
	}
/*Notofications*/
#shop.single .woocommerce-message { background-color:#ff4e00!important;}
#shop.single .woocommerce-message .button { background-color:#ff4e00!important; color:#fff!important; border-color:#ff4e00!important; background-image: url('lib/images/bg_readmore_white.png')!important;}
#shop.single .woocommerce-message .button:hover { background-color:#252525!important;}
.woocommerce .woocommerce-info, .woocommerce-message, .myaccount_user {
	background:none!important; border-radius:0px!important; background-color:#252525!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; text-transform:uppercase!important;
	color:#fff!important; padding:20px 40px!important; margin:0!important;
	font-weight:400!important; border:none!important; text-shadow:none!important; box-shadow:none!important;
	border-bottom:#fff 1px solid!important; position:relative!important;
	}
.woocommerce .woocommerce-error {
	background:none!important; border-radius:0px!important; background-color:#ebebeb!important;
	font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; text-transform:uppercase!important;
	color:#252525!important; padding:20px 40px!important; margin:0!important;
	font-weight:400!important; border:none!important; text-shadow:none!important; box-shadow:none!important;
	border-bottom:#fff 1px solid!important; position:relative!important;
	}
.woocommerce .myaccount_user { margin-bottom:30px!important;}
.woocommerce .myaccount_user a { color:inherit!important;}
.woocommerce .woocommerce-error li { padding:10px 0;}
.woocommerce .woocommerce-info a { color:inherit!important;}
.woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {  display:none!important;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register { border-radius:0px!important; margin:0!important; border:none!important;}

.woocommerce-message .button {
	position:absolute; right:4px; top:4px;  line-height:40px!important; text-indent:10px!important;
	background-color:#252525!important; border-color:#252525!important; color:#fff!important;
	}
.woocommerce-message .button:hover {
	background-color:#ff4e00!important; border-color:#ff4e00!important; color:#252525!important;
	}
.woocommerce-message .button:after { display:none!important;}

.wc-backward:before { display:none!important;}
.form-row.create-account { background-color:#ff4e00; padding:20px 0; float:left; width:100%;}
.form-row.create-account input { float:left; margin-left:20px!important;}
.form-row.create-account label { float:left; margin-left:20px; font-family: "flama_condensedbold",sans-serif!important; font-size:16px!important; text-transform:uppercase!important;
	color:#fff!important;}
/*Doctypes*/
.tags { padding-left:10px;}
.tags a { margin:0px 5px 5px 0px; padding:5px 10px!important; font-family: "flama_condensedbold",sans-serif!important; font-size:12px!important; text-transform:uppercase!important; padding:6px 7px; color:#252525!important; background-color:#fff; display:inline!important; line-height:32px!important;}
.tags a.hide { display:none!important;}
/*.doctype.mp3 { background-color:#ffcc00; }*/

/*@media all and (max-width: 960px) {
  .wrapper { width:740px; margin:0 auto;}
  #intro.frontpage .slide .overlay .wrapper a { font-size:42px!important;}
  #featuredvideos { display:none!important;}
}*/
@media all and (max-width: 960px) {
  .wrapper { width:480px; margin:0 auto;}
  #container #content {width:480px; margin:0 auto;}
  #header .nav { width: 100%!important;}
  #header .nav ul { position:relative!important; top:0px!important;}
  #header .nav ul li a { font-size:16px!important;}
  #header .logo { width:100%!important;}
  #header .logo img { margin:0 auto!important; display:block!important;}
  #intro.frontpage .slide .overlay .wrapper a { width:100%!important; text-align:center!important; font-size:42px!important}
  .indication {text-align: center!important;}
  #content .main { width:100%!important;}
  #content .sidebar { width:100%!important;}
  #featuredvideos { display:none!important;}
  #upcoming #events { height:512px!important;}
  #upcoming .pull-right { float:left!important; clear:both!important; display:block!important;}
  #upcoming .event:hover .pull-right { color:#fff!important}
  #upcoming .event a.button { position:relative!important; display:inline-block!important; clear:both!important; right:auto!important; float:left!important; margin-bottom:15px!important;}
  #eventnav .up { float:left!important;}
  #footer { background:#212121 url('lib/images/bg_footer.png') no-repeat center top!important; }
  #footer .column { width:100%!important; text-align:center!important; margin-bottom:30px!important;}
  #footer .column .contain.first { padding-left:0px!important;}
  #footer .column .contain.social div { display:inline-block!important; float:none!important; width:auto!important; padding:0 10px!important;}
  /*Page specifics*/
  #content.artists .artist { width:100%!important;}
  #breadcrumbs { padding-left:0px!important; text-align:center!important;}
  #intro .artist { height:425px!important;}
  #intro .artist .overlay { left:0px!important; width:100%!important; bottom:80px!important; text-align:center!important;}
  #intro .artist .overlay h2 { display:inline-block!important; }
  #intro .artist .overlay .info { display:none!important;}
  #intro .artist img { min-height:425px;}
  #intro .bio { padding-top:280px!important;}
  #intro .bio .article { width:100%!important;}
  body #intro .bio img { height:125%!important; width:auto!important; right:0px!important; left:auto!important;}
  body #intro.maximum img {height:125%!important; width:auto!important; right:0px!important; left:auto!important;}
  .carousel-inner .item p { display:none!important;}
  .products li { width:50%!important;}
  #steps li a span.name { display:none!important;}
  /*Artist page*/
  .socialnbooking .leftside { width:100%!important;}
  .socialnbooking .rightside { width:100%!important;}
  .playernevents .leftside { width:100%; float:left;}
  .playernevents .leftside.large { width:100%!important;}
  .playernevents .rightside { width:100%!important;}
  .playernevents .rightside.large { width:100%!important;}
  /*Store*/
  body #intro.shopsingle { height:230px!important}
  body #shop.single div.product .leftside { width: 100%!important;}
  body #shop.single div.product .rightside { width: 100%!important;}
  body .woocommerce table .actions input { float:left!important;}
  body .woocommerce table .actions .coupon { width:100%!important; margin-bottom:0px!important; float:left!important;}
  body .woocommerce table .actions .coupon input { width:35%!important; padding:0px!important;}
  body .woocommerce table .actions .coupon input.button { float:right!important; margin-right:40px!important;}
  body .woocommerce table .actions .refresh { margin-left:40px!important;}
  body .woocommerce table .actions .checkout-button { float:right!important; margin-bottom:20px!important;}
  body #content.cart .shipping_calculator .shipping-calculator-form p.form-row { width:33%!important; clear:none!important;}
  body  #content.cart .shipping_calculator .shipping-calculator-form p { width:100%!important; clear:both!important;}
  body #content.cart .shipping_calculator .shipping-calculator-form .button { width:100%!important; margin-top:20px!important;}
  
  /*Checkout*/
  #content #customer_details .col-1 {width:92%!important;}
  #content #customer_details .col-2 { width:92%!important;}
  #content .woocommerce table tr.shipping th {padding:10px 40px!important; width:109%!important; display:block!important; }
  #content .woocommerce table tr.shipping td { padding:10px 40px!important; width:109%!important; clear:both; display:block!important;}
  body #payment .payment_methods .payment_box input { width:80%!important;}
  body #payment .terms label { line-height:19px!important;}
  /*Accountpage*/
  body #customer_login .col-1 { width:98%; float:left; margin-bottom:30px;}
  body #customer_login .col-2 { width:98%; float:right;}
}


#shop p.stock.out-of-stock{color: #fff !important; font-weight: 800; font-size: 18px !important; padding: 10px; background-color: #FF4E00;}

.woocommerce-variation-description p {
    color: #ff4e00 !important;
    font-weight: 600;
}