/**
 * Twenty Fifteen functions and definitions
 *
 * Set up the theme and provides some helper functions, which are used in the
 * theme as custom template tags. Others are attached to action and filter
 * hooks in WordPress to change core functionality.
 *
 * When using a child theme you can override certain functions (those wrapped
 * in a function_exists() call) by defining them first in your child theme's
 * functions.php file. The child theme's functions.php file is included before
 * the parent theme's file, so the child theme functions would be used.
 *
 * @link https://codex.wordpress.org/Theme_Development
 * @link https://codex.wordpress.org/Child_Themes
 *
 * Functions that are not pluggable (not wrapped in function_exists()) are
 * instead attached to a filter or action hook.
 *
 * For more information on hooks, actions, and filters,
 * {@link https://codex.wordpress.org/Plugin_API}
 *
 * @package WordPress
 * @subpackage Twenty_Fifteen
 * @since Twenty Fifteen 1.0
 */

/**
 * Set the content width based on the theme's design and stylesheet.
 *
 * @since Twenty Fifteen 1.0
 */
if ( ! isset( $content_width ) ) {
	$content_width = 660;
}

/**
 * Twenty Fifteen only works in WordPress 4.1 or later.
 */
if ( version_compare( $GLOBALS['wp_version'], '4.1-alpha', '<' ) ) {
	require get_template_directory() . '/inc/back-compat.php';
}

if ( ! function_exists( 'clean_setup' ) ) :
/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the after_setup_theme hook, which
 * runs before the init hook. The init hook is too late for some features, such
 * as indicating support for post thumbnails.
 *
 * @since Twenty Fifteen 1.0
 */
function clean_setup() {

	/*
	 * Make theme available for translation.
	 * Translations can be filed in the /languages/ directory.
	 * If you're building a theme based on clean, use a find and replace
	 * to change 'clean' to the name of your theme in all the template files
	 */
	load_theme_textdomain( 'clean', get_template_directory() . '/languages' );

	// Add default posts and comments RSS feed links to head.
	add_theme_support( 'automatic-feed-links' );

	/*
	 * Let WordPress manage the document title.
	 * By adding theme support, we declare that this theme does not use a
	 * hard-coded <title> tag in the document head, and expect WordPress to
	 * provide it for us.
	 */
	add_theme_support( 'title-tag' );

	/*
	 * Enable support for Post Thumbnails on posts and pages.
	 *
	 * See: https://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails
	 */
	add_theme_support( 'post-thumbnails' );
	set_post_thumbnail_size( 825, 510, true );

	// This theme uses wp_nav_menu() in two locations.
	register_nav_menus( array(
		'primary' => __( 'Primary Menu',      'clean' ),
		'social'  => __( 'Social Links Menu', 'clean' ),
	) );

	/*
	 * Switch default core markup for search form, comment form, and comments
	 * to output valid HTML5.
	 */
	add_theme_support( 'html5', array(
		'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
	) );

	/*
	 * Enable support for Post Formats.
	 *
	 * See: https://codex.wordpress.org/Post_Formats
	 */
	// add_theme_support( 'post-formats', array(
	// 	'aside', 'image', 'video', 'quote', 'link', 'gallery', 'status', 'audio', 'chat'
	// ) );

	$color_scheme  = clean_get_color_scheme();
	$default_color = trim( $color_scheme[0], '#' );

	// Setup the WordPress core custom background feature.
	add_theme_support( 'custom-background', apply_filters( 'clean_custom_background_args', array(
		'default-color'      => $default_color,
		'default-attachment' => 'fixed',
	) ) );

	/*
	 * This theme styles the visual editor to resemble the theme style,
	 * specifically font, colors, icons, and column width.
	 */
	add_editor_style( array( 'css/editor-style.css', 'genericons/genericons.css', clean_fonts_url() ) );
}
endif; // clean_setup
add_action( 'after_setup_theme', 'clean_setup' );

/**
 * Register widget area.
 *
 * @since Twenty Fifteen 1.0
 *
 * @link https://codex.wordpress.org/Function_Reference/register_sidebar
 */
function clean_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Widget Area', 'clean' ),
		'id'            => 'sidebar-1',
		'description'   => __( 'Add widgets here to appear in your sidebar.', 'clean' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'clean_widgets_init' );

if ( ! function_exists( 'clean_fonts_url' ) ) :
/**
 * Register Google fonts for Twenty Fifteen.
 *
 * @since Twenty Fifteen 1.0
 *
 * @return string Google fonts URL for the theme.
 */
function clean_fonts_url() {
	$fonts_url = '';
	$fonts     = array();
	$subsets   = 'latin,latin-ext';

	/*
	 * Translators: If there are characters in your language that are not supported
	 * by Noto Sans, translate this to 'off'. Do not translate into your own language.
	 */
	if ( 'off' !== _x( 'on', 'Noto Sans font: on or off', 'clean' ) ) {
		$fonts[] = 'Noto Sans:400italic,700italic,400,700';
	}

	/*
	 * Translators: If there are characters in your language that are not supported
	 * by Noto Serif, translate this to 'off'. Do not translate into your own language.
	 */
	if ( 'off' !== _x( 'on', 'Noto Serif font: on or off', 'clean' ) ) {
		$fonts[] = 'Noto Serif:400italic,700italic,400,700';
	}

	/*
	 * Translators: If there are characters in your language that are not supported
	 * by Inconsolata, translate this to 'off'. Do not translate into your own language.
	 */
	if ( 'off' !== _x( 'on', 'Inconsolata font: on or off', 'clean' ) ) {
		$fonts[] = 'Inconsolata:400,700';
	}

	/*
	 * Translators: To add an additional character subset specific to your language,
	 * translate this to 'greek', 'cyrillic', 'devanagari' or 'vietnamese'. Do not translate into your own language.
	 */
	$subset = _x( 'no-subset', 'Add new subset (greek, cyrillic, devanagari, vietnamese)', 'clean' );

	if ( 'cyrillic' == $subset ) {
		$subsets .= ',cyrillic,cyrillic-ext';
	} elseif ( 'greek' == $subset ) {
		$subsets .= ',greek,greek-ext';
	} elseif ( 'devanagari' == $subset ) {
		$subsets .= ',devanagari';
	} elseif ( 'vietnamese' == $subset ) {
		$subsets .= ',vietnamese';
	}

	if ( $fonts ) {
		$fonts_url = add_query_arg( array(
			'family' => urlencode( implode( '|', $fonts ) ),
			'subset' => urlencode( $subsets ),
		), '//fonts.googleapis.com/css' );
	}

	return $fonts_url;
}
endif;

/**
 * JavaScript Detection.
 *
 * Adds a `js` class to the root `<html>` element when JavaScript is detected.
 *
 * @since Twenty Fifteen 1.1
 */
function clean_javascript_detection() {
	echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n";
}
add_action( 'wp_head', 'clean_javascript_detection', 0 );

/**
 * Enqueue scripts and styles.
 *
 * @since Twenty Fifteen 1.0
 */
function clean_scripts() {
	// Add custom fonts, used in the main stylesheet.
	wp_enqueue_style( 'clean-fonts', clean_fonts_url(), array(), null );

	// Add Genericons, used in the main stylesheet.
	//wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '3.2' );

	// Load our main stylesheet.
	wp_enqueue_style( 'clean-style', get_stylesheet_uri() );

	// Load the Internet Explorer specific stylesheet.
	wp_enqueue_style( 'clean-ie', get_template_directory_uri() . '/css/ie.css', array( 'clean-style' ), '20141010' );
	wp_style_add_data( 'clean-ie', 'conditional', 'lt IE 9' );

	// Load the Internet Explorer 7 specific stylesheet.
	wp_enqueue_style( 'clean-ie7', get_template_directory_uri() . '/css/ie7.css', array( 'clean-style' ), '20141010' );
	wp_style_add_data( 'clean-ie7', 'conditional', 'lt IE 8' );

	//wp_enqueue_script( 'clean-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20141010', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}

	if ( is_singular() && wp_attachment_is_image() ) {
		wp_enqueue_script( 'clean-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20141010' );
	}

	//wp_enqueue_script( 'clean-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20150330', true );
	//wp_localize_script( 'clean-script', 'screenReaderText', array(
	//	'expand'   => '<span class="screen-reader-text">' . __( 'expand child menu', 'clean' ) . '</span>',
	//	'collapse' => '<span class="screen-reader-text">' . __( 'collapse child menu', 'clean' ) . '</span>',
	//) );
}
add_action( 'wp_enqueue_scripts', 'clean_scripts' );

/**
 * Add featured image as background image to post navigation elements.
 *
 * @since Twenty Fifteen 1.0
 *
 * @see wp_add_inline_style()
 */
function clean_post_nav_background() {
	if ( ! is_single() ) {
		return;
	}

	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true );
	$next     = get_adjacent_post( false, '', false );
	$css      = '';

	if ( is_attachment() && 'attachment' == $previous->post_type ) {
		return;
	}

	if ( $previous &&  has_post_thumbnail( $previous->ID ) ) {
		$prevthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $previous->ID ), 'post-thumbnail' );
		$css .= '
			.post-navigation .nav-previous { background-image: url(' . esc_url( $prevthumb[0] ) . '); }
			.post-navigation .nav-previous .post-title, .post-navigation .nav-previous a:hover .post-title, .post-navigation .nav-previous .meta-nav { color: #fff; }
			.post-navigation .nav-previous a:before { background-color: rgba(0, 0, 0, 0.4); }
		';
	}

	if ( $next && has_post_thumbnail( $next->ID ) ) {
		$nextthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $next->ID ), 'post-thumbnail' );
		$css .= '
			.post-navigation .nav-next { background-image: url(' . esc_url( $nextthumb[0] ) . '); border-top: 0; }
			.post-navigation .nav-next .post-title, .post-navigation .nav-next a:hover .post-title, .post-navigation .nav-next .meta-nav { color: #fff; }
			.post-navigation .nav-next a:before { background-color: rgba(0, 0, 0, 0.4); }
		';
	}

	wp_add_inline_style( 'clean-style', $css );
}
add_action( 'wp_enqueue_scripts', 'clean_post_nav_background' );

/**
 * Display descriptions in main navigation.
 *
 * @since Twenty Fifteen 1.0
 *
 * @param string  $item_output The menu item output.
 * @param WP_Post $item        Menu item object.
 * @param int     $depth       Depth of the menu.
 * @param array   $args        wp_nav_menu() arguments.
 * @return string Menu item with possible description.
 */
function clean_nav_description( $item_output, $item, $depth, $args ) {
	if ( 'primary' == $args->theme_location && $item->description ) {
		$item_output = str_replace( $args->link_after . '</a>', '<div class="menu-item-description">' . $item->description . '</div>' . $args->link_after . '</a>', $item_output );
	}

	return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'clean_nav_description', 10, 4 );

/**
 * Add a `screen-reader-text` class to the search form's submit button.
 *
 * @since Twenty Fifteen 1.0
 *
 * @param string $html Search form HTML.
 * @return string Modified search form HTML.
 */
function clean_search_form_modify( $html ) {
	return str_replace( 'class="search-submit"', 'class="search-submit screen-reader-text"', $html );
}
add_filter( 'get_search_form', 'clean_search_form_modify' );

/**
 * Implement the Custom Header feature.
 *
 * @since Twenty Fifteen 1.0
 */
require get_template_directory() . '/inc/custom-header.php';

/**
 * Custom template tags for this theme.
 *
 * @since Twenty Fifteen 1.0
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Customizer additions.
 *
 * @since Twenty Fifteen 1.0
 */
require get_template_directory() . '/inc/customizer.php';

/*Soundcloud*/
// Add SoundCloud oEmbed
function add_oembed_soundcloud(){
	wp_oembed_add_provider( 'http://soundcloud.com/*', 'http://soundcloud.com/oembed' );
}
add_action('init','add_oembed_soundcloud');

@ini_set('upload_max_size', '64M');
@ini_set('post_max_size', '64M');
@ini_set('upload_max_size', '64M');

if (!is_admin()) {
    wp_deregister_script('jquery');                                     // De-Register jQuery
    wp_register_script('jquery', '', '', '', true);                     // Register as 'empty', because we manually insert our script in header.php
}<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="http://www.spunkrecords.com/xmlrpc.php">
	<!--[if lt IE 9]>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/js/html5.js"></script>
	<![endif]-->
	<link rel='dns-prefetch' href='//s.w.org' />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.spunkrecords.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.23"}};
			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='sb_instagram_styles-css'  href='http://www.spunkrecords.com/wp-content/plugins/instagram-feed/css/sb-instagram-2-2.min.css?ver=2.4.6' type='text/css' media='all' />
<link rel='stylesheet' id='abts_ab_tweet_scroller-css'  href='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/css/ab-tweet-scroller.css?ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='ABp_portfolio_shortcode-css'  href='http://www.spunkrecords.com/wp-content/plugins/abdev-portfolio/css/portfolio_shortcode.css?ver=4.9.23' type='text/css' media='all' />
<script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='http://www.spunkrecords.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.spunkrecords.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.spunkrecords.com/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Kendrick Lamar ‎– Damn. 2 x Vinyl Record' href='http://www.spunkrecords.com/?vinyls=kendrick-lamar-%e2%80%8e-damn-2-x-vinyl-record' />
<link rel='next' title='Bonobo ‎– LateNightTales 2 X Vinyl records limited edition' href='http://www.spunkrecords.com/?vinyls=bonobo-%e2%80%8e-latenighttales' />
<meta name="generator" content="WordPress 4.9.23" />
<link rel="canonical" href="http://www.spunkrecords.com/?vinyls=london-grammar-%e2%80%8e-truth-is-a-beautiful-thing-vinyl-record" />
<link rel='shortlink' href='http://www.spunkrecords.com/?p=656' />
<link rel="alternate" type="application/json+oembed" href="http://www.spunkrecords.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.spunkrecords.com%2F%3Fvinyls%3Dlondon-grammar-%25e2%2580%258e-truth-is-a-beautiful-thing-vinyl-record" />
<link rel="alternate" type="text/xml+oembed" href="http://www.spunkrecords.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.spunkrecords.com%2F%3Fvinyls%3Dlondon-grammar-%25e2%2580%258e-truth-is-a-beautiful-thing-vinyl-record&#038;format=xml" />
	
	<!-- CSS -->
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/font-awesome.min.css" rel="stylesheet" media="screen">
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/simple-line-icons.css" rel="stylesheet" media="screen">
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/animate.css" rel="stylesheet">
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/owl.carousel.css" rel="stylesheet"/>
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/owl.theme.css" rel="stylesheet"/>
	
	<!--<link type="text/css" href="/assets/css/skin/pink.flag/css/jplayer.pink.flag.css" rel="stylesheet" />-->

	<!-- Custom styles CSS -->
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/style.css" rel="stylesheet" media="screen">
	<link href="http://www.spunkrecords.com/wp-content/themes/clean/responsive.css" rel="stylesheet" media="screen">
    
    <!--<script src="/assets/js/jquery.js"></script>
    <script type="text/javascript" src="/assets/js/jquery.jplayer.min.js"></script>-->
    <script type="text/javascript">
	    /*$(document).ready(function(){
	       $("#jquery_jplayer_1").jPlayer({
	         ready: function () {
	           $(this).jPlayer("setMedia", {
	             title: "Spunkrecords",
	             artist: "Podcast",
	             poster: "http://www.jplayer.org/audio/poster/The_Stark_Palace_640x360.png",
	             mp3: "http://www.spunkrecords.com/audio/podcast.mp3",
	             oga: "http://www.spunkrecords.com/audio/podcast.ogg"
	           });
	         },
	         cssSelectorAncestor: "#jp_container_1",
	         swfPath: "/js",
	         supplied: "mp3, oga",
	         useStateClassSkin: true,
	         autoBlur: false,
	         loop: true,
	         smoothPlayBar: true,
	         keyEnabled: true,
	         remainingDuration: true,
	         toggleDuration: true
	       });
	    });*/
  	</script>
    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/modernizr.custom.js"></script>
    
    <style>
    	#owl-demo .item img{
		  display: block;
		  width: 100%;
		  height: auto;
		}
    </style>
</head>

<body class="vinyls-template-default single single-vinyls postid-656"><!-- <header class="header">

		<nav class="navbar navbar-custom" role="navigation">

			<div class="container">

				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
			</div>
		</nav>
</header> -->
<header class="cd-header">

		<nav class="navbar navbar-custom" role="navigation">

			<div class="container">

				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<!-- <a class="navbar-brand" href="http://www.spunkrecords.com"><img class="logo" src="http://www.spunkrecords.com/wp-content/themes/clean/assets/images/logo-2.png"/></a> -->
				</div>

				<!-- <div class="collapse navbar-collapse" id="custom-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#home">Home</a></li>
						<li><a href="#services">Services</a></li>
                        <li><a href="#portfolio">Works</a></li>
                        <li><a href="#skills">Skills</a></li>
						<li><a href="#testimonials">Testimonials</a></li>
						<li><a href="#contact">Contact</a></li>
					</ul>
				</div> -->
			</div>
		</nav>
		<span class="cd-primary-nav-trigger">
			<span class="cd-menu-text"></span><span class="cd-menu-icon"></span>
		</span> <!-- cd-primary-nav-trigger -->
	</header>
	<nav class="pop_menu">
		<ul class="cd-primary-nav">
			<!-- <li class="cd-label">About us</li> -->

			<li><a href="#team" class="menu_links">The team</a></li>
			<li><a href="#events" class="menu_links">Events</a></li>
			<li><a href="#merchandise" class="menu_links">Shop</a></li>
			<li><a href="#news" class="menu_links">News/Blog</a></li>
			<li><a href="#tweets" class="menu_links">Social Media</a></li>

			<!-- <li class="cd-label">Work with us</li>

			<li><a href="#0">Start a project</a></li>
			<li><a href="#0">Join In</a></li>
			<li><a href="#0">Create an account</a></li> -->

			<li class="cd-label">Follow us</li>
				<ul class="social_links_nav">
					<li><a target="_blank" href="https://www.facebook.com/spunkrecordsofficial" class="wow fadeInUp"><i class="fa fa-facebook"></i></a></li>
					<li><a target="_blank" href="https://www.twitter.com/spunkrec" class="wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a></li>
					<li><a target="_blank" href="https://www.instagram.com/spunkrecords" class="wow fadeInUp" data-wow-delay=".2s"><i class="fa fa-instagram"></i></a></li>
					<li><a target="_blank" href="https://soundcloud.com/spunkrecordsofficial" class="wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-soundcloud"></i></a></li>
					<!--<li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-envelope"></i></a></li> -->
				</ul>
			<!-- <li class="cd-social cd-facebook"><a href="#0">Facebook</a></li>
			<li class="cd-social cd-instagram"><a href="#0">Instagram</a></li>
			<li class="cd-social cd-dribbble"><a href="#0">Dribbble</a></li>
			<li class="cd-social cd-twitter"><a href="#0">Twitter</a></li> -->
		</ul>
	</nav>

	<section class="page_main_section lift_me_down">
		<div class="">

		<link rel="stylesheet" href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/formValidation.min.css">
<style>
    #padd-top{padding: 40px 0;}
</style>
<section id="vinyls_section" class="">
        <!-- <div class="container"> -->
            <div class="row vinyls_body">
                <div class="col-md-12">
                    <div class="go_back_vinyls"><a href='javascript:history.go(-1)'>&#8592; Go Back</a></div>
                </div>
                <div class="col-md-4">
                    <div class="vinyl_thumb">
                                                    <img width="300" height="300" src="http://www.spunkrecords.com/wp-content/uploads/2018/04/R-10416883-1497004279-7160.jpeg.jpg" class="img-responsive wp-post-image" alt="" />                                            </div>
                </div>
                <div class="col-md-4">
                    <h4 class="title-v">Vinyl Details</h4>
                    <div class="vinyl-title"><h3>London Grammar ‎– Truth Is A Beautiful Thing Vinyl Record</h3></div>
                    <div class="vinyl-price"><strong>Price:</strong> R 450,00</div>
                                        <div class="vinyl-content"><p><h3 class="toggle_section_control float_fix" data-for=".tracklist">Tracklist</h3>
<div class="section_content toggle_section_content">
<table class="playlist">
<tbody>
<tr class="first tracklist_track track" data-track-position="A1">
<td class="tracklist_track_pos">A1</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Rooting For You</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="A2">
<td class="tracklist_track_pos">A2</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Big Picture</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="A3">
<td class="tracklist_track_pos">A3</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Wild Eyed</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="A4">
<td class="tracklist_track_pos">A4</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Oh Woman Oh Man</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="A5">
<td class="tracklist_track_pos">A5</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Hell To The Liars</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B1">
<td class="tracklist_track_pos">B1</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Everyone Else</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B2">
<td class="tracklist_track_pos">B2</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Non Believer</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B3">
<td class="tracklist_track_pos">B3</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Bones Of Ribbon</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B4">
<td class="tracklist_track_pos">B4</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Who Am I</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B5">
<td class="tracklist_track_pos">B5</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Leave The War With Me</span></td>
<td class="tracklist_track_duration" width="25"></td>
</tr>
<tr class=" tracklist_track track" data-track-position="B6">
<td class="tracklist_track_pos">B6</td>
<td class="track tracklist_track_title "><span class="tracklist_track_title">Truth Is A Beautiful Thing</span></td>
</tr>
</tbody>
</table>
</div>
</p></div>
                </div>
                <div class="col-md-4">
                    <h4 class="orderv-h4">Order this Vinyl!</h4>
                    <p>Fill in the form below and send it to get your hands on one of the vinyls!</p>
                    <form role="form" id="order_vinyl_form" class="order_vinyl_form">
                        <div class="row">
                            <div class="form-group">
                                <label for="input">First Name</label>
                                <input type="text" name="firstname" id="firstname" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <label for="input">Last Name</label>
                                <input type="text" name="lastname" id="lastname" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <label for="input">Email Address</label>
                                <input type="email" name="email" id="email" class="form-control input-sm">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group">
                                <label for="input">Vinyl Quantity</label>
                                <select class="form-group" name="vinyl_quantity">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                </select>
                            </div>
                        </div>
                        <input type="hidden" name="vinyl_name" value="London Grammar ‎– Truth Is A Beautiful Thing Vinyl Record">
                        <input type="hidden" name="vinyl_img" value="http://www.spunkrecords.com/wp-content/uploads/2018/04/R-10416883-1497004279-7160.jpeg-170x150.jpg">
                        <div class="row">
                            <div class="form-group">
                                <label><input type="checkbox" name="terms"> I agree with the <span style="color: red; cursor: pointer;" data-toggle="modal" data-target="#myModal">Terms and Conditions</span>.</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group">
                                <p style="font-weight: bold;">Prove you are not a robot:</p>
                                <label class="col-xs-3 control-label" id="captchaOperation"></label>
                                <div class="col-xs-3">
                                    <input type="text" class="form-control" name="captcha" />
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="ajax_response"></div>
                        </div>
                        <div class="row" id="padd-top">
                            <div class="form-group">
                                <input type="submit" value="Submit" class="btn btn-primary pull-left vinyl_sbtm">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </form>
                </div>
            </div>
        <!-- </div> -->
</section>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align: center; font-size: 20px;">Terms and Conditions</h4>
      </div>
      <div class="modal-body">
        <p>
            <ol>
                <li>Price is listed in South African Rands.</li>
                <li>Price does not include shipping costs.(worldwide delivery available, enquire when placing order)</li>
                <li>Collection is free of charge, arrange a collection time with spunk records once payment is received.</li>
                <li>Card Payments are available Upon Collection</li>
                <li>5KM - 10KM radius free delivery from address 93 Bram Fischer Drive, Randburg, Johannesburg, South Africa only on orders more than R500.</li>
                <li>Any requests? mail us <a href="mailto:info@spunkrecords.com" target="_blank">info@spunkrecords.com</a> and we will get the record for you.</li>
                <li>All Records are factory sealed and if any defects should be returned or exchanged with SPUNK records.</li>
                <li>South African Customers Postage :</li>
                    <ul>
                        <li>Posnet to Posnet R99.00 (0-4.5Kg) delivery 5 - 10 working days (Excellent service)</li>
                        <li>Postoffice R80.00 up to 2Kg (2 week delivery)</li>
                    </ul>
                <li>International Customers Postage :</li>
                    <ul>
                        <li>LP Boxset Trusted Post Office 20Euro.</li>
                        <li>LP 12" record Trusted Post Office 16Euro and 1euro for each additional 12" record.</li>
                        <li>LP 7" record Trusted Post Office 7Euro and 1euro for each additional 7" record.For DHL/UPS/TNT orders please enquire for quote.</li>
                    </ul>
                <p>With regards to all taxes/import/customs payments. I am not responsible for these payments.</p>
            </ol>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.js"></script>
<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/formValidation.min.js"></script>
<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/framework/bootstrap.min.js"></script>

 <script type='text/javascript'>
    $(document).ready(function() {
        // Generate a simple captcha
        function randomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

        function generateCaptcha() {
            $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
        }

        generateCaptcha();

        $('#order_vinyl_form')
        .formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                firstname: {
                        validators: {
                            notEmpty: {
                                message: 'First name is required and can\'t be empty'
                            },
                            stringLength: {
                                min: 3,
                                max: 30,
                                message: 'First name must be between 3 and 30 characters'
                            }
                        }
                },
                lastname: {
                        validators: {
                            notEmpty: {
                            message: 'Last name is required and can\'t be empty'
                        },
                        stringLength: {
                            min: 3,
                            max: 30,
                            message: 'Last name must be between 3 and 30 characters'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: 'Email address is required'
                        },
                        emailAddress: {
                            message: 'Not a valid email address'
                        }
                    }
                },
                captcha: {
                    validators: {
                        callback: {
                            message: 'Wrong answer',
                            callback: function(value, validator, $field) {
                                var items = $('#captchaOperation').html().split(' '),
                                    sum   = parseInt(items[0]) + parseInt(items[2]);
                                return value == sum;
                            }
                        }
                    }
                }
            }
        }).on('err.form.fv', function(e) {
            // Regenerate the captcha
            generateCaptcha();
        })
        .on('success.form.fv', function(e) {
            //Prevent default form submission
            e.preventDefault();
            $.ajax({
                method: "POST",
                url: "http://www.spunkrecords.com/processing/vinyl_request.php",
                data: $('form#order_vinyl_form').serialize()
            }).done(function( msg ) {
                console.log(msg);
                if($.trim(msg)==="true"){
                    $(".ajax_response").html('<span class="succ"><i class="fa fa-check-circle-o" aria-hidden="true"></i> Successfully received, we will get back to you shortly.</span>');
                }else{
                    $(".ajax_response").html('<span class="err"><i class="fa fa-times" aria-hidden="true"></i> Something went wrong, please try again.</span>');
                }
            });
            return false;
        });

    });
</script>
		</div><!-- .site-main -->
	</section><!-- .content-area -->

	<!-- Modal -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h3 class="modal-title rquest_title" id="myModalLabel">Request for product</h3>
			      </div>
			      <div class="modal-body">
			        <div class="form-group">
					    <label for="YourName">Your Name</label>
					    <input type="text" class="form-control" name="req_name" id="req_name" placeholder="Your Name">
					  </div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			        <button type="button" class="btn btn-primary">Send</button>
			      </div>
			    </div>
			  </div>
			</div>
	<div class="chev_button"><i class="fa fa-chevron-circle-up"></i></div>
	<div class="player">
		<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans|Oswald);  #wonderpluginaudio-1 { 	box-sizing: content-box;        padding-left: 50px;        padding-right: 50px; }  #wonderpluginaudio-1 div { 	-webkit-box-sizing: content-box; 	-moz-box-sizing: content-box; 	box-sizing: content-box;    }  #wonderpluginaudio-1 .amazingaudioplayer-image { 	display: block; 	position: relative; 	float: left; 	margin: 4px; 	overflow: hidden; 	-webkit-box-shadow: 0 8px 6px -6px black; 	-moz-box-shadow: 0 8px 6px -6px black; 	box-shadow: 0 8px 6px -6px black; 	-webkit-border-radius: 4px;     	-moz-border-radius: 4px;     	border-radius: 4px; }  #wonderpluginaudio-1 .amazingaudioplayer-image img { 	display: inline-block; 	margin: 0; 	padding: 0; 	-webkit-border-radius: 4px;     	-moz-border-radius: 4px;     	border-radius: 4px; }  #wonderpluginaudio-1 .amazingaudioplayer-image-clear { }  #wonderpluginaudio-1 .amazingaudioplayer-text { 	display: block; 	position: relative; 	text-align: left; 	overflow: hidden; 	padding: 4px; 	height: 62px; }  #wonderpluginaudio-1 .amazingaudioplayer-text-clear { }  #wonderpluginaudio-1 .amazingaudioplayer-title { 	display: block; 	color: #333; 	font-family: "Oswald",Arial,sans-serif; 	font-size: 15px; 	font-weight: bold; }  #wonderpluginaudio-1 .amazingaudioplayer-title-clear { }  #wonderpluginaudio-1 .amazingaudioplayer-info { 	display: block; 	color: #666; 	font-family: Arial, sans-serif; 	font-size: 12px; 	font-style: italic; }  #wonderpluginaudio-1 .amazingaudioplayer-info-clear { }  #wonderpluginaudio-1 .amazingaudioplayer-bar { 	position: relative; 	width: 182px; 	float: left; 	background-color: #333; 	margin: 6px 4px; 	border: 1px solid #222; 	-webkit-border-radius: 2px; 	-moz-border-radius: 2px; 	border-radius: 2px; 	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	background-image: -ms-linear-gradient(top, #444444 0%, #222222 100%); 	background-image: -moz-linear-gradient(top, #444444 0%, #222222 100%); 	background-image: -o-linear-gradient(top, #444444 0%, #222222 100%); 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #222222)); 	background-image: -webkit-linear-gradient(top, #444444 0%, #222222 100%);  	background-image: linear-gradient(to bottom, #444444 0%, #222222 100%); }  #wonderpluginaudio-1 .amazingaudioplayer-bar-buttons-clear { 	clear: both; }  #wonderpluginaudio-1 .amazingaudioplayer-bar-clear { 	clear: both; }  #wonderpluginaudio-1 .amazingaudioplayer-bar-title { 	position: relative; 	float: left; 	color: #eee; 	font-family: "Open Sans", sans-serif; 	font-size: 12px; 	line-height: 24px; 	margin: 0 8px; }  #wonderpluginaudio-1 .amazingaudioplayer-playpause { 	position: relative; 	float: left; }  #wonderpluginaudio-1 .amazingaudioplayer-play { 	position: relative; }  #wonderpluginaudio-1 .amazingaudioplayer-pause { 	position: relative; }  #wonderpluginaudio-1 .amazingaudioplayer-stop { 	position: relative; 	float: left; }  #wonderpluginaudio-1 .amazingaudioplayer-prev { 	position: relative; 	float: left; }  #wonderpluginaudio-1 .amazingaudioplayer-next { 	position: relative; 	float: left; }  #wonderpluginaudio-1 .amazingaudioplayer-loop { 	position: relative; 	float: left; 	margin: 0 2px; }  #wonderpluginaudio-1 .amazingaudioplayer-progress { 	position: relative; 	background-color: #222; 	-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); 	-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); 	box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); 	margin: 8px 4px; 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px; }  #wonderpluginaudio-1 .amazingaudioplayer-progress-loaded { 	background-color: #444; 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px; }  #wonderpluginaudio-1 .amazingaudioplayer-progress-played { 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px; 	background-color: #fcc500; 	background-image: -ms-linear-gradient(top, #fede00 0%, #fcc500 100%); 	background-image: -moz-linear-gradient(top, #fede00 0%, #fcc500 100%); 	background-image: -o-linear-gradient(top, #fede00 0%, #fcc500 100%); 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500)); 	background-image: -webkit-linear-gradient(top, #fede00 0%, #fcc500 100%);  	background-image: linear-gradient(to bottom, #fede00 0%, #fcc500 100%); }  #wonderpluginaudio-1 .amazingaudioplayer-time { 	position: relative; 	float: right; 	color: #fff; 	font-family: "Open Sans", sans-serif; 	font-size: 12px; 	text-shadow: 1px 1px 0 #000; 	line-height: 24px; 	margin: 0 4px; }  #wonderpluginaudio-1 .amazingaudioplayer-volume { 	position: relative; 	float: right; }  #wonderpluginaudio-1 .amazingaudioplayer-volume-bar { 	background-color: #333; 	border: 1px solid #222; 	-webkit-border-radius: 4px; 	-moz-border-radius: 4px; 	border-radius: 4px; 	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -o-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111)); 	background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: linear-gradient(to bottom, #444444 0%, #111111 100%); }  #wonderpluginaudio-1 .amazingaudioplayer-volume-bar-adjust { 	background-color: #222; 	-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); 	-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); 	box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); }  #wonderpluginaudio-1 .amazingaudioplayer-volume-bar-adjust-active { 	background-color: #fcc500; 	-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); 	-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); 	box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); }  #wonderpluginaudio-1 .amazingaudioplayer-tracklist { 	display: block; 	position: relative; }  #wonderpluginaudio-1 .amazingaudioplayer-tracklist-container { 	display: block; 	position: relative;         top: -110px;        width: 60%;        margin: 4px; 	padding: 12px 12px 16px;        background-color: transparent; } /* #wonderpluginaudio-1 .amazingaudioplayer-tracklist-container { 	display: block; 	position: relative; 	background-color: #333; 	border: 1px solid #222; 	-webkit-border-radius: 2px;     -moz-border-radius: 2px;     border-radius: 2px; 	margin: 4px; 	padding: 12px 12px 16px; 	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); 	background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -o-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111)); 	background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%); 	background-image: linear-gradient(to bottom, #444444 0%, #111111 100%);  }*/  #wonderpluginaudio-1 .amazingaudioplayer-tracks-wrapper { 	position: relative; }  #wonderpluginaudio-1 .amazingaudioplayer-tracks { 	position: relative; 	list-style-type: none; 	margin: 0; 	padding: 0; }  #wonderpluginaudio-1 .amazingaudioplayer-track-item { 	position: relative; 	cursor: pointer; 	color: #999; 	font-family: "Open Sans", Arial, sans-serif; 	font-size: 12px; 	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);*/ 	line-height: 22px; 	margin: 0; 	padding: 0; 	text-align: left; }  #wonderpluginaudio-1 .amazingaudioplayer-track-item-active { 	cursor: pointer; 	color: #666; }  #wonderpluginaudio-1 .amazingaudioplayer-track-item a { 	color: #666;     text-decoration: none; }  #wonderpluginaudio-1 .amazingaudioplayer-track-item-active a { 	color: #666;     text-decoration: none; }  #wonderpluginaudio-1 .amazingaudioplayer-track-item-duration { 	position: absolute; 	top: 0; 	right: 0; }  #wonderpluginaudio-1 .amazingaudioplayer-tracklist-arrow-prev { 	position: absolute; 	bottom: 2px; 	left: 50%; 	margin-left: -64px; }  #wonderpluginaudio-1 .amazingaudioplayer-tracklist-arrow-next { 	position: absolute; 	bottom: 2px; 	left: 50%; 	margin-left: 16px; }  #wonderpluginaudio-1 .amazingaudioplayer-tracklist-clear { 	clear: both; }</style><div class="wonderpluginaudio" id="wonderpluginaudio-1" data-audioplayerid="1" data-width="" data-height="600" data-skin="jukebox" data-autoplay="false" data-random="false" data-forceflash="false" data-forcehtml5="false" data-responsive="true" data-showtracklist="true" data-showprogress="true" data-showprevnext="true" data-showloop="true" data-showloading="false" data-titleinbarscroll="true" data-donotinit="false" data-addinitscript="false" data-loop="1" data-tracklistitem="5" data-titleinbarwidth="80" data-jsfolder="http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/" style="display:block;position:relative;margin:0 auto;width:100%;height:auto;"><ul class="amazingaudioplayer-audios" style="display:none;"><li data-artist="Dj Spunky" data-title="" data-album="Cats In The Room" data-info="&quot;Cats In The Room(Dj Spunky Dub Mix)&quot;" data-image="http://www.spunkrecords.com/wp-content/uploads/2016/06/cats-album-art.jpg" data-duration="90"><div class="amazingaudioplayer-source" data-src="http://www.spunkrecords.com/wp-content/uploads/2016/06/DJ-Spunky-Cats-In-The-Room-DJ-Spunky-Dub-Mix.mp3" data-type="audio/mpeg" ></div></li></ul><div class="wonderplugin-engine">Loading...</div></div>		<!--<div id="jquery_jplayer_1" class="jp-jplayer"></div>
	    <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
	      <div class="jp-type-single">
	        <div class="jp-gui jp-interface">
	          <div class="jp-controls-holder">
	            <div class="jp-controls">
	              <button class="jp-play" role="button" tabindex="0">play</button>
	            </div>
	          </div>
	        </div>
	        <div class="jp-details">
	          <div class="jp-title" aria-label="title">&nbsp;</div>
	        </div>
	        <div class="jp-no-solution">
	          <span>Update Required</span>
	          To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
	        </div>
	      </div>
	    </div>-->
	</div>
	<!-- Footer start -->
	<footer id="footer">
		<div class="container">
			<div class="row">

				<div class="col-sm-12">

					<ul class="social-links">
						<li><a target="_blank" href="https://www.facebook.com/spunkrecordsofficial" class="wow fadeInUp"><i class="fa fa-facebook"></i></a></li>
						<li><a target="_blank" href="https://www.twitter.com/spunkrec" class="wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a></li>
						<li><a target="_blank" href="https://www.instagram.com/spunkrecords" class="wow fadeInUp" data-wow-delay=".2s"><i class="fa fa-instagram"></i></a></li>
						<li><a target="_blank" href="https://soundcloud.com/spunkrecordsofficial" class="wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-soundcloud"></i></a></li>
						<!--<li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-envelope"></i></a></li> -->
					</ul>

					<p class="heart">
                        
                    </p>
<div>
</div>
                    <p class="copyright">
                        © 2023 SPUNK Records Official. All Rights Reserved. <span id="developed-by" class="fa fa-code fa-2x animated pulse"></span> by <a title="Andror" target="_blank" href="http://www.andror.co.za">Andror</a>
					</p>

				</div>

			</div><!-- .row -->
		</div><!-- .container -->
	</footer>

	<!-- Footer end -->

	<!-- Scroll to top -->

	<div class="scroll-up">
		<a href="#"><i class="fa fa-angle-up"></i></a>
	</div>
    
    <!-- Scroll to top end-->
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.js"></script>
	<img alt='css.php' src="http://www.spunkrecords.com/wp-content/plugins/cookies-for-comments/css.php?k=58bb8749da4517b83238eeb5e37d1798&amp;o=i&amp;t=1727373770" width='1' height='1' /><!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "http://www.spunkrecords.com/wp-admin/admin-ajax.php";
</script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/js/jquery.carouFredSel-6.2.1.js?ver=6.2.1'></script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/js/ab-tweet-scroller.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/wonderpluginaudioskins.js?ver=4.4'></script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/wonderpluginaudio.js?ver=4.4'></script>
<script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/wp-embed.min.js?ver=4.9.23'></script>
	
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/main.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.parallax-1.1.3.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/imagesloaded.pkgd.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.sticky.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/smoothscroll.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/wow.min.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.easypiechart.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/waypoints.min.js"></script>
    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.cbpQTRotator.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/custom.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/velocity.min.js"></script>
	<script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/particles.js"></script>
    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.popupoverlay.js"></script>
    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.bpopup.min.js"></script>
    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.easing.min.js"></script>

    <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/owl.carousel.js"></script>
    

    <!-- jQuery UI (Custom Download containing only Widget and Effects Core)-->
	<!--<script src="/assets/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.mousewheel.min.js" type="text/javascript"></script>
    <script src="/assets/js/jquery.kinetic.min.js" type="text/javascript"></script>
	<script src="/assets/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>-->

    <script type='text/javascript'>
    	$.noConflict();
		jQuery(document).ready(function() {
			/*
			jQuery(document).on('click','.clothing_item', function(e) {
				console.log("clicked");
                // Prevents the default action to be triggered. 
                e.preventDefault();
                //jQuery("#myModal").modal("show");
                var theprice = jQuery(this).attr('theprice');
                var theimage = jQuery(this).attr('theimage');
                alert("Price "+theprice + "image "+theimage);
                //console.log("image "+theimage);
                //var prrr=jQuery(this).attr("data-val");
				//jQuery("input[name='product_price']").val(prrr);

            });*/
			jQuery('.clothing_item').bind('click', function(e) {

                // Prevents the default action to be triggered. 
                e.preventDefault();
                var prrr=jQuery(this).attr("data-val");
               // alert(prrr);
				jQuery("input[name='product_price']").val(prrr);
                // Triggering bPopup when click event is fired
                jQuery('#pop_up_box').bPopup({
                	easing: 'easeOutBack',
            		speed: 650,
            		transition: 'slideDown',
            		onClose: function(){
            			jQuery("input[name='product_price']").empty();
            		}
               	});

            });
			jQuery('a#switch_all').on('click', function(event){
				jQuery(".content_music").fadeIn(1000);
				jQuery(".content_clothing").fadeIn(2000);
				jQuery(".content_vinyls").fadeIn(3000);
			});
			jQuery('a#switch_music').on('click', function(event){
				//alert("Helo");
				jQuery(".more_music").show();
				jQuery(".more_clothing").hide();
				jQuery(".more_vinyls").hide();

				jQuery(".content_music").fadeIn(1000);
				jQuery(".content_clothing").hide();
				jQuery(".content_vinyls").hide();
			});
			jQuery('a#switch_clothing').on('click', function(event){
				//alert("Helo");
				jQuery(".more_music").hide();
				jQuery(".more_clothing").show();
				jQuery(".more_vinyls").hide();

				jQuery(".content_clothing").fadeIn(1000);
				jQuery(".content_music").hide();
				jQuery(".content_vinyls").hide();
			});
			jQuery('a#switch_vinyl').on('click', function(event){
				//alert("Helo");
				jQuery(".more_music").hide();
				jQuery(".more_clothing").hide();
				jQuery(".more_vinyls").show();

				jQuery(".content_vinyls").fadeIn(1000);
				jQuery(".content_clothing").hide();
				jQuery(".content_music").hide();

			});

			/*smooth blog scroll*/
			// $("div#makeMeScrollable").smoothDivScroll({
			// 	autoScrollingMode: "onStart"
			// });
			jQuery("#owl-demo").owlCarousel({
			    items : 3,
			    lazyLoad : true,
			    navigation : true,
			    navigationText: [
			      "<div class='left-arrow'><img src='http://spunkrecords.com/wp-content/themes/clean/assets/images/left-arrow.png'></div>",
			      "<div class='right-arrow'><img src='http://spunkrecords.com/wp-content/themes/clean/assets/images/right-arrow.png'></div>"
			      ]
			 });


		});
	</script>
	<!--<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-79249820-1', 'auto');
  ga('send', 'pageview');

</script>-->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-99306125-1', 'auto');
  ga('send', 'pageview');
</script>
</body>
</html>