/* --------------------------------------------- */
/* Author: http://codecanyon.net/user/CodingJack */
/* --------------------------------------------- */


/* ...........................................................................   1   */

/* The main plugin wrapper */
.cj-music-player {
	font-family: "Druk-Medium-Italic";
    text-transform: uppercase;
    letter-spacing: 2px;
	position: relative;
}

/* -----------------------------------------------------------   1.1   */

/* We hide the song list markup */
.cj-song-list {
	display: none !important;
}

/* -----------------------------------------------------------   1.2   */

/* The main player wrapper */
.cj-music-container {
	width: 400px;
	height: 35px;
	display: none;
	overflow: hidden;
	white-space: nowrap;
}

/* The text and controls */ 
.cj-music-content {
    
}

/* The current song anumber and title */
.cj-music-meta {
	display: inline-block;
}

/* The meta tag containers */
.cj-music-meta p {
	margin: 0;
    padding-top: 7px;
}

/* The current song text */
.cj-current-song {
	width: 250px;
	height: 35px;
	overflow: hidden;
    background-color: #fff;
}

/* The play, pause, left and right buttons */
.cj-music-controls {
	display: inline-block;
	margin-left: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Each button exists inside a span tag */
.cj-music-controls span {
	width: 35px;
	height: 35px;
	cursor: pointer;
	display: inline-block;
    -webkit-transition: all ease-out .3s;
            transition: all ease-out .3s;
}

/* button mouse over style */
.cj-music-controls span:hover {
    color: #000 !important;
    background-color: #EFEB09 !important;
	zoom: 1;
}

/* The previous song button icon */
.cj-music-left img,
.cj-music-right img,
.cj-music-play img,
.cj-music-pause img {
	margin: 10px 0 0 2px;
}



/* ...........................................................................   3   */

/* Text color */
.cj-black-skin {
	color: #000;
}

/* The main player */
.cj-black-skin .cj-music-container {
    
}

/* 1px adjustment from global style for appearance */
.cj-black-skin .cj-music-meta p {
    
}

/* The music player controls */
.cj-black-skin .cj-music-controls span {
	background-color: #000;
}