/*
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, product store, and more.
Version: 2.21
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:  Custom-Background, Custom-Menu
Copyright: (c) 2013 - 2017 HipHopMakers.
License: GNU General Public License v1.0
License URI: http://www.gnu.org/licenses/gpl-1.0.html
Text Domain: musicmaker
*/

/* 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.  */


/* Table of Contents
===============================================

1. CSS RESET
2. Common Elements
3. Site Structure
4. Navigation Menu
5. Header
6. Beat Store Playlist
7. Modal Overlay Window
8. Beat Sorting Bar
9. Main Content
10. Homepage Banners
11. Footer
12. Widgets
13. Buttons
14. Single Post
15. Share Buttons
16. Comments
17. Beat store table
18. Single beat page
19. Contact page
20. Promo bar
21. Shortcodes
22. Photo gallery
23. Single product page
24. Video gallery
25. Events
26. Grid layout
27. Easy digital download changes
28. Mixed elements
29. Loading animation
30. Responsive code

- Lowercase Text  - https://convertcase.net/
- Clean CSS
 - http://e10host.com/css-beautifier
 - http://codebeautify.org/css-beautify-minify#
=============================================== */

/* 1. 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}

a, #right_side a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}

img a,
a img {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}
/*a img {
  border: 0;
  text-decoration: none;
}*/
strong{font-weight: bold}
em{font-style: italic}
audio{width: 0;height: 27px;display: block}

/* 2. Common Elements
 * ================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 10px;
    line-height: normal;
    display: block;
    font-weight: bold;
}
h1 { font-size: 32px; }
h2 { font-size: 28px; 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: 15px; }
dl { margin-bottom: 15px;}
dt { font-weight: bold; padding-bottom: 4px; }
dd { padding-left: 10px; padding-bottom: 8px; }
strong, b { font-weight: bold;}
hr { 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 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; }
blockquote {
  border-left-width: 7px;
  margin-bottom: 20px;
  border-left-style: solid;
  border-left-color: #333;
  padding-left: 15px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

blockquote p { padding-bottom: 15px;}

/* 3. Site Structure
 * ================================================ */
body {
  background-color: transparent;
}

#wrapper {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

#content {
  float: left;
  width: 960px;
  padding-bottom: 5px;
  padding-top: 20px;
}

#right_side {
  width: 300px;
  margin-right: 10px;
  float: right;
}

.leftside,
.fullwidth {
  padding: 20px;
/*  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;*/
}

.fullwidth {
  width: 900px;
}

.leftside {
  width: 580px;
}

#main {
  margin-left: 10px;
  float: left;
}

/*
html, body {
  height: 100%;
}
*/

/* Used for sticky footer */
#wrapper {
  min-height: 90%;
  height: auto !important;
  height: 90%;
}


/* 13. Buttons - SIZE IS LISTED TWICE TO BE CASE SENSITIVE.
 * ================================================ */

.button,
a.button,
.widget .edd_checkout,
#pagination_buttons .button,
#comments_form .button,
#search-inputs .button,
.continue_shopping {
  font-size: 16px !important;
   font-weight: normal !important;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 8px 25px!important;
  line-height: 25px !important;
  margin-bottom: 15px !important;
  border-style: none !important;
  cursor: pointer !important;
 /*Fixes iphone safari styling */
  -webkit-appearance: none !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -khtml-border-radius: 2px !important;
  border-radius: 2px !important;
}

/* Continue Shopping Button */
.continue_shopping {
  background-color: #bfbfbf;

}
.continue_shopping:hover {
  background: #333333;
  text-decoration: none;
  color: #ffffff;
}

a.button:active,
a.button:hover,
.button:hover,
#right_side .edd_checkout a {
  color: #ffffff !important;
}

a.medium , a.Medium {
  font-size: 18px !important;
  font-weight: bold;
  padding: 10px 30px !important;
}

a.big, a.Big {
  font-size: 23px !important;
  font-weight: bold;
  padding: 15px  30px !important;
}

a.huge , a.Huge {
  font-size: 30px !important;
  font-weight: bold;
  padding: 18px  20px !important;
}

a.toohuge , a.Toohuge {
  font-size: 35px !important;
  font-weight: bold;
  padding: 20px 30px !important;
}

img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 1.25em;
}

.more-link .button {
  margin: 0;
}

/* Removes padding on more button */
.more-link {
  display: block;
  margin-top: 15px;
}

.comment_photo img,
.promobar-button {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

/* Buy Button - Used in the beat store playlist and beat store plaginated table */
.buybutton ,
.buybutton:hover {
  background: #333333;
  font-size: 12px !important;
  color: #ffffff !important;
  border-radius: 3px;
  text-decoration: none;
  padding: 5px 10px !important;
  margin-top: 6px;
  font-weight: normal !important;
}

/* 4. Navigation Menu
* - Mobile Menu - w3schools.com/howto/howto_js_topnav_responsive.asp
* ================================================ */

ul.topnav {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* Toggle button */
ul.topnav .menu-button {
  font-size: 20px !important;
  /*color: #ffffff !important;*/
  padding-top: 8px !important;
  margin: 0px!important;
  padding-right: 20px;
}

ul.topnav li.icon {
  display: none;
}

ul.topnav li {
  float: left;
}

ul.topnav li a {
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: 0.3s;
}

/*ul.topnav li.current-menu-item a , ul.topnav li a:hover {
  color: #fff;
} */
/* Remove Dropdown Menu Below 881  */
@media (max-width:3000px) and (min-width:881px) {
  .topnav ul li ul {
    display: none;
    z-index: 1000;
  }

  .topnav ul li ul li.current-menu-item {
    border-bottom-width: 0px;
  }

  .topnav li:hover ul {
    left: auto;
  }

  .topnav ul li:hover ul {
    display: block;
    position: absolute;
    margin-top: 0px;
    border-top-width: 3px;
    border-top-style: solid;
    width: 200px;
  }

  .topnav ul li ul li a {
    display: block;
    white-space: nowrap;
    width: 180px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    text-align: left;
    padding: 10px;
  }

  .topnav li li ul {
    margin: -1px 0 10px 200px;
    visibility: hidden;
  }

  .topnav li li:hover ul { visibility: visible;  }

  .topnav li li:hover ul { visibility: visible; }

  .topnav ul ul li a { float: left; }

}

@media screen and (max-width:880px) {
/*  ul.topnav li.current-menu-item a {
    color: #999;
  }*/

  ul.topnav li a {  font-size: 15px; }

  ul.topnav li ul li { display: none;}

  ul.topnav li:not(:first-child) { display: none; }

  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

  ul.topnav.responsive { position: relative; }

  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  ul.topnav.responsive li {
    float: none;
    display: inline;
  }

  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

  .wpmenucartli {
    float: left !important;
  }
}
/* Active Link  */.current-menu-item {
  color: #fff;
  text-decoration: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding-bottom: 0px;
}
/* Remove top Border */.topnav ul li:hover ul {
  border-top-width: 0px;
}

/* 5. Header
* ================================================ */

.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;
  font-size: 30px;
  font-weight: bold;
}

#header_wrapper ::-webkit-input-placeholder {
  color: #121212;
}

#site_logo {
  float: left;
}

#site_logo h2 {
  display: none;
}

#site_name {
  padding-top: 5px;
  width: 575px;
}

/* Header Sub Text */
.header_subtext {
  font-size: 12.5px;
  padding-bottom: 5px;
  padding-top: 2px;
}

/**------------  Header Search Input ------------**/

li.header-search-list { float: right !important; }

.header_site_search {
  font-size: 15px;
 /* color: #999999;*/
  margin-top: 5px;
   /* margin-top: 9px;*/
  background-color: transparent;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
  padding-left: 10px;
  margin-right: 10px;
  border-style: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  width: 120px;
  background-image: url(images/search_icon_inactive.png);
  background-repeat: no-repeat;
  background-position: 110px center;
}

.header_site_search:hover/*, .header_site_search:hover ::placeholder*/ {
  color: #333333;
  background-color: #fcfcfc;
  font-style: normal;
  background-image: url("images/search_icon.png");
  transition-duration: 1.0s;
}


/* Header Social Icons
 * ================================================ */
#header_social_icons {
  float: right;
  width: 360px;
  text-align: right;
  margin-right: 10px;
  margin-top: 2px;
}

#header_social_icons .circle {
  background-color: transparent;
  border-radius: 50%;
  width: 46px;
  height: 36px;
  text-align: center;
  font-size: 27px;
  padding-top: 10px;
  margin-right: 12px;
}

#header_social_icons .circle:hover {
  transition-duration: .8s;
  color: #ffffff;
  opacity: 1;
}

#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;}
#header_social_icons .fa-apple:hover { background: #666666 !important;}

/* 6. Beat Store Playlist
 * ================================================ */

/* Player */
.mejs-playlist {
  color: #ffffff;
  margin-bottom: 15px;
  clear: both;
  display: block;
  float: left;
  overflow-y: auto;
  margin-top: 30px;
  background: #1e1e1e;
}

.mejs-playlist ul {
  margin: 0;
  padding: 0;
}

.mejs-playlist li {
  color: #ffffff;
  overflow: hidden;
  font-size: 16px;
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 0px !important;
  padding-left: 5px;
  padding-right: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #353535;
  min-height: 65px;
}
/* Thumb */
.mejs-playlist .plthumb {
  background-size: 60px 60px;
  float: left;
  background-image: url("images/default-thumb.jpg");
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

/* Thumb IMG */
.mejs-playlist .plthumb ,
.mejs-playlist .plthumb img {
  width: 60px;
  height: 60px;
}

.mejs-playlist .name {
  display: block;
  padding-top: 8px;
  margin-left: 15px;
}
/* Playlist Font */
.mejs-playlist span.name {
  font-size: 16px;
  padding-bottom: 2px;
}
/* Beat Name */.cname {
  display: block;
  width: 55%;
  float: left;
}
 /* Genre */
.mejs-playlist .genre {
  color: #4C4C4C;
  display: block;
  font-size: 13px;
  margin-left: 15px;
}

#main .mejs-playlist { line-height: normal;}

.mejs-playlist .pltext {
  float: right;
  padding-top: 24px;
  font-size: 13px;
  font-weight: normal;
  color: #999999;
  margin-right: 15px;
}

.mejs-playlist .pltext a {
  color: #999999;


}

.mejs-playlist .plbutton {
    float: right;
    margin-top: 17px;
    margin-right: 5px;
}
/* Icons */
.mejs-playlist .fa {
  font-size: 25px !important;
  color: #cccccc;
}
/* Current Item */
.mejs-playlist li.current {
  color: #ffffff;
  background-color: #2e2c2c;
}
/* 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: #cccccc;
}
/* Play Button Focus*/
.mejs-controls .mejs-button button:focus {
  outline-width: 0;
}
/* Fixes CSS Problem */
#main #mediawrapper ul {
  padding: 0;
  margin: 0;
}
/* 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;
}
/* Responsive Code  */
/*600px*/
@media (max-width: 600px) {
  /* Hide Thumb */
    .mejs-playlist .plthumb {
    display: none;
  }
}
/*500px*/
@media (max-width: 500px) {
  /* Hide Produced By */
    by { display: none; }
}


/*400px*/
@media (max-width: 400px) {

  /* Beat Store Text */
  .mejs-playlist .genre {
    color: #777777;
    font-size: 15px;
    padding-top: 5px;
  }

    .mejs-playlist span.name {
       font-size: 17px;
        padding-bottom: 2px;
    }

  .mejs-playlist .pltext {
    font-size: 13px;
    color: #999999;
  }

  .mejs-playlist .cname {
    width: 80%;
  }

   #primary_nav_wrap ul li {
      width: 19%;
    }

    .count {
     margin-right: 10px;
   }

  .mejs-playlist .pltext,
  .mejs-playlist .pltext a {
    float: left !important;
    width: 80%;
    margin-left: 15px;
    padding-bottom: 12px;
    padding-top: 8px;
    font-size: 14px;
  }

  .mejs-playlist .pltext a {
    margin-left: 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;
}
/* 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;}
/* Beat Store Social Share Icons  */
.beat-store-social-buttons {
  display: none;}

.mejs-playlist li:hover .beat-store-social-buttons {
  display: block; }

.beat-store-social-buttons a {
  margin-right: 5px;}

.beat-store-social-buttons .fa {
  font-size: 20px !important;
}

.dev .mejs-playlist {
  height: 580px !important;
 /* Sets height of payer 30px higher than scroll bar window*/
  color: #FFF;
  margin-bottom: 15px;
  clear: both;
  display: block;
  float: left;
}

/* 7. Modal Overlay Window
* ================================================ */

/* Overlay - Remove Padding */
.remodal {
  padding: 0px 0px 28px 0px !important;
  width: 600px !important;
}

/* Modal Responsize Size */
@media (max-width: 601px) {
    .remodal { width: 100% !important; }
}

/* Beat Name */
.remodal h3 { margin-top: 15px; }

/* Modal Image */
.remodal .overlay-image-bg img {
    margin-top: 20px;
    height: auto;
    width: 240px;
    padding-bottom: 0;
    /* Image Shadow */
    -webkit-box-shadow: -1px -1px 28px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: -1px -1px 28px 0px rgba(0,0,0,0.33);
    box-shadow: -1px -1px 28px 0px rgba(0,0,0,0.33);
    position: relative;
}

/* Modal Background Image */
.overlay-image-bg   {
    height: 205px;
    margin-bottom: 70px;
    background-color: #252424;
}

/* Animated Bars */
.overlay-image-bg::before  {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
/*  height: 100%;*/
    height: 207px;
  opacity: 0.05;
  background-repeat: no-repeat;
  background-position: left 120px;
  background-image: url("images/animated-bars.gif");
}

/* License Text */
.remodal .edd_download_purchase_form label {
  font-size: 18px;
  display: inline-block;
  padding-bottom: 10px;
}

/* Radio Button */
.remodal input[type=radio] {
  width: 19px;
  height: 19px;
}

/* Close Button */
.remodal-close:before {
  font-size: 40px !important;
  color: #ccc ;
}
.remodal-close {
  margin: 12px 0px 0px 10px !important;
  z-index: 5;
}
.remodal-close:hover,
.remodal-close:focus {
  color: #ccc;
}

/* Responsive */
@media (max-width: 480px) {
  .remodal-close { margin-top: 12px; margin-left: 5px !important;
  }
}

/* Social Images */
.remodal .social_share_buttons {
  margin-top: 10px;
}

.remodal .social_share_buttons i {
  text-align: center;
  float: none;
  margin-bottom: 0;
  opacity: 0.5;
}

.remodal .social_share_buttons:hover i {
  opacity: 1;
}

/* 8. BEAT SORTING BAR
* https://codepen.io/philhoyt/pen/ujHzd
* ================================================ */

#beat_sort_bar{ background-color: #252424;}

#beat_sort_bar ul {
    width: 100%;
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background-color: #252424;
    z-index: 5;
}

#beat_sort_bar ul li {
    position:relative;
    float:left;
    margin:0;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px!important;
    padding-top: 1px!important;
    border-right: solid 1px #333333;
    min-height: 33px;
    line-height: 32px;
    background-color: #252424;
    text-align: left;
}

/* Icon */
#beat_sort_bar#beat_sort_bar .fa {
    padding-right: 5px;
}

#beat_sort_bar ul li ul li {
      display:block;
}

#beat_sort_bar ul a {
    color:#fff;
    text-decoration:none;
    font-weight:500;
    font-size: 13px;
    padding: 2px 15px;

}

#beat_sort_bar ul ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0;
}

#beat_sort_bar ul ul li {
    float:none;
     width:130px;
}

#beat_sort_bar ul ul li ul li {
    float:none;
     width:200px;
}


#beat_sort_bar ul ul a {
    line-height:120%;
    padding:10px 15px
}

#beat_sort_bar ul ul ul {
    top:0;
    left:100%
}

#beat_sort_bar ul li:hover > ul {
    display:block
}

 /* Sorting Bar Count Number */
.count {
    font-size: 12px;
    background: #333333;
    color: #fff;
    width: 25px;
    height: 25px;
    padding-top:0px;
    margin-left: 5px;
    float: right;
    text-align: center;
    clear: left;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    line-height:25px;
    margin-top: 3px;
    margin-right: 5px;
    font-weight: normal !important;
}

 /* Cart Number */
.sorting_cart { float: right !important;}
.sorting_cart_number {
    border-radius:50%;
    padding: 1px 8px;
    margin-left: 5px;
    color:#fff;
    text-align: center;
    background: #333; }

/* working search input */

li.beat-search-search-input {
    float: right !important;
    padding-right: 10px !important;
    padding-left: 5px !important;
}

li.beat-search-search-input input {
    padding: 5px 8px;
    border: none;
    background-image: url("images/search_icon_inactive_fade.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

li.beat-search-search-input:hover {
 background: none !important;
}



/* Sorting Bar Responsive  */
@media (max-width: 450px) {
    #beat_sort_bar ul li { border-right:  0px; }
    li.sorting_cart { float: left !important; }
    li.beat-search-search-input { float: left  !important; width: 90%; padding-left: 15px !important;}
    li.beat-search-search-input input { width: 90%; }
}

/* 9. Main Content
 * ================================================ */

h1#content_header {
  font-size: 30px;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.post {
  margin-bottom: 25px;
  padding-bottom: 15px;
  padding-top: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.post:last-child {
  margin-bottom: 0;
  border-bottom-width: 0px;
  border-bottom-style: none;
}

h2.title {
  font-size: 30px;
  line-height: 38px;
}

h2.title a,
h1.title a {
  text-decoration: none;
}

.blog_post_comments {
  font-size: 13px;
  margin-bottom: 15px;
  display: block;
}

.blog_post_content {
  padding-top: 10px;
  border-top-width: 1px;
  border-top-style: solid;
}

#blog_post_archive_nav {
  padding-top: 0px;
}

.full_archive_nav {
  width: 900px;
  float: left;
}
/* Blog Featured Image */
.featured-image img {
  padding-bottom: 15px;
  width: 100%;
  height: auto;
}


/* 10. Homepage Banners
* ================================================ */

#home_banner_container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}

.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: #ffffff;
  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: #ffffff;
  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: 999999;
}

#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);
}
/* Homepage Banner Dots */
/* Hide Dots */.fader .pager_list {
  display: none;
}
/* Show Dots on Roll Over */.fader:hover .pager_list {
  opacity: 0.5;
  display: block;
}

/* 11. Footer
 * ================================================ */

.widget_holder {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 5px;
}

.widget_holder_sub {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 15px;
  padding-right: 10px;
  padding-left: 10px;
}

.footer_widget {
  float: left;
  width: 290px;
  margin-right: 34px;
}

.footer_widget:nth-child(3n+3) {
  margin-right: 0px;
}

.footer_widget h3 {
  padding-bottom: 10px;
  font-weight: bold;
}

.footer_widget p {
  padding-bottom: 15px;
  line-height: 18px;
}

/*Footer padding */
#footer
{
  margin-bottom: 15px;
}

/* Footer Widgets Code */
#footer #widget_recent_post li a,
#footer #widget_new_beats li a ,
#footer #widget_new_beats li a span ,
.footer_widget a  ,
#footer .sidebar-social a,
#footer .widget {
  text-decoration: none;
}

#footer #widget_recent_post li,
#footer #widget_new_beats li {
  padding-left: 0px;
}

#footer .widget {
  background-color: transparent;
  padding: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#footer .widget h3 {
  border-bottom-width: 0;
  border-bottom-style: none;
}

#footer_copywrite {
    font-size: 13px;
}

#footer_copywrite li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 8px;
}

#footer_copywrite p {
  font-size: 10px;
  line-height: 17px;
}

#footer_sub {
  width: 100%;
}

#footer_sub a {
  text-decoration: none;
}

#footer_sub .current-menu-item {
  border-bottom-width: 0px;
  border-bottom-style: none;
}

/* Shopping cart button in footer */
#footer .widget .edd-cart .edd_checkout a {
    color: #ffffff ;
}

/* 12. Widgets
 * ================================================ */

/*Default Widgets*/
.widget {
  line-height: 20px;
  float: left;
  width: 270px;
  margin-bottom: 15px;
  padding: 15px;
}

.widget h3 {
  font-weight: bold;
  width: 270px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  float: left;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.widget p:last-child {
  padding: 0px;
}

#widget_recent_post li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 7px;
  padding-bottom: 7px;
  padding-left: 5px;
  display: inline-block;
  width: 100%;
}

/* Recent Post Image */
#widget_recent_post li img {
  float: left;
  height: 50px;
  width: 50px;
  padding-top: 3px;
  margin-right: 10px;
  padding-bottom: 3px;
}

#widget_new_beats li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 7px;
  padding-bottom: 7px;
  padding-left: 0px;
  display: block;
  width: 265px;
  float: left;
}

#widget_products li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  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,
#widget_products li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

#widget_recent_post li span.genre,
#widget_new_beats li span.genre {
  display: block;
  padding-top: 0px;
}

#widget_recent_post li:last-child,
#widget_new_beats li:last-child ,
#widget_products 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;
}

#widget_products li img {
  float: left;
  height: 50px;
  width: 50px;
  padding-top: 3px;
  margin-right: 10px;
  padding-bottom: 3px;
}
/* Hide File Download Error */
.widget .me-cannotplay span ,
table.store_table .me-cannotplay span {
  display: none;
}

/**------------  WIDGETS: TAGS, GENRE, CATEGORIES, TAGS
——————**/

.widget li.cat-item a {
  color: #ffffff !important;
}
.tagcloud a,
.widget li.cat-item  {
  color: #ffffff !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  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 a,
.tagcloud a:hover {
  color: #ffffff !important;
  text-decoration: none;
}

/**------------  WIDGET: SOCIAL ICONS ——————**/

.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);}

/**------------  WIDGET: BIG SOCIAL ICONS ——————**/

#now_social i {
  font-size: 30px;
  color: #ffffff;
  width: 60px;
  padding-top: 13px;
  padding-bottom: 15px;
  height: 25px;
  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;}

/**------------  WIDGET: BEAT BUYING STEPS ——————**/

.buy-step span {
  font-size: 13px;
  line-height: 19px;
  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;
}

/**------------  WIDGET: TEXT BANNER ——————**/

.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: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

/**------------  WIDGET: PHOTO GALLERY ——————**/

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

/* 500px */
 @media (max-width: 500px)  {
    .photos_widget img {
      width: 45% !important;
      height: auto;
      display: inline-block;
      margin: 6px 2%;
    }
}

/**------------  WIDGET: BEAT SEARCH ——————**/

.beat_search_input {
  width: 88%;
  padding-bottom: 9px;
  padding-top: 9px;
  padding-left: 5%;
  padding-right: 7%;
  font-size: 13px;
  border-radius: 2px;
  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: EVENTS ——————**/

.event_widget a {
  font-weight: bold;
  display: block;
  padding-top: 2px;
}

.event_widget_date {
  float: left;
  width: 34px;
  margin-right: 10px;
}

.event_widget_month {
  text-align: center;
  font-size: 10px;
}

.event_widget_date_number {
  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;
  margin-bottom: 8px;
  width: 100%;
}

/**------------ WIDGET: TESTIMONIAL ——————**/

.testimonial {
  display: inline-block;
  width: 195px;
  margin: 0;
  padding: 20px 25px 20px 50px;
  position: relative;
  border-radius: 2px;
 /* 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;
}

.testimonial:before,
.testimonial-full :before {
  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;
  text-align: left;
  font-weight: bold;
}

.testimonial-business {
  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: 2px;
}

.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;
}

.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;
  text-align: left;
  font-weight: bold;
  padding-bottom: 15px;
  display: block;
}

.testimonial-full-business {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

/**------------ WIDGET: BEAT SORT DROPDOWN MENU ——————**/
/* CSS for sort_beats_dropdown.php */

.sorting_select select {
  border: 1px solid #ccc;
  padding: 8px;
  width: 99%;
  margin-bottom: 8px;
/*  font-size: 12px;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

@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;
  }
}


/* 14. 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;
}

/* 15. Share Buttons
 * ================================================ */

.social_share_buttons {
    width: 100%;
    float: left;
    font-size: 15px;
}
.social_share_buttons i {
    margin-right: 8px;
    color: #ffffff;
    width: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 13px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.social_share_buttons .fa { font-size:0.9em; }
.social_share_buttons .fa-facebook { background-color: #3c599b; }
.social_share_buttons .fa-twitter { background-color: #1bb2e9; }
.social_share_buttons .fa-google-plus { background-color: #c53c2a;}
.social_share_buttons .fa-pinterest{ background-color: #cd1f28; }
.social_share_buttons .fa-envelope { background-color: #bcbcbc; }

/* Single Store */
.single-store .social_share_buttons { margin-top: 20px; }

/* 16. 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 {
  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;
}

/* 17. BEAT STORE TABLE
 * ================================================ */
.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: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #CCC;
  padding: 5px;
}

.dataTables_length select {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #CCC;
  padding: 3px;
}

#example .store_table {}

.store_table {
  text-align: left;
  vertical-align: middle;
  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;
   font-size: 12px;
}

.store_table tr td {
  vertical-align: middle;
  letter-spacing: 0;
}

.store_table a {
  font-weight: bold;
  text-decoration: none;
}

/*Link */
.store_table a.button ,
#searchform input.button {
  color: #ffffff;
  font-weight: normal;
  font-size: 12px !important;
}

/*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;
}

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: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

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;
}

/* Pagination */
.page_nav .page-numbers {
  text-decoration: none;
  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: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  padding-right: 8px;
  padding-left: 8px;
}

.page_nav .prev,
.page_nav .next {
  border: none;
}

.page_nav {
  float: left;
  padding-top: 10px;
  width: 100%;
  font-size: 13px;
  text-align: center;
/*  margin-bottom: 15px;*/
}

/*.store_post .page_nav {
  padding-bottom: 0 !important;
    margin-bottom: 0;
}*/

/* 18. SINGLE BEAT PAGE
 * ================================================ */

#beat_title {
  float: left;
  background-color: #333;
  margin-top: 3px;
  margin-right: 3px;
  margin-left: 3px;
  padding-left: 15px;
  padding-bottom: 0px;
  padding-top: 10px;
  padding-right: 15px;
  width: 583px;
  margin-bottom: 10px;
}

#beat_title h1 {
  font-size: 25px;
  color: #ffffff;
  float: left;
}

#beat_store_home {
  float: right;
  font-size: 14px;
  padding-top: 10px;
}

#beat_store_home a {
  color: #666666;
  text-decoration: none;
}

#beat_store_home .fa {
  color: #cccccc;
  font-size: 14px;
}

#beat_player {
 /* width: 613px;*/
    width: 100%;
  float: left;
  margin-top: 0px;
  margin-left: 3px;
  margin-bottom: 3px;
}

#player_photo_holder {
 /* padding-left: 13px;*/
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  float: left;
  margin-bottom: 15px;
}

#player_photo {
  height: 160px;
  background-color: #FFFFFF;
  width: 160px;
  background-image: url(images/default-thumb.jpg );
  background-repeat: no-repeat;
}

#player_photo img {
  height: 160px;
  width: 160px;
}

#beat_player_text {
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-top: 10px;
  float: right;
  width: 415px;
}

.beat_player_player {
  width: 395px;
  padding-left: 15px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-top: 10px;
  float: left;
}
/* Strech Audio Player */
.single-download .mejs-container {
  width: 100% !important;
}

#beat_player_info {
  line-height: 20px;
  float: left;
  padding-bottom: 15px;
  font-size: 15px;
}

#beat_player_info ul {
  margin: 0px;
  padding: 0px;
  float: left;
}

#beat_player_info li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
}

 #beat_player p {
  margin: 0px;
  padding: 0px;
}

#beat_player_info p {
  padding-bottom: 15px;
  display: block;
}

#beat_player_description {
  float: left;
}

.beat_player_share_button {
  width: 80px;
  float: left;
  margin-right: 14px;
}

.beat_player_share_button_fb {
  width: 138px;
  float: left;
  margin-right: 10px;
}
/* Beat license list options */
.buying_options {
  display: block;
  padding: 8px;
}

.beat-information {
  float: left;
  width: 290px;
  padding-bottom: 10px;
}

.beat-information-left {
  float: left;
  width: 90px;
  font-weight: bold;
}

.beat-information-right {
  float: left;
  width: 150px;
  margin-right: 10px;
}

.beat_selection_menu {
  padding: 8px;
  width: 180px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

#beat_player_button a {
  float: right;
}

input[type="radio"]:checked + span {
  font-weight: bold;
}
/* 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;
}

/* Remove Padding from Checkout button */
.single-download .beat_player_player .button { margin-bottom: 10px !important; }
.single-download .edd_download_purchase_form { margin-bottom:0 }

/* 19. 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: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

.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;
}

/* 20. 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;
}

.promo-bar span {
  display: block;
}

.promo-bar a.promobar-button {
  color: #ffffff;
  text-decoration: none;
  background-color: #333333;
  font-size: 13px;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 10px;
}

/* 21. SHORTCODES
* =============================================== */

/**------------  Alerts  ——————**/
.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 {
  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: 2px;
  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;
  margin-bottom: 15px;
}

.widget .shortcode_quote {
  margin-bottom: 0px;
}

/* 22. PHOTO GALLERY ( 4 Columns of Images )
* ================================================ */

#photogallery {
  float: left;
}

#photogallery img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 3px;
}

.photogalley-holder:nth-child(4n+4) {
  margin-right: 0px;
}

.photogalley-holder {
  float: left;
  margin-right: 30px;
  width: 200px;
  margin-bottom: 20px;
  text-align: center;
}

#photogallery:hover > .photogalley-holder:hover {
  opacity: .8;
}

/* 23. SINGLE PRODUCT PAGE
* ================================================ */

/* Store Home */
#store-gallery {
  float: left;
}

#store-gallery img ,
#store-product-image img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
 /*  margin-bottom: 8px; */;
}

.store-holder {
  float: left;
  margin-right: 28px;
  width: 200px;
  height: 250px;
  margin-bottom: 20px;
  text-align: center;
}

.store-holder:nth-child(4n+4) {
  margin-right: 0px;
}
/* Single Page */
.product-name {
  font-weight: bold;
  display: block;
  padding-bottom: 4px;
  line-height: 16px;
  padding-top: 7px;
}

.product-price {
    font-size: 14px;
    display: block;

}

#store-product-information {
  float: left;
  width: 400px;
  padding-right: 20px;
}

#store-product-image {
  float: right;
  width: 480px;
  margin-bottom: 15px;
 /* height: 410px; */
  height: auto;
}

.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;
}

/* Moves Up Sorting Dropdown */
h1#content_header form { margin-top: -8px; }

/* 24. VIDEO GALLERY
* ================================================ */
#videogallery {
  float: left;
  margin-bottom: 20px;
}

#videogallery img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 8px;
}

.video-holder {
  float: left;
  margin-right: 28px;
  width: 280px;
  height: 225px;
  margin-bottom: 20px;
  text-align: center;
}

.video-holder:nth-child(3n+3) {
  margin-right: 0px;
}

.video_play_button {
  opacity: .5;
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  width: 273px;
  height: 200px;
}

.video-holder:hover .video_play_button {
  opacity: .8;
  display: block;
}

/* 25. EVENTS
* ================================================ */

.event-group {
  width: 900px;
  border-bottom: solid;
  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;
  background: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.1);
}

.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;
  color: #333333;
}

.event-group h2 a {
  font-weight: bold;
  text-decoration: none;
}

.event-group h2 a:hover {
  text-decoration: underline;
}

.date_holder_date_content {
  float: right;
  width: 820px;
}

.event_single_page {
  margin-right: 15px;
  margin-bottom: 15px;
}

/* 26. 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;
}


/*  27. EASY DIGITAL DOWNLOAD CHANGES
* ================================================ */

/* Easy Digital Downloads Cart Page  */
/* Cart Pricing Padding*/#edd_checkout_form_wrap #edd_final_total_wrap {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* Cart Widget Pricing BG transparent */.widget .edd_total {
  background-color: transparent !important;
}
/* Cart Widget */.edd-cart-meta.edd_subtotal, .edd-cart-meta.edd_total {
  background-color: #ffffff;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0px;
}

.widget .edd-cart .edd_checkout {
  margin-bottom: 5px;
}

/* Make 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;
}

/* Make Price bigger */
#edd_final_total_wrap {
  font-size: 16px;
}

/* 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;
}

/* Adds Space Below Terms Link */
#edd_show_terms {
  padding-bottom: 10px;
}

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

/* 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-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;
}

/* Add to Cart Success Message */
.edd-cart-added-alert {
  padding-top: 13px;
  position: static;
}

/* Cart Image */
#edd_checkout_cart td img {
  width: 50px;
  height: 50px;
}

/* Add Padding on Checkout */
#edd_checkout_wrap .edd_empty_cart {
  height: 25px;
  padding-bottom: 25px;
  display: block;
}

th.edd_cart_header_row,
th.edd_cart_item_price,
th.edd_cart_actions,
th.edd_cart_item_name {
  padding: 15px  !Important;
}

#edd_checkout_cart td,
#edd_checkout_cart th {
  border-width: 0px 0px 1px 0px;
  padding: 15px 15px;
}

#edd_checkout_form_wrap fieldset {
  border-width: 0px;
  padding: 0;
  margin-bottom: 0px;
}

/*td.edd_cart_actions {
  width: 40px;
}

.edd_cart_remove_item_btn {
  font-size: 0;
  float: right;
  width: 16px;
  height: 16px;
  text-indent: -1200px !important;
  background-image: url("images/close.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.2;
}

.edd_cart_remove_item_btn:hover {
  opacity: 0.6;
}*/

#edd_checkout_form_wrap #edd-discount-code-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount {
  border-width: 0px;
}

/* Checkout Page - Remove Background  */
#edd_checkout_cart td,
#edd_checkout_cart th,
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th,
#edd_checkout_form_wrap #edd-login-account-wrap,
#edd_checkout_form_wrap #edd-new-account-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount,
#edd_checkout_form_wrap .edd-cart-adjustment
{ background-color: transparent !important ; }


/* Checkout Page - Total Price */
#edd_checkout_form_wrap #edd-login-account-wrap,
#edd_checkout_form_wrap #edd-new-account-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount,
#edd_checkout_form_wrap .edd-cart-adjustment
{  padding: 0; }

/* Purchase Confirmation - Rmove padding about download link */
table#edd_purchase_receipt_products li {
    padding: 0;
    margin: 0;
}

/* Purchase History - Remove Top Border */
#edd_user_history {
    border-top: 0;
}

/* 28. MIXED ELEMENTS
* ================================================ */

/* Category Dropdown Menu - Appears on store, store category*/
.category_dropdown {
  float: right;
}

.pp_social .facebook {
  width: 85px !important;
}
/* Pagination Buttons */
#pagination_buttons .pag_number,
#pagination_buttons .current ,
#pagination_buttons .dots { display: none;}

/*Page Text Selection Safari*/
/*::selection { background-color: #cccccc; } */

/*Page Text Selection Firefox*/
::-moz-selection { background-color: #cccccc; }

/* 404 Page */
.error_search_input {
  background-color: #fff;
  padding: 8px;
  font-style: italic;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  width: 300px;
  color: #333;
  background-image: url(images/search_icon.png);
  background-repeat: no-repeat;
  background-position: 290px center;
  border: 1px solid #CCC;
}

#search-inputs .input { margin-right: 10px;}

/* Hide Twitter Header */
.twtr-hd,
.twtr-ft div { display: none; }
.twitter_button_width {
    width:90px;
    height:21px; }

/* 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%;
}

/* WordPress Defaults  */
.wp-caption p { margin-bottom: 15px; }
.wp-caption img { padding: 0;  margin: 0; }
.wp-caption-text {
  background-color: #ececec;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 11px;
}
.bypostauthor,
.screen-reader-text,
.gallery-caption,
.sticky { }

/* Beat Store Error - No MP3 */
.player-error {
  color: #cccccc;
  padding: 20px;
  background: #252424;
  text-align: center;
}
.player-error a { font-weight: normal; }

/* Scroll Up */
#scrollUp {
  background-image: url("images/top.png");
  bottom: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
}
/* Scroll Up Opacity */
#scrollUp { opacity: 0.2; }
#scrollUp:hover { opacity: 1; }

/* Admin Hover Fix */
#wpadminbar .hover:hover ,
#wpadminbar .hover:focus,
.hover:active #wpadminbar {
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}


/* 20. LOADING ANIMATION
* ================================================
   Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba( 0, 0, 0, .8 )
     url('images/loading-animation.gif')
      50% 50% no-repeat;
      /* White - rgba( 255, 255, 255, .8 ) */;
}
    /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
    body.loading { overflow: hidden; }
    /* Anytime the body has the loading class, our modal element will be visible */
    body.loading .modal { display: block; }
/* End of Loading Animation */



/* 30. RESPONSIVE CODE
* ================================================ */
/* Audio Player  ****/
.mejs-container {
  background: #1c1c1c;
}

.beat_player_player .mejs-container ,
.post .mejs-container ,
.page-template-default .mejs-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.store_table .mejs-container, .widget_mp3_player .mejs-container {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* Restrict Large Images */
#main img {
    max-width: 100%;
    height: auto;
}

.mejs-container .mejs-controls {
  background: none !important;
}

.mejs-controls .mejs-button button:focus {
  outline-width: 0px;
  outline-style: none !important;
}

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

.mobile-date {
  display: none;
}

    /* 959px
    * ================================================ */
    @media (max-width: 959px) {

    .header_inside_container,
    #footer_sub,
    #footer {
            width: 960px;
            margin: 0px;
    }

}

    /* 950px
    * ================================================ */
    @media (max-width: 950px) {

            /* Image Logo * */
          #site_logo img {
            max-width: 90%;
            height: auto;
          }
            /* Turn off round corners */
          #home_banner, .home-wide-image , #beat_player, #beat_store_breadcrumb, .widget, #main , .shortcode_alert, .text_highlight {
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            -khtml-border-radius: 0px;
            border-radius: 0px;
          }

          .banner_right {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
          }

          .banner_left {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
          }
            /* Moves up footer that is sticky */
          /*html, body {
            height: auto;
          }*/
            /* Hide Elements */
          .mobile_hide  , /* All elements with mobile_hide class */
            .dataTables_length,  /* Beat store table dropdown */
            #Fader h3 , /* Homepage banner sub text */
            .website-event-date   /* Events page date for none mobile */ {
            display: none;
          }
            /* Making elements 100% and no padding and margin */
          .navigation_inside_container,  .header_inside_container, .store_table , #content , #wrapper ,
        .beatsingle_leftside, .leftside , #mobile-menu , #mobile-nav-holder ,
            .full_archive_nav, .widget_holder, .dataTables_length , .dataTables_filter, #beat_player,#beat_produced_by, #beat_type, #beat_player_top ,
            .error_search_input ,.event-group,.date_holder_date_content,#store-product-information , #site_logo, #site_name , .flexslider_store , #navigation {
            width: 100%;
            padding: 0px;
            margin: 0px;
          }
            /* Content Area */
          #main ,
          .fullwidth ,
          #main.leftside {
            width: 94%;
            padding-left: 3%;
            padding-right: 3%;
            padding-top: 20px;
            padding-bottom: 15px;
            margin: 0px;
       /*     margin-bottom: 15px;*/
          }

          #beat_title {
            padding: 0;
            margin: 0px;
            width: 100%;
          }

          #beat_title h1 {
            padding-top: 10px;
            padding-left: 15px;
          }

          #beat_store_home {
            padding-top: 15px;
            padding-right: 15px;
          }

          #main img {
            width: 100%;
            height: auto;
          } /* All images in main div */
          .blog_post_comments {
            line-height: 20px;
          }
            /* Header */
          .header_inside_container {
            text-align: center;
          }

          #site_logo {
            padding-top: 13px;
            padding-bottom: 13px;
          }
            /* Header text logo */
          .header_inside_container h2 {
            width: 100%;
            padding-top: 15px;
          }

          #site_name div {
            padding-bottom: 18px;
          }
            /* Homepage Banner   */
          #home_banner_container, #home_banner , .slides {
            width: 100%;
            padding: 0;
            margin: 0;
          }

          #home_banner_container img {
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
          }

          #Fader h2 {
            top: 44%;
            font-size: 24px;
          }

          #Fader h3 {
            top: 68%;
          }

          .fader {
            height: auto;
            margin-left: 0px;
            width: 100%;
          }

          .fader {
            padding-top: 39%;
            overflow: hidden;
          }

          .fader .slide {
            height: auto;
          }
            /* Sidebar & Widgets */
          #right_side {
            float: left;
            width: 100%;
            padding: 15px 0px 0px 0px;
            margin: 0px;
          }

          #right_side .widget {
            width: 94%;
            padding-left: 3%;
            padding-right: 3%;
            margin-bottom: 13px;
          }

          .widget h3 {
            width: 100%;
          }

          #widget_new_beats li ,
          #widget_recent_post li {
            float: none;
            width: 100%;
            display: inline-block;
          }

          #widget_products li {
            width: 100%;
            display: block;
          }

          li.cat-item , .widget .page_item {
            float: none;
            width: 48%;
            display: inline-block;
            padding-bottom: 10px;
          }

          .widget_content {
            width: 100%;
          }

          .tagcloud a {
            margin-right: 15px;
            margin-bottom: 10px;
          }

          .store_table .beat-table-name a ,
          #widget_new_beats li a ,
          #widget_products li a {
            display: block;
            line-height: 17px;
          }
            /*Beat Player Widget*/
          #widget_new_beats li {
            clear: left;
          }

          #widget_new_beats li .genre {
            min-height: 17px;
          }
             /* Hide Download file if no MP3 Added */
          .widget .me-cannotplay span {
            display: none;
          }
            /* Form inputs */
          .input {
            width: 85%;
            padding: 2%;
            margin: 0px;
            margin-bottom: 13px;
          }
            /* Beat store table */
          #example_filter label {
            float: left;
            padding-bottom: 10px;
          }
            /* Single Beat Page   */
          #beat_player_text , .beat_player_player , #beat_player_info , #beat_player_description {
            padding-left: 15px;
            float: left;
            padding-right: 0;
          }

          .beat-information {
            width: 99%;
          }
            /* Footer */
          #footer , .widget_holder_sub , #footer_sub {
            width: 100%;
            padding: 0;
            margin: 0;
          }

          #footer {
            padding-top: 13px;
          }

          .footer_widget , .footer_widget .widget {
            padding-left: 4%;
            width: 95%;
            display: block;
          }

          .footer_widget h3 {
            padding: 0;
            display: block;
            width: 100%;
          }

          #footer_copywrite {
            padding-left: 4%;
            float: none;
            width: 95%;
            padding-top: 13px;
            padding-bottom: 8px;
          }

          .widget_holder_sub .right {
            padding-left: 4%;
            float: none;
            padding-bottom: 15px;
          }

          #footer_sub {
            background-image: none;
          }
            /* Video Page */
          .video-holder:nth-child(3n+3) {
            margin-right: 15px;
          }

          .video-holder {
            margin-right: 20px;
            margin-bottom: 20px;
          }

          .video-holder img {
            height: 200px;
            width: 273px;
          }

          .video-holder div , .video-holder a {
            display: inline-block;
            width: 100%;
          }
            /* Store Page */
          .store-holder:nth-child(4n+4), .photogalley-holder:nth-child(4n+4) {
            margin-right: 15px;
          }

          .store-holder , .photogalley-holder {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 20px;
            margin-bottom: 15px;
          }

          .store-holder img, .photogalley-holder img {
            height: 200px !important;
            width: 200px !important;
          }

          #store-product-information h3 /* Price */ {
            font-size: 15px;
            padding-top: 10px;
            font-weight: bold;
          }

          #store-product-image .slide  img {
            width: 100%;
            height: auto;
          }

          #store-product-image {
            height: auto;
            width: 100%;
            padding: 0px;
            margin: 0px;
          }

          .store-product-description-text {
            padding-top: 10px;
          }

          .fader_controls {
            display: none;
          }

          #store-product-image .fader {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 15px;
            margin: 0px;
          }

          .products_computer {
            float: none;
            margin-left: 0px;
            margin-right: 0px;
            display: block;
            margin-bottom: 15px;
          }
            /* Photogallery */
        .photogalley-holder div ,
        .photogalley-holder a {
            display: inline-block;
            width: 100%;
          }
            /* Events Page */
          .date_holder_date_content h2 {
            font-size: 25px;
            padding-top: 10px;
            font-weight: bold;
          }

          .mobile-date {
            float: left;
            margin-left: 0px;
            margin-right: 15px;
            display: block;
            margin-bottom: 10px;
          }
            /* Text Banner Widget */
          .widget_banner {
            width: auto !important;
          }

}
/* End of 950px */

    /* 670px
    * ================================================ */
    @media (max-width: 670px ) {
        /* Video Page */
        .video-holder {
            width: 45%!important;
            height: auto;
            padding-bottom: 10px;
        }
        img.video-holder {
            width: 100% !important;
        }

        .video-holder:nth-child(2n+2) {
            margin-right: 0px !important;
        }
        /* Hide BPM */
        .beat-table-bpm {
            display: none;
        }
        /*Category Dropdown*/
        .category_dropdown {
            display: block;
            float: none;
        }
        /* Single Beat Page */
        #beat_player_text ,
        .beat_player_player ,
        #beat_player_info ,
        #beat_player_description {
            margin: 0;
            padding-left: 3%;
            width: 95%;
        }
}
/* End of 670px */

    /* 560px
    * ================================================ */
    @media (max-width: 560px) {
    /* Banner */
      #Fader h2 {
        top: 24%;
      }
    /* Hide beat store buy button, and genre */
      .beat-table-button ,
      .beat-table-genre {
        display: none;
      }
    /* Image Logo * width: 90%; */
      #site_logo img {
        height: auto;
        width: auto !important;
        max-width: 100% !important;
      }
    /* Store & Photo Gallery */
      .store-holder ,
      .photogalley-holder {
        width: 45%;
      }
    /* Pretty Photo styling for small screens - http://pastie.org/4034229 */
      .pp_pic_holder.pp_default {
        width: 100%!important;
        left: 0!important;
        overflow: hidden;
      }

      div.pp_default .pp_content_container .pp_left {
        padding-left: 0!important;
      }

      div.pp_default .pp_content_container .pp_right {
        padding-right: 0!important;
      }

      .pp_content {
        width: 100%!important;
        height: auto!important;
      }

      .pp_fade {
        width: 100%!important;
        height: 100%!important;
      }

      a.pp_expand, a.pp_contract,
        .pp_hoverContainer, .pp_gallery,
        .pp_top, .pp_bottom ,
        div.pp_default .pp_nav .currentTextHolder ,
        a.pp_arrow_previous, a.pp_arrow_next {
        display: none!important;
      }

      #pp_full_res img {
        width: 100%!important;
        height: auto!important;
      }

      .pp_details {
        width: 94%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -2px!important;
      }

        div.pp_default .pp_nav {
            display: none;
        }

      a.pp_close {
        right: 10px!important;
        top: 10px!important;
      }

      div.pp_default .pp_nav {
        width: 30px;
        padding-bottom: 3px;
      }

      div.pp_default .pp_description {
        font-weight: normal;
      }
        /*video */
      #pp_full_res {
        overflow: hidden;
      }

      #pp_full_res iframe, #pp_full_res   object, #pp_full_res embed {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
      }
}
/* End of 560px */

    /* 480px
    * ================================================ */
    @media (max-width: 480px) {

     /* Promo bar turns to text */
      .promo-bar span a.promobar-button {
        background: none;
        color: #ffffff;
        text-decoration: underline;
        font-size: 12px;
        font-weight: bold;
        margin-left: 0px;
        padding: 0px;
      }
    /* Audio Player scale      */
      .mejs-audio {
        width: 100% !important;
      }
    /* Working */
      #mediawrapper .mejs-container {
        width: 99%;
      }

      .store_table .mejs-audio ,
      .widget .mejs-audio {
        width: 25px !important;
      }
    /* page headers  ****/
      h1#content_header {
        font-size: 25px;
        padding-bottom: 10px;
        margin-bottom: 10px;
      }
    /* hides search input on beat table****/
      #example_filter label {
        display: none;
      }

      .beat-table-price {
        padding-right: 5px;
      }
    /* Beat store table number */
      .dataTables_info {
        width: 100%;
        text-align: center;
      }

      #example_paginate {
        width: 100%;
      }
    /* Stops the Resize of Photos on Small Screens */
      .grow:hover {
        transform: scale(1.0);
      }
    /* Sorting Icons */
      .tax-download_category #primary_nav_wrap i ,
        .tax-genre #primary_nav_wrap i ,
        .tax-download_tag #primary_nav_wrap i ,
        .search-results #primary_nav_wrap i {
        display: none;
      }

      .tax-download_category #primary_nav_wrap .sort_clear_botton i,
        .tax-genre #primary_nav_wrap .sort_clear_botton i,
        .tax-download_tag #primary_nav_wrap  .sort_clear_botton i,
        .search-results #primary_nav_wrap .sort_clear_botton i {
        display: inline-block;
      }

      .tax-download_category #primary_nav_wrap ul li ,
      .tax-genre #primary_nav_wrap ul li ,
      .tax-download_tag  #primary_nav_wrap ul li ,
      .search-results #primary_nav_wrap ul li {
        width: 23%;
      }

      #primary_nav_wrap ul ul li {
        width: 170px !important;
      }
}
/* End of 480px */

    /* 400px
    * ================================================ */
    @media (max-width: 400px) {
    /* Store Slide Show */
    #store-product-image .fader {
        height: 260px;
      }
        /* Banner */
    .fader .pager_list {
        display: none;
      }
    /* All images in main div */
      #right_side img {
        width: 100%;
        height: auto;
      }
    /* Store and Photogallery */
    .store-holder ,
    .photogalley-holder {
        width: 100%;
        margin-right: 0;
        text-align: center;
      }
    /* Video Homepage */
      .video-holder:nth-child(1n+1) {
        margin-right: 0px !important;
      }

      .video-holder {
        width: 100% !important;
        height: auto;
      }

      .video-holder img {
        width: 100%;
        height: auto;
        width: 100% !important;
        margin-right: 0 !important;
      }

      #beat_store_home {
        float: left;
        padding-left: 15px;
        padding-bottom: 10px;
        padding-top: 0px;
        width: 90%;
      }
    /* Resizes Volume */
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 50px;
      }
    /* Hide Scroll Up */
      #scrollUp {
        display: none !important;
      }
}
/* End of Responsive */


/* Hide Sorting Bar */
.hide-beat-sorting-bar {
  display: none;
}

/*  Under Beat Store Sort Template */
#under_beatstore br {
  content: "A" !important;
  display: block !important;
  margin-bottom: 0px !important;
}

/*  Removed .mejs-playlist li:hover */
/* Search Widget */
.widget .input {
  width: 80%;
}

.widget #search-inputs .button {
  margin-bottom: 0px;
}

/* Sorting Dropdown - Used on Photo gallery, Store, and video homepages  */
.category_dropdown select {
  background: #fff;
  width: 150px;
  padding: 5px 35px 5px 10px !important;
  font-size: 13px;
  border: 1px solid #fff !important;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(images/dropdown_arrow.png) 90% center no-repeat #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.1);
  box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.1);
  border-radius: 2px !important;
}

.category_dropdown select:hover {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.19);
  -moz-box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.19);
  box-shadow: 0px 0px 5px 0px rgba(84,80,84,0.19);
}

.category_dropdown option {
  padding: 5px !important;
  border-bottom: 1px solid #ccc;
}

.widget .mejs-container {
  width: 29px  !important;
}
/* Overlay Image Mobile */
@media (max-width: 400px) {
  .modal_thumb img {
    width: 90%;
  }
}

.product-price-crossed-out {
  color: #ccc;
  text-decoration: line-through;
  display: inline-block;
  padding-left: 8px;
  font-weight: normal;
}

.store_dropdown {
  background: #fff;
  width: 60%;
  padding: 5px 35px 5px 10px !important;
  font-size: 15px;
  border: 1px solid #fff !important;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*appearance: none;*/
  background: url(images/dropdown_arrow.png) 90% center no-repeat #fff;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(84,80,84,0.1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(84,80,84,0.1);
  box-shadow: 0px 0px 2px 0px rgba(84,80,84,0.5);
  border-radius: 2px !important;
  margin-top: 8px;
  margin-bottom: 15px;
}

.single-store .social_share_buttons i {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

@media (max-width: 950px) {
  .single-store .social_share_buttons i {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
  }
}

.single-store #main {
  padding-bottom: 25px !important;
}

/* Store Banner */
#store-banner { margin-bottom: 15px; }
/* 500px - Hide Store Banner */
@media (max-width: 500px) {
    #store-banner { display: none;  }
}


/* 500px - Hide Store Banner */
@media (max-width: 500px) {
    #store-banner { display: none;  }
}

/* Site Title */
@media (max-width: 420px) {
    h1#content_header {
        text-align: center;
        font-size: 25px; }
}

@media (max-width: 700px) {
    .category_dropdown select {
        margin-top: 15px;
        font-size: 12px;
        padding: 5px 5px !important;
        height: 30px;
        border-radius: 0px;
    }
}

/* Paginated Table Paginated Buttons Space */
.page-template-template-beat-store-paginated-sidebar .page_nav {
    padding-top: 20px;
    margin-bottom: 20px !important;
}

/* Button Span Arrow */
/*.button span { font-size: 24px;}*/
a.beat-store-table-noprice { font-weight: normal;}

@media (max-width: 400px) {
    #primary_nav_wrap ul li {
      width: 32%;
    }
}

/* No Price Text Link */
.pltext a.beat_store_noprice_link { padding-top: 0px; }


/* Single Beat page Thumb */
.single-download #player_photo { background-size: 160px 160px; }

/* Video & Photo Overlay */
/* Remove BG */
div.pp_default .pp_content,
div.light_rounded .pp_content {  background-color: transparent !important; }
/* Text Color */
.pp_content_container { color: #ffffff !important;  }
/* Remove Padding on Button */
div.pp_default .pp_social { margin-left: 0px !important; }
/* Text */
div.pp_default .pp_description { font-size: 15px !important;   margin-top: 11px !important;  }

/* EDD Added to Cart Alert */
.edd-cart-added-alert {
 padding-top: 0px;
 padding-bottom: 5px;
}

/* Active Beat */
.mejs-playlist li.current { min-height: 75px; transition: 0.3s;}
/* Increase Thumbnial Size */
.mejs-playlist li.current .plthumb,
.mejs-playlist li.current .plthumb img
{ width: 75px !important; height: 75px !important; }
/* Increase Beat Name*/
.mejs-playlist li.current span.name {
  padding-top: 12px;
  font-size: 18px;
  padding-bottom: 3px;
}
/* Price Text Padding */
.mejs-playlist li.current .pltext {
  padding-top: 31px;}
/* Thumb Image */
.mejs-playlist li.current .plthumb
{ background-size: 75px 75px; }
/* Price Text Padding */
.mejs-playlist li.current .plbutton { margin-top: 25px; }
@media (max-width: 400px) {
    .mejs-playlist li.current .pltext { padding-top: 7px;}
}

/* Beat Sort Bar Responsive - Hide Icons */
@media (max-width: 340px) {
#beat_sort_bar ul ul li .fa { display: none;  }
#beat_sort_bar ul ul li { width: 90px; }
#beat_sort_bar ul ul li a {  padding-left: 10px; }
#beat_sort_bar ul ul li ul li {  width: 190px; }
}