/*
Theme Name: Music Maker
Theme URI: http://musicmakertheme.com
Description: The Music Maker theme is a responsive beat selling website template that offers a photo gallery, video gallery, product store,  FAQs, events, and more. 
Version: 2.10
Author: <a href="http://markvalenzuela.com" target="_new">Mark Valenzuela</a> at <a href="http://hiphopmakers.com"  target="_new">Hip Hop Makers</a>.
Author URI: http://markvalenzuela.com
Tags:  Fluid-layout, Custom-background, Custom-menu 
Copyright: (c) 2013 - 2013 HipHopMakers.
License: GNU General Public License v1.0
License URI: http://www.gnu.org/licenses/gpl-1.0.html
Text Domain: music-maker'', 'music-maker' 
*/

/* Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, add custom CSS in the theme options panel.  */

/* CSS RESET
* =============================================== http://meyerweb.com/eric/tools/css/reset/ v2.0 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
	body { line-height: 1;}
	ol, ul { list-style: none;}
	blockquote, q { quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
	table { border-collapse: collapse; border-spacing: 0;}
	img a { margin:0px; padding:0px;}
	a { text-decoration: none; cursor:pointer; }
	a:hover { text-decoration:underline;}
	strong { font-weight:bold;}
	em { font-style:italic;}
	audio { width: 0px; height: 27px; display: block;}

/* COMMON ELEMENTS
 * ================================================ */
h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; line-height: normal; display: block; color: #333; font-weight: bold;}
	h1 { font-size: 35px;}
	h2 { font-size: 30px; line-height: 30px;}
	h3 { font-size: 25px;}
	h4 { font-size: 20px;}
	h5 { font-size: 15px;}
	h6 { font-size: 14px;}
#main h1, #main h2, #main h3, #main h4, #main h5,#main h6 { clear: both; }
p { padding-bottom: 18px; }
dl { margin-bottom: 15px;}
dt { font-weight: bold; padding-bottom: 4px; color: #333; }
dd { padding-left: 10px; padding-bottom: 8px; }
strong, b { font-weight: bold;}
hr {  background-color: #e8e4e3;  border: 0; height: 1px;  margin-bottom: 1.618em; }
.left { float: left; }
.right { float: right; }
.padding-top { padding-top: 15px; }
.padding-bottom { padding-bottom: 15px; }
.clear { clear: both;}
.clearfix:after { visibility: hidden;  display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block;} /* start commented backslash hack \*/
.clearfix { display: block;} /* close commented backslash hack */
* html .clearfix { height: 1%;}
.alignleft { display: inline; float: left; margin-right: 1.25em;}
.alignright { display: inline; float: right; margin-left: 1.25em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.alignnone { display: inline; }
#main { line-height: 23px; }
#main ul , #main ol { padding-left: 25px; margin-bottom: 15px; }
#main ul { list-style-type: disc; }
#main ol { list-style-type: decimal; }
#main li { padding-bottom: 8px; line-height: 19px; }
blockquote { border-left-width: 7px; margin-bottom: 20px; background-color:#f3f3f3; border-left-style: solid; border-left-color: #333; padding-left: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 19px;}
blockquote p { padding-bottom: 15px;}

/* STRUCTURE
 * ================================================ */	
body { background-color: transparent; }
body, td, th { font-family: Helvetica, sans-serif; color: #575757; font-size: 14px; } /*Verdana,*/
#wrapper { width: 960px; margin-right: auto; margin-left: auto;}
#content { float: left; width: 960px; padding-bottom: 30px; padding-top: 20px;}
#right_side { width: 300px; margin-right: 10px; float: right;}
.leftside, .fullwidth  { padding-top: 20px; padding-left: 20px;  padding-right: 20px; padding-bottom: 5px;}
.fullwidth { width: 900px;}
.leftside { width: 580px;}
.beatsingle_leftside { width: 620px;}
#main  { margin-left: 10px; background-color: #fff; float: left;  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);}
html, body { height: 100%;} /* Used for sticky footer */
#wrapper { min-height: 90%; height: auto !important; height: 90%;}

 /* BUTTONS - Size is listed twice to be case sensitive.
 * ================================================ */ 
.button, a.button, .widget .edd_checkout  { font-weight: bold; display: inline-block; color: #FFFFFF; text-decoration: none; padding: 10px 15px; margin-bottom:15px; border-style:none; cursor:pointer; /*Fixes iphone safari styling */-webkit-appearance: none;}
a.button:active, a.button:hover, .button:hover, #right_side .edd_checkout a  { color: #ffffff !important;}
a.medium , a.Medium { font-size: 18px; font-weight: bold; padding: 10px 15px;}
a.big, a.Big { font-size: 23px; font-weight: bold;  padding: 15px  20px;}
a.huge , a.Huge{ font-size: 30px; font-weight: bold; padding: 18px  20px;}
a.toohuge , a.Toohuge { font-size: 35px; font-weight: bold; padding: 20px 25px;}
a img { border: 0; text-decoration: none;}
a , #right_side a { color:#575757; text-decoration: none;}
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.25em;  }
.more-link .button { margin:0px; } /* Removes padding on more button */
.more-link { display:block; margin-top:15px }  
.comment_photo img, .button, .promobar-button, .widget .edd_checkout  { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} /*--Round Elements */

/* NAVIGATION MENU
* ================================================ */
#navigation { padding-top: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 14px; height: 31px; font-family:'Oswald'; }
#navigation ul li.current-menu-item a { color: #fff;}
#navigation ul li { margin-right: 15px; position: relative; float: left;}
#navigation ul li a { color: #999; text-decoration: none; display: block; padding-top: 5px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
#navigation ul li a:hover { color: #ffffff;}
#navigation ul li ul { display: none; z-index: 1000;}
#navigation ul li.active, .current-menu-item { color: #fff; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 0px;}
#navigation ul li ul li.current-menu-item { border-bottom-width: 0px;}
#navigation ul li ul li a { display: block; color: #fff; white-space: nowrap; background-color: #202222; width: 180px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2f3131; text-align: left; padding: 10px;}
#navigation ul li ul li a:hover { text-decoration: none; border-bottom-width: 1px; background-color: #323434;}
#navigation ul li:hover ul { display: block; position: absolute; margin-top: 0px; border-top-width: 3px; border-top-style: solid; width: 200px;}
#navigation li:hover ul { left: auto;}
#navigation li li ul {margin: -1px 0 10px 200px;visibility:hidden;}
#navigation li li:hover ul {visibility:visible;}
#navigation ul ul li a {float: left;}
#navigation ul li ul li:hover ul { border-top-width: 0px; border-top-style: none;}

/* HEADER
* ================================================ */	
.navigation_holder, .header_holder { background-color: #131414; }
.navigation_holder { width: 100%; }
.navigation_inside_container { width: 960px; margin-right: auto; margin-left: auto; }
.header_holder { width: 100%; }
.header_inside_container { width: 950px; padding-left: 10px; padding-top: 18px; padding-bottom: 14px;  margin-right: auto; margin-left: auto;  margin-top: 0px; }
.nav_top_line {  border-bottom: 1px solid rgba(255, 255, 255, 0.06); }  /*Navigation Underlines */
.nav_bottom_line {  border-top: 1px solid rgba(255, 255, 255, 0.06); } 
.header_inside_container h2 { padding-bottom: 5px; margin-top: -4px; width: 575px;}
.header_holder .header_inside_container h2 a { text-decoration: none; color: #FFFFFF; font-size: 36px; font-weight:bold;}
.header_site_search { float: right; margin-top: 0px; background-color: #434343; padding-top: 6px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; margin-right: 10px; border-style: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 120px; font-size: 11px; color: #121212; background-image: url(images/search_icon_inactive.png); background-repeat: no-repeat; background-position: 110px center;}
.header_site_search:focus { color: #333333; background-color: #FCFCFC; font-style: normal; background-image: url(images/search_icon.png);}
.header_site_search:hover {  color: #333333; background-color: #fcfcfc; font-style: normal; background-image: url("images/search_icon.png"); transition-duration: 1.0s; }
#searchform input  { color: #121212;}
#header_wrapper ::-webkit-input-placeholder { color: #121212;}
#site_logo { float: left; }
#site_logo h2 { display:none;}
#site_name { padding-top: 5px; width: 575px;}

/* Header Social Icons 
 * ================================================ */
#header_social_icons { float: right; width: 360px; text-align: right; margin-right: 10px; margin-top: 2px;}
#header_social_icons .circle { border-radius: 50%;  width:  46px; height: 36px; text-align: center; font-size: 27px; padding-top: 10px; color: #131414; background: #333333;  margin-right: 12px; }    
#header_social_icons .circle:hover { color: #ffffff !important; transition-duration: .8s; } 
#header_social_icons .fa-facebook:hover { background: #3C599B !important; }
#header_social_icons .fa-twitter:hover { background: #1BB2E9 !important; } 
#header_social_icons .fa-google-plus:hover { background: #C53C2A !important; }  
#header_social_icons .fa-vimeo-square:hover { background: #1AB7EA !important; }  
#header_social_icons .fa-youtube:hover { background: #DB2C27 !important; }  
#header_social_icons .fa-rss:hover { background: #FAA21C !important; }  
#header_social_icons .fa-tumblr:hover { background: #335676 !important; }  
#header_social_icons .fa-instagram:hover { background: #D5C9AF !important; }  
#header_social_icons .fa-linkedin:hover { background: #007BB6 !important; }  
#header_social_icons .fa-pinterest:hover { background: #CD1F28 !important; }  
#header_social_icons .fa-flickr:hover { background: #0262DA !important; }  
#header_social_icons .fa-soundcloud:hover { background: #FE6E00 !important; }  
#header_social_icons .fa-facebook:hover { background: #3C599B !important; }     

/* MAIN CONTENT
 * ================================================ */
h1#content_header { font-size: 33px; font-weight:bold; color: #1c1c1c; border-bottom-width: 3px; border-bottom-style: double;  border-bottom-color: #e8e4e3;   padding-bottom: 15px;  margin-bottom: 15px;  }
.post { margin-bottom: 25px; padding-bottom: 15px; padding-top:0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2;}
.post:last-child {  margin-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; }
h2.title { font-size: 30px; line-height: 30px;  }
h2.title a, h1.title a { color: #333; text-decoration: none;}
.blog_post_comments { font-size: 13px; margin-bottom: 10px; display: block;  line-height: 20px;  }
.blog_post_comments a { color: #666;}
.blog_post_content { padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #F2F2F2; }
#blog_post_archive_nav { padding-top: 0px;  }
.full_archive_nav { width: 900px;  float: left;}
.beatsingle_leftside .comment , .beatsingle_leftside h4 , .beatsingle_leftside #comments_form { margin-left: 20px; padding-top: 15px;}
 /* Feature blog post image */ .featured-image img { padding-bottom: 15px;}

/* HOMEPAGE BANNER
* ================================================ */	
#home_banner_container { width: 960px; margin-right: auto; margin-left: auto;}
.fader { height: 350px; width: 940px; position: relative; margin-left:10px;  margin-top:10px; } 
.fader .slide { position: absolute; top: 0;  z-index: 1; opacity: 0; }
.fader img.slide { height: auto; }
.fader .prev, .fader .next{  position: absolute; height: 55px; line-height: 55px; width: 50px; font-size: 30px; text-align: center; color: #fff; top: 50%; left: 0; z-index: 4; margin-top: -25px; cursor: pointer; opacity: .0; transition: all 150ms; }
.fader .prev:hover, .fader .next:hover{ opacity: 1; }
.fader .next{ left: auto; right: 0; }
.fader .pager_list{ position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 40px; text-align: center; z-index: 4; }
.fader .pager_list li{ display: inline-block; width: 10px; height: 10px; margin: 0 7px; background: #fff; opacity: .5; text-indent: -99999px;  border-radius: 999px; cursor: pointer; transition: all 150ms; }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; }
.fader .prev img , .fader .next img { height: auto; width: 25px; }
#Fader h2 { color: #ffffff;  padding:0px; margin:0px; z-index: 999; }
#Fader h3 { color: #cccccc;  padding:0px; margin:0px; z-index: 999;}
#Fader h2 { position: absolute; top: 210px; left: 30px;  padding: 13px;  font-size: 34px;  background: rgb(0, 0, 242); background: rgba(0, 0, 0, 0.8);}
#Fader h3 { position: absolute; top: 275px; left: 30px; background-color: #1fb5e8; padding: 8px; font-size: 15px; background: rgb(0, 0, 242); background: rgba(0, 0, 0, 0.8);}
 
/* FOOTER
 * ================================================ */
#footer { background-color: #0b0b0b;  }
.widget_holder { width: 950px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 35px;}
.widget_holder_sub { color: #333333;  font-size: 13px; width: 940px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 50px; padding-right: 10px; padding-left: 10px;  }
.footer_widget {   float: left; width: 290px; font-size: 12px; margin-right: 34px; }
.footer_widget:nth-child(3n+3) { margin-right: 0px;}
.footer_widget h3 { color: #FFF; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
.footer_widget p { padding-bottom: 15px; line-height: 18px;}

/* Footer Widgets Code */
#footer  #widget_recent_post li a,  #footer #widget_new_beats li a ,  .footer_widget a  , #footer  .sidebar-social a, #footer .widget  { color: #b3b3b3; text-decoration: none;}
#footer  #widget_recent_post li span, 
#footer  #widget_new_beats li span { color: #333333;}
#footer .tagcloud a {  background: #131212; color: #cccccc; }
#footer .tagcloud a:hover {  background: #333333;}
#footer #widget_recent_post li  , #footer #widget_new_beats li  { padding-left: 0px;   border-bottom-color: #151515;}
#footer .widget  { background-color: transparent; padding: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
#footer .widget h3 { border-bottom-width: 0px; border-bottom-style: none; color: #ffffff;}
#footer_copywrite { float: left; width: 750px;}
#footer_copywrite li { display: inline-block; margin-right: 10px; margin-bottom: 8px;}
#footer_sub { width:100%;  background-image: url(images/footer_bg_lower.png); background-repeat: repeat-x; background-position: top; background-color: #080808;}
#footer_sub a { color: #333333; text-decoration: none;}
#footer_sub .current-menu-item {  border-bottom-width: 0px; border-bottom-style: none;}
.widget_holder_sub .right { font-size: 9px; letter-spacing: -0.3px; }


/* Widgets
 * ================================================ */
/*Default Widgets*/
.widget { line-height: 20px; font-size: 14px; background-color: #FFF; float: left; width: 270px; margin-bottom: 15px; box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); padding: 15px;}
.widget h3 { font-size: 15px; font-weight:bold; color: #1c1c1c; width: 270px; border-bottom-width: 3px; border-bottom-style: double; float: left; border-bottom-color: #e8e4e3; padding-bottom: 5px;  margin-bottom: 10px;}
.widget p:last-child { padding: 0px;}
#widget_recent_post li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEE; margin-bottom: 7px; padding-bottom: 7px; padding-left: 5px; display: block; width: 265px;}
#widget_new_beats li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEE; margin-bottom: 7px; padding-bottom: 7px; padding-left: 0px; display: block; width: 265px;   float: left;}
#widget_recent_post li a, #widget_new_beats li a { display: block; font-weight: bold; color: #333; text-decoration: none;}
#widget_recent_post li span.genre, #widget_new_beats li span.genre { display: block; color: #999999; font-style: italic; padding-top: 0px;}
#widget_recent_post li:last-child, #widget_new_beats li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none;}
#widget_new_beats li .widget_mp3_player { float: left; height: 30px; width: 38px; padding-top: 3px;}

/*Tags Widget - Genre, Categories, Tags */
.tagcloud a, .widget li.cat-item {  -moz-border-radius: 3px; -webkit-border-radius: 3px;  -khtml-border-radius: 3px; border-radius: 3px; background: #ececec; display: block;  float: left;  font-size: 12px !important; line-height: 12px; margin-bottom: 5px; margin-right: 5px; padding: 7px 7px; text-decoration: none; width: auto !important; }
.widget li.cat-item:hover { color: #ffffff !important;}
.widget li.cat-item:hover a,  .tagcloud a:hover {  color: #ffffff !important; text-decoration: none; }

/* Social network icons widget */
.connect_link { background-position:left center; background-repeat:no-repeat; display:inline-block; padding-bottom:3px; padding-left:23px; padding-top:3px; width:105px; margin-left: 5px;}
.sidebar-social .google { background-image:url(images/social_icons/google.png);}
.sidebar-social .dribble { background-image:url(images/social_icons/dribbble.png);}
.sidebar-social .facebook { background-image:url(images/social_icons/facebook.png);}
.sidebar-social .flickr { background-image:url(images/social_icons/flickr.png);}
.sidebar-social .grooveshark { background-image:url(images/social_icons/grooveshark.png);}
.sidebar-social .instagram { background-image:url(images/social_icons/instagram.png);}
.sidebar-social .lastfm { background-image:url(images/social_icons/lastfm.png);}
.sidebar-social .linkedin { background-image:url(images/social_icons/linkedIn.png);}
.sidebar-social .email { background-image:url(images/social_icons/mail.png);}
.sidebar-social .myspace { background-image:url(images/social_icons/myspace.png);}
.sidebar-social .paypal { background-image:url(images/social_icons/paypal.png);}
.sidebar-social .rss { background-image:url(images/social_icons/rss.png);}
.sidebar-social .skype { background-image:url(images/social_icons/skype.png);}
.sidebar-social .soundcloud { background-image:url(images/social_icons/soundcloud.png);}
.sidebar-social .spotify { background-image:url(images/social_icons/spotify.png);}
.sidebar-social .tumblr { background-image:url(images/social_icons/tumblr.png);}
.sidebar-social .twitter { background-image:url(images/social_icons/twitter.png);}
.sidebar-social .vimeo { background-image:url(images/social_icons/vimeo.png);}
.sidebar-social .wordpress { background-image:url(images/social_icons/wordpress.png);}
.sidebar-social .youtube { background-image:url(images/social_icons/youtube.png);}
.sidebar-social .pinterest { background-image:url(images/social_icons/pinterest.png);}

/*Big Social Icons */
#now_social  i { color: #ffffff;  width: 60px;  padding-top: 13px; padding-bottom: 15px; height: 35px; float: left;  margin-right:  5px; margin-bottom:  5px;  text-align: center;}
#now_social .fa { font-size: 3em;}
#now_social .fa-facebook { background: #3C599B !important; }
#now_social .fa-twitter { background: #1BB2E9 !important; }
#now_social .fa-google-plus { background: #C53C2A !important; }
#now_social .fa-vimeo-square { background: #1AB7EA !important; }
#now_social .fa-youtube { background: #DB2C27 !important; }
#now_social .fa-rss { background: #FAA21C !important; }
#now_social .fa-tumblr { background: #335676 !important; }
#now_social .fa-instagram{ background: #D5C9AF !important; }
#now_social .fa-linkedin { background: #007BB6 !important; }
#now_social .fa-pinterest { background: #CD1F28 !important; }
#now_social .fa-flickr { background: #0262DA !important; }
#now_social .fa-soundcloud { background: #FE6E00 !important; }
#now_social .fa-facebook { background: #3C599B !important; }
#now_social .fa-envelope { background: #DB2C27 !important; }  

/* Buy Beats Steps */
.buy-step span { font-size: 13px; color: #FFF; background-image: url(images/steps-circle.png); text-align: center; height: 37px; width: 33px; display: block; float: left; padding-top: 6px; background-repeat: no-repeat; font-weight: bold; margin-right: 10px;}
.buy-step { float: left; width: 265px; padding-bottom: 7px;}

/* Feedburner Input */
#feedburner_email { font-size: 13px; background-color: #FFF; padding: 7px; border: 1px solid #CCC; color: #ccc; width: 150px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#feedburner_button { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: 5px;}
#feedburner_email:focus { color: #333333;}

/* Text Banner Widget */
.widget_banner { padding: 20px 10px 20px 10px; width: 250px; text-align: center; color: #ffffff; background-color: #333333; }
.widget_banner h2  { font-weight: bold; color: #ffffff;  line-height: 1em!important; padding-bottom: 13px;}
.widget_banner_subtext { padding-bottom: 13px; display: block; }
.widget_banner a { background-color: #119cb5; padding: 8px  14px 8px 14px;  color: #ffffff !important; text-decoration: none; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

/*Photo Gallery Widget*/
.photos_widget img { float: left; width: 120px; height: auto; margin-right: 10px; margin-bottom: 0px; }

/* Events Widget*/
.event_widget a { font-weight:bold; display: block; padding-top: 2px;}
.event_widget_date { float: left; width: 34px; margin-right: 10px; }
.event_widget_month { color:#999; text-align: center; font-size: 10px; }
.event_widget_date_number { color:#333; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 4px; }
.event_widget:last-child { display: inline-block; padding-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; margin-bottom: 0px;}
.event_widget {display: inline-block; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8; margin-bottom: 8px; width: 100%;}

/* Testimonial Widget*/
.testimonial { display: inline-block; width: 195px; margin: 0;  padding: 20px 25px 20px 50px; position: relative; border-radius: 5px; font-size: 14px; }
.testimonial:before  { filter: alpha(opacity=50); opacity: 0.5; content: "\201C"; position: absolute; font-size: 50px; line-height: 1;  font-weight: bold; font-family: Georgia, serif; }
.testimonial:before { top: 10px; left: 15px; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;  margin: 0 0 0 30px;}
.testimonial-author { margin: 0 0 0 60px; color: #333333; text-align:left; font-weight: bold;}
.testimonial-business { font-size: 12px; color: #a3a3a3; font-style: italic;  font-weight: normal;} 

/* Testimonial Full Width*/
.testimonial-full { line-height:normal; background:#f2f2f2; color:#333; display: inline-block; width: 90%; margin: 0;  padding: 20px 4% 20px 4%; position: relative; border-radius: 5px; }
.testimonial-full :before  {  color:#333; filter: alpha(opacity=50); opacity: 0.5; content: "\201C"; position: absolute; font-size: 50px; line-height: 1;  font-weight: bold; font-family: Georgia, serif; }
.testimonial-full :before { top:10px; left: 15px; }
.arrow-down-full { border-top:15px solid #f2f2f2; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;  margin: 0 0 0 30px;}
.testimonial-full-author { margin: 0 0 0 60px; color: #333333; text-align:left; font-weight: bold; padding-bottom:15px; display:block; }
.testimonial-full-business { font-size: 12px; color: #a3a3a3; font-style: italic;  font-weight: normal;} 

/* SINGLE POST
 * ================================================ */ 
#post_bottom {  margin-bottom: 15px;}
#share_buttons { float: right; width: 160px;}
#share_buttons_beat { float: left; width: 130px; padding-top: 15px;}
.share_button { float: left; width: 90px; padding-bottom: 7px; height: 20px;}
.share_button_facebook { float: left; width: 85px; padding-bottom: 7px; height: 20px;  }


/* COMMENTS
 * ================================================ */
.comment { display: block; padding-bottom: 5px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E9E9E9;}
.comment_text { clear:left; }
.comment_photo {  width: 60px; float: left; margin-right: 10px;}
.comment_name { padding-bottom: 5px; clear:right;}
.comment_name a { color: #535353; text-decoration: none; font-weight: bold;}
.comment_time { font-style: italic; color: #999; padding-left: 4px; font-size:12px;}
#leave_comment { float: left; padding-top: 15px; padding-right: 15px; margin-left: 15px; background:grey;}


/* 12. BEAT STORE
 * ================================================ */ 
.dataTables_length { width: 250px; float: left; font-size: 12px; padding-bottom:14px; padding-top: 5px;} /*dropdown side */
.dataTables_filter { width: 250px; float: right; text-align: right; font-size: 12px;} /*search box*/ 
.dataTables_filter input  { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC; padding: 5px;}
.dataTables_length select { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #CCC; padding: 3px;}
#example  .store_table {  }
.store_table {  text-align: left; vertical-align: middle; color: #999; clear:left; margin-top: 10px; width: 100%;}
.store_table thead th { font-size: 12px; font-weight: bold; color: #ffffff; background-color: #333; padding-top: 8px; padding-bottom: 8px; cursor: pointer; text-align: left;}
.store_table td { padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB;}
.store_table tr td { vertical-align: middle; font-size: 12px; color: #999; letter-spacing: 0; }
.store_table a { font-weight: bold; color: #2A2A2A; text-decoration: none; } /*Link */
.store_table a.button , #searchform input.button { color: #ffffff; font-weight: normal;} /*Button Bolding fix*/ 
.dataTables_info { padding-top: 16px; float: left; width: 42%; font-size: 11px; color: #cccccc;}
.dataTables_info:hover { color: #666666;}
#example_paginate { float: right; width: 40%; margin-right: 5px;}
.store_table .button, .store_table a.button { margin-bottom: 0px; padding: 3px 10px; font-size: 12px; }
a.paginate_enabled_next, a.paginate_enabled_previous { font-size: 13px; display: inline-block; color: #ffffff; text-decoration: none; padding-top: 7px; padding-right: 13px; padding-bottom: 7px; padding-left: 10px; margin-top: 10px; background-color: #3C3C3C; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
a.paginate_enabled_next:hover, a.paginate_enabled_previous:hover { cursor: pointer; background-color: #232323;}
a.paginate_enabled_next { float: right;}
a.paginate_enabled_previous { float: left;}
a.paginate_disabled_next, a.paginate_disabled_previous {   display: none;} /*Disabled buttons - Hide the buttons if less than 15 */ 
a.paginate_disabled_previous { float: left;}
a.paginate_disabled_next { float: right;}
.beat_table_50 { width: 50px;}
.beat_table_70 { width: 70px;}
.beat_table_35 { width: 35px !important;}
.beat_table_35 audio { width: 23px; }
.player { padding-left: 3px; }
.beat_table_100{  width: 55px;}
.store_table .grey { background-color: #b0b0b0;}
.beat_store_custom_code { margin-top: 15px; padding-bottom: 15px;}

/* Pagination*/
.page_nav .page-numbers{ text-decoration: none; color: #666; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; }  
.page_nav .current{ color: #FFF; text-decoration: none; border:1px solid #36ACE3; color:#FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding-right: 8px; padding-left: 8px; background-color: #36ACE3; }  
.page_nav .prev, .page_nav .next { border:none; color:#666; }  
.page_nav { float: left; padding-top: 20px; /*padding-bottom: 20px; */ width: 100%; font-size: 11px; text-align:center; }

/* 13. SINGLE BEAT PAGE
 * ================================================ */ 
#beat_player { background-color: #f4f4f4; width: 612px; border: 1px solid #e2e2e2; float:left; margin-top: 0px; margin-left: 3px; margin-bottom: 3px; }
#beat_player_top { background-image: url(images/beat_player_top.png); background-repeat: repeat-y; background-position: left;}
#player_photo_holder { padding-left: 8px;   padding-top: 10px;  padding-right: 11px; padding-bottom: 10px;   float: left; background-repeat: repeat-y; background-position: right;}
#player_photo img { height: 160px; width: 160px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#player_photo { height: 160px; background-color: #FFF; width: 160px; border: 1px solid #cdcdcd; background-image: url(images/default-thumb.jpg ); background-repeat:no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.beat_selection_menu { padding: 8px; width: 180px; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.beat_player_player { width: 410px; padding: 10px; float: right; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top;}
#beat_player_text { padding: 10px; float: right; width: 410px;}
#beat_title { font-size: 19px; font-weight: bold; color: #000; width: 405px;}
#beat_produced_by, #beat_type { font-size: 11px; color: #999999; width: 410px; padding-bottom: 6px;}
#beat_player_button a { float:right;}
#beat_player_info {  line-height: 16px; float: left; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top; width: 592px; color: #1B1B1B; padding-top: 15px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; font-size:13px;}
#beat_player_info ul { margin: 0px; padding: 0px; float:left;}
#beat_player_info li { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; display: block;}
#beat_player p { margin: 0px; padding: 0px;}
#beat_player_info p  { padding-bottom: 8px; display: block;}
#beat_player_description { padding: 0px  10px;  float: left; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top; width: 592px; color: #1B1B1B; font-size: 12px;}
.beat_player_share_button { width: 80px; float: left; margin-right: 14px;}
.beat_player_share_button_fb { width: 138px; float: left; margin-right: 10px;}
#beat_player_share { padding-top:10px;}
#beat_player h1 { font-size: 25px; line-height:28px; padding-bottom:7px;}
#beat_store_breadcrumb { font-size: 11px; background-color: #333; color: #ccc; padding: 10px; float: left; width: 593px; margin: 3px;}
#beat_store_breadcrumb a { color: #ccc; text-decoration: none;}
#beat_store_breadcrumb a:hover { color: #fff; text-decoration: underline;}
input[type="radio"]:checked + span {  font-weight: bold;}
/* Beat license list options */ .buying_options { display: block; padding: 8px; } 

.beat-information { font-size: 12px; float: left; width: 290px;  padding-bottom: 5px;}
.beat-information-left { float: left;  width: 100px; font-weight: bold;}
.beat-information-right { float: left; width: 140px; margin-right: 10px;}

/* Search Icon */
#beat_store_search_button { float:right; width: 29px; height: 29px; margin-top: 3px;  margin-right: 5px; }
#beat_store_search_button img { opacity:0.2;  }
#beat_store_search_button img:hover { opacity:0.8;}

/* Used for smaller beat store play button ****/
.store_table .player_button button  { margin-top: 10px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 3px !important; }

/* 14. CONTACT PAGE
 * ================================================ */ 
.contact { padding-bottom: 15px;}
.input { background-color: #FFF; padding: 10px; border: 1px solid #CCC; color: #666; width: 420px; margin-bottom: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.input input:focus { color: #666; border-top-color: #484848; border-right-color: #484848; border-bottom-color: #484848; border-left-color: #484848;}
#contact label, #comments_form label { padding-bottom: 7px; padding-top: 4px; font-weight:bold; display: block; }

/* 15. OTHER
* ================================================ */ 
::selection { color:#FFF;} /*Page Text Selection Safari*/ 
::-moz-selection { color:#FFF;} /*Page Text Selection Firefox*/
/* 404 Page  */ .error_search_input { background-color: #ffffff; padding: 8px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 300px; color: #333; background-image: url(images/search_icon.png); background-repeat: no-repeat; background-position: 290px center; border: 1px solid #CCC;}
.twtr-hd, .twtr-ft div { display: none;} /*Hide Twitter header*/ 
/*-- search widget --*/
.searchfield { font-size: 13px; padding: 10px 28px 10px 6px; width: 240px; border:1px solid #E7E7E7; font:inherit; color: #888; background: url("images/magnify.png") no-repeat 96% 50%;}
.twitter_button_width {width:90px; height:21px;}
.wp-caption p { margin-bottom: 15px;}
.wp-caption img { padding: 0px; margin: 0px;}
.wp-caption-text { background-color: #ececec; padding-top: 4px; padding-bottom: 4px;  padding-left: 8px;  padding-right: 8px;  font-size: 11px;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
/* Promo bar */
.promo-bar { text-align: center; position:static; width:96%; padding-left: 2%; padding-right: 2%;    padding-top:10px; padding-bottom:10px; line-height: 15px; }
.promo-bar .close { float: right; padding-right: 5px; padding-bottom: 8px;}
.promo-bar span { display: block;   }
.promo-bar a.promobar-button { color: #ffffff; text-decoration: none; background-color: #333333; font-size:10px; padding-bottom:4px; padding-top:4px; padding-left:8px; padding-right:8px; margin-left: 10px;  }

/* 16. SHORTCODES - TABLE OF CONTENT 
* ================================================ 
 * 1.  ALERTS
 * 2.  FAQ TOGGLE
 * 3.  TOOL TIPS
 * 4.  TEXT HIGHLIGHT
 * 5.  QUOTE
 **/

 /* ALERTS - Color is listed twice to be case sensitivity.
 * ================================================ */ 
.shortcode_alert { line-height: 18px; margin-bottom: 15px; padding: 13px; }
.green,.Green { background: #EEF4D4; color: #4A7D26;}
.blue, .Blue  { color: #2A5896; background-color: #C6D8F0;}
.red , .Red { color: #8D3225; background-color: #EFCEC9;}
.yellow, .Yellow { color: #9A7D00; background-color: #FFEA97;}
.grey, .Grey { color: #666; background-color: #CCC;}

 /* FAQ TOGGLE
 * Depends on jquery code
 * ================================================ */ 
h4.trigger { margin-bottom: 4px; }
h4.trigger a { color:#333; display:block; text-decoration:none; }
h4.trigger a:hover { text-decoration: underline;}
h4.active { margin-bottom: 0px;  font-weight: bold;  }
.toggle_container { line-height:19px; overflow:hidden; padding-bottom:10px;}

 /* TOOLTIPS
 * ================================================ */
.info span { display:none;}
span.info { border-bottom-color:#CCC; border-bottom-style:dotted; border-bottom-width:1px; color:#333; position:relative; text-decoration:none;}
span.info:hover span { -moz-box-shadow:0 0 5px 3px #ccc; -webkit-box-shadow:0 0 5px 3px #ccc; background-color:#FFF; border-radius:8px; box-shadow:0 0 5px 3px #ccc; color:#333; display:block; left:2em; padding:10px; position:absolute; text-align:left; top:2em; width:15em; z-index:999;}

 /* TEXT HIGHLIGHT - Color is listed twice to be case sensitivity.
 * ================================================ */ 
.text_highlight { background-clip: border-box; background-origin: padding-box; background-size: auto auto; color: #ffffff;  padding-left: 3px; padding-right: 3px;}
span.red_highlight, span.Red_highlight  { background-color: #ff0000;}
span.black_highlight , span.Black_highlight { background-color: #000000;}
span.yellow_highlight , span.Yellow_highlight  { background-color: #e4e01a;}
span.blue_highlight, span.Blue_highlight  { background-color: #4d68b1;}
span.green_highlight , span.Green_highlight  { background-color: #5ec638;}
 
 /* QUOTE
 * ================================================ */ 
.shortcode_quote { background-color: #F5F5F5; padding: 15px; font-size: 24px; font-style: italic; line-height: 30px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 15px;}
.widget .shortcode_quote { margin-bottom: 0px;}

/* 17. PHOTO GALLERY
* ================================================ */ 
#photogallery { float: left; }
#photogallery img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 8px;}
.photogalley-holder:nth-child(4n+4) {   margin-right: 0px;}
.photogalley-holder { float: left; margin-right: 30px; width: 200px; height: 225px; margin-bottom: 20px;}
 #photogallery:hover > .photogalley-holder:hover { opacity: .8;}

 /* 18. VIDEO GALLERY
* ================================================ */ 
#videogallery { float: left;  margin-bottom: 20px;}
#videogallery img { -moz-border-radius: 3px;   -webkit-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px;  margin-bottom: 8px;}
.video-holder { float: left; margin-right: 28px; width: 280px; height: 225px; margin-bottom: 20px;}
.video-holder:nth-child(3n+3) { margin-right: 0px;}
.video_play_button { opacity: .5; display: block; position: absolute; top: 0px; left: 0; width: 273px;  height: 200px;}
.video-holder:hover  { opacity: .8;}

/* 19. EVENTS
* ================================================ */ 
.event-group { width: 900px; border-bottom: solid; border-bottom-color:#F1EDED; padding-bottom: 15px; border-bottom-width: 1px; margin-bottom: 35px; float: left;}
.event-group:last-child { border-bottom: none;   padding-bottom: 0px;  margin-bottom: 15px;}
.event-group .button { margin-bottom: 0px;}
.date_holder { text-align: center; float: left; width: 55px; border: 1px solid #e7e7e7; padding: 2px;}
.date_holder_month { font-size: 11px; color: #FFF; background-color: #333; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
.date_holder_date { padding-top: 9px; padding-bottom: 9px; font-size: 24px; letter-spacing: 0px;}
.event-group h2 a {font-weight:bold; text-decoration: none; color: #333333; }
.event-group h2 a:hover { text-decoration: underline; }
.date_holder_date_content { float: right; width: 820px;}
.event_single_page { margin-right: 15px; }

/* 20. STORE
* ================================================ */ 
/* Store Home */
#store-gallery { float: left;  margin-bottom: 20px;}
#store-gallery  img , #store-product-image img { -moz-border-radius: 3px; -webkit-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px;  margin-bottom: 8px;}
.store-holder { float: left; margin-right: 28px; width: 200px; height: 250px; margin-bottom: 20px;}
.store-holder:nth-child(4n+4) { margin-right: 0px;}
/* Single */
.product-name { font-weight:bold; display: block;  padding-bottom: 4px; line-height: 16px;}
.product-price { display: block;  font-size:13px;  color: #949393;}
#store-product-information { float: left; width: 400px; padding-right: 20px;  }
#store-product-image { float: right; width: 480px; margin-bottom: 15px; height: 410px; }
.store_social_share_padding { margin-top: 10px;  opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.store_social_share_padding:hover { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
.store-holder:hover { opacity: .8;}
/* Resize fader */  #store-product-image .fader { height: 400px; width: 470px; margin-top:0px; }
/* Slideshow pagination fix */  #main #store-product-image li { padding-bottom: 0px;  line-height: 0px;} 
 #shipping { display: block;   padding-bottom: 15px; color: #666666; font-style:italic;}

 /* 21. RESPONSIVE SNIPPET
* ================================================ */ 

/* Audio Player  ****/
.mejs-container { background: #1c1c1c; }
.store_table .mejs-container, .beat_player_player .mejs-container , .widget_mp3_player .mejs-container ,  .post .mejs-container , .page-template-default .mejs-container { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
.mejs-container .mejs-controls { background: none !important; }
.mejs-controls .mejs-button button:focus { outline-width: 0px; outline-style: none !important;  }

/* Mobile Code  ****/
/* Hiding the mobile Nav by default  ****/ 
#mobile-nav-holder  { display: none;} 
.mobile-date  { display: none;} 

/* Beat Shopping Cart Widget */
/* bold */
span.edd-cart-item-title , .edd_subtotal { font-style: normal; font-weight: bold; font-size: 12px; color: #333333; }

/* Remove Button */
a.edd-remove-from-cart { font-size: 0px; float: right;  background-image: url(images/remove.png); background-repeat: no-repeat; width: 16px; text-indent: -999px; }

/* Item padding */
li.edd-cart-item { padding-bottom: 7px; padding-top: 7px; border-bottom-style: solid; border-bottom-color: #f3f3f3; border-bottom-width: 1px;}
/* Seperator Hide  */
.edd-cart-item-separator:nth-child(2), .edd-cart-item-separator:nth-child(4) { display: none;}
.edd-cart-number-of-items { display: none !important; }
.edd_subtotal { padding-bottom: 8px;}

/* Category Dropdown Menu - Appears on store, store category*/
.category_dropdown { float:right; }
.category_dropdown  select { background-color:#FFF; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-top: 8px; margin-right: 12px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; }

/*  Fix Pretty Photo Facebook Icon Spacing */
.pp_social .facebook { width: 85px !important; }

/* Grid Layout
 * ================================================ */ 
.row:after {  clear: both; content: ""; display: table; padding: 0; }
.one-full , .one-half, .one-third,  .one-fourth, .one-fifth, .two-third  { min-height: 1px; padding-right: .9375rem;  padding-left: 0; float: left; }
.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.2%;}
.one-third { width: 31.5% }
.one-fourth { width: 23.2%;}
.one-fifth { width: 18.2% }
.two-third { width: 64.9% }

/* Width 830px - Small tablet landscape (800x600) */
@media (max-width: 950px) { 
    .one-half { width: 47%; }
    .one-third { width: 30.3%; }
    .one-fourth { width: 22%; }
    .one-fifth { width: 17.5%; }
    .two-third { width: 63.9%; }
/* Image Resize */ .one-full img, .one-half img, .one-third img,  .one-fourth img, .one-fifth img, .two-third  img { width: 100%; }
}
/* Width 650px *********** */
@media (max-width: 650px) {  .one-half { width: 45%; } .one-fourth , .one-fifth { width: 46%; } }
/* Width 650px *********** */
@media (max-width: 568px) {  .one-third , .two-third { width: 95%; } }
/* Width 550px *********** */
@media (max-width: 550px) { 
    .one-half, .one-third, .one-fourth, .one-fifth , .two-third { width: 96%;  } 
    .one-half:not(:last-child), .one-third:not(:last-child), .one-fourth:not(:last-child), .one-fifth:not(:last-child) , .two-third:not(:last-child) { padding-bottom: 15px; }
}
.row br { display: none; margin: 0; padding: 0; }
.row p { margin: 0; padding: 0; }
.row { margin-top: -15px; }


/*  Sorting Menu Above Beat Store
* ================================================ */ 
#primary_nav_wrap ul { background-color:#252424; width:100%; list-style:none; position:relative; float:left;  margin:0!important; padding:0!important; z-index:200; }
#primary_nav_wrap ul a { color:#fff; text-decoration:none; }
#primary_nav_wrap ul li { color:#fff;  background-color:#252424; border-right:solid 1px #333; position:relative; float:left; margin:0; display:block; line-height:32px; font-family:'Oswald'; font-size:13px; padding-left:15px;  padding-right:15px; padding-bottom:1px!important; padding-top:1px!important; }
/* Icon */ #primary_nav_wrap .fa { padding-right:5px; }
#primary_nav_wrap ul ul {  background-color:#252424; display:none; position:absolute; top:100%; left:0; padding:0!important; margin:0!important; }
#primary_nav_wrap ul ul li { float:none; width:170px; border-right:none 0; }
#primary_nav_wrap ul ul a { line-height:120%; padding:0!important; margin:0!important; font-size:14px; }
#primary_nav_wrap ul ul ul { top:0; left:100%; }
#primary_nav_wrap ul li:hover > ul { display:block; }
/* Mobile - Hide Sort Name */
@media (max-width: 400px) { .sort_name { display:none!important; } } 


/*  Beat Store Playlist
* ================================================ */ 
/* Fixes CSS Problem */ #main #mediawrapper ul { padding: 0px; margin: 0px; }
/* Remove Link in safari */ .mejs-playlist  a { text-decoration: none; }

/*Player Buttons *************/
/* Start: Previous */ .mejs-controls .mejs-prevtrack button { background: transparent url(css/controls-playlist.png) no-repeat !important; background-position: 0 -16px !important; }
/* Start: Next */ .mejs-controls .mejs-nexttrack button { background: transparent url(css/controls-playlist.png) no-repeat !important; }

/*Main Container**************/
/* Active Player */
.mejs-playlist { height: 650px !important; color:#FFF; margin-bottom: 15px; clear: both; display: block;  float: left; overflow-y: auto; margin-top: 30px; background: #1e1e1e; }
/* Not in use right now */
.dev .mejs-playlist {
	/* position: absolute; left: 0; overflow: auto;  overflow: hidden; */
    height: 580px !important; /* Sets height of payer 30px higher than scroll bar window*/
    color:#FFF; margin-bottom: 15px; clear: both; display: block;  float: left; }
 .mejs-playlist ul { margin: 0; padding: 0; }
 .mejs-playlist li { color: white; overflow: hidden; font-size: 16px; list-style-type: none; padding: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #353535; min-height: 46px; }

/* Playlist Font */
.mejs-playlist span.name {font-family:'Oswald'; }

/*My Customer Design Elements *************/
/*Holds beat name and genre */
.cname { display: block; width: 55%; float: left;   }
.mejs-playlist .plthumb { float: left; margin-right: 15px; background-image: url("images/default-thumb-40.jpg"); background-repeat: no-repeat; width: 40px; height: 40px; }
.mejs-playlist .name { display: block; }
.mejs-playlist .genre { color: #4C4C4C; display:block; font-size: 11px; padding-top: 3px; }
.mejs-playlist .pltext { float: right; padding-top: 11px; font-size: 12px; font-weight: normal; color: #999; margin-right: 15px; }
.mejs-playlist .plbutton { float: right; padding-left: 10px; padding-right: 10px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }

/* Icons */
.mejs-playlist .fa { font-size: 25px !important; color: #cccccc; }

/*Current Item*************/
.mejs-playlist li.current { color: #ffffff; /* background-color: #0087bf; font-weight: bold; */ }

/* Store Icon */
.mejs-playlist li.current .fa { color: #ffffff; }

/*Current item sub text */
.mejs-playlist li.current span.genre, .mejs-playlist li.current .pltext{ color: #ffffff; font-weight: normal; }
/*Hover*/
.mejs-playlist li:hover, .mejs-playlist li:hover span.genre, .mejs-playlist li:hover .pltext, .mejs-playlist li:hover .fa { color: #ffffff; /* background-color: #0087bf; */ }

/*Play Button Focus*/
.mejs-controls .mejs-button button:focus { outline-width: 0px;}

/* Responsive Code*/
/*600px*/
@media (max-width: 600px){ .mejs-playlist .plthumb { display: none; } /*Hide Image*/ }
/*500px*/
@media (max-width: 500px){ by {display: none;} }
/*400px*/
 @media (max-width: 400px) {
.mejs-container { width:100%;}
.mejs-playlist .genre { font-size: 13px; }
.cname { width: 80%;  }
.mejs-playlist .pltext { float: left !important; width: 80%; padding-top: 0px; }
}
/* Edit Link */
.name a.edit-beat {  padding-left: 5px; display: none; color: #ffffff; }
.mejs-playlist li:hover .name a.edit-beat { display: inline; }
.mejs-playlist .edit-beat .fa  { font-size: 18px !important; } /*  Edit Icon */

/* Hightlight Icons */
.new_icon , .sale_icon , .popular_icon {  width: 16px; height: 16px; display: inline-block; margin-left: 5px; }
.new_icon { background: transparent url(images/new.png) no-repeat; }
.sale_icon { background: transparent url(images/for_sale.png) no-repeat; }
.popular_icon {  background: transparent url(images/star.png) no-repeat; }


/* Search Widget */
.beat_search_input { width: 88%; padding-bottom: 9px;  padding-top: 9px; padding-left: 5%;  padding-right: 7%;  font-size: 13px; border-radius: 5px; background-image: url("images/search_icon_inactive_fade.png"); background-repeat: no-repeat; border-width: 1px; border-style: solid; border-color: #cccccc; background-position: 95% center;   color: #8A8A8A !important;  }

@media (max-width: 950px) { .beat_search_input { padding-left: 3%; padding-right: 9%;  } }
 .beat_search_input:focus , .beat_search_input:hover { color: #000000 !important;  background-image: url("images/search_icon_inactive.png"); }
    
/* Widget - CSS for sort_beats_dropdown.php widget */
.sorting_select select { border: 1px solid #cccccc; padding: 8px; width: 99%; margin-bottom: 8px;  font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
@media (max-width: 950px) {.sorting_select select { width: 30%; margin-right: 10px;}}
@media (max-width: 780px) {.sorting_select select { width: 40%; margin-right: 10px;}}
@media (max-width: 550px) {.sorting_select select { width: 90%; margin-right: 10px;}}

/* Pagination Buttons */
#pagination_buttons .button { font-size: 13px;} 
#pagination_buttons .pag_number, #pagination_buttons .current , #pagination_buttons .dots  { display: none;} 

/* EDD Page Updates  */
/* Make form page inputs bigger   */
#edd_checkout_form_wrap input[type="text"], 
#edd_checkout_form_wrap input[type="email"], 
#edd_checkout_form_wrap input[type="password"], 
#edd_checkout_form_wrap textarea
{ padding: 10px; font-size: 15px; }

/* Makes price bigger  */
#edd_final_total_wrap { font-size: 16px;}

/* Adds space under show link */
#edd_show_terms { padding-bottom: 10px;}

/* remove border on button */
#edd-purchase-button, .edd-submit, input.edd-submit[type="submit"]
{ border: 0px; font-size: 19px; font-weight:  bold;   margin-bottom: 0px  !important;}

/* Working Beat Store Tooltip */
.tooltip_beat ul , .tooltip_beat li { padding: 0px !important; }
.tooltip_beat li { padding-bottom: 5px !important; } 
.hover_tooltip_beat { position:relative;  top:50px; left:50px; background:red; width: 70px; }

.tooltip_beat {
  top:-10px;
  background-color:#ffffff;
  padding: 10px;
  color: #333333;
  border-radius:5px;
  opacity:0;
  position:absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition:  opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition:  opacity 0.5s;
  transition:  opacity 0.5s;
  width: 300px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 18px -1px rgba(207,207,207,0.92);
  -moz-box-shadow: 0px 0px 18px -1px rgba(207,207,207,0.92);
  box-shadow: 0px 0px 18px -1px rgba(207,207,207,0.92);
 }
 .hover_tooltip_beat:hover .tooltip_beat { opacity:1; }

/* Hide Search Input */
.header_site_search { display: none; }


/* Cart Widget  */
.edd-cart-meta.edd_subtotal, .edd-cart-meta.edd_total { background-color: #ffffff; padding-bottom: 10px; padding-top: 10px; padding-left: 0px; color: #333333; }
.widget .edd-cart .edd_checkout { margin-bottom: 5px;}

/* Licensing info */
#license td{
border: block;
}