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;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}  h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 10px;
line-height: normal;
display: block;
}
#wrapper h1 {
font-size: 30px;
}
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;
}
.clearfix {
display: block;
}
* 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;
}  #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;
}
.fullwidth {
width: 900px;
}
.leftside {
width: 580px;
}
#main {
margin-left: 10px;
float: left;
}   .button,
a.button,
.widget .edd_checkout,
#pagination_buttons .button,
#comments_form .button,
#search-inputs .button,
.continue_shopping,
.wpcf7-submit {
font-size: 16px !important;
font-weight: normal;
display: inline-block;
color: #ffffff;
background: #333;
text-decoration: none !important;
padding: 8px 25px !important;
line-height: 25px !important;
margin-bottom: 15px !important;
border-style: none !important;
cursor: pointer !important;
-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 {
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;
} .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;
} .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;
line-height: 15px;
} ul.topnav {
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
} ul.topnav .menu-button {
font-size: 20px !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;
} @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 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;
}
} .current-menu-item {
color: #fff;
text-decoration: none;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-bottom: 0px;
} .topnav ul li:hover ul {
border-top-width: 0px;
} .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);
} .nav_bottom_line {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.header_inside_container .site-name {
padding: 0px;
margin: 0px;
width: 575px;
}
.header_holder .header_inside_container h1 a,
.header_holder .header_inside_container .site-name a {
text-decoration: none;
font-size: 30px;
padding: 0px;
margin: 0px;
}
#header_wrapper ::-webkit-input-placeholder {
color: #121212;
}
#site_logo {
float: left;
}
#site_logo h1,
#site_logo .site-name {
display: none;
} .header_subtext {
font-size: 12.5px;
padding-bottom: 0px;
padding-top: 10px;
} li.header-search-list {
float: right !important;
}
.header_site_search {
font-size: 15px; margin-top: 5px; 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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search_icon_inactive.png);
background-repeat: no-repeat;
background-position: 110px center;
}
.header_site_search:hover {
color: #333333;
background-color: #fcfcfc;
font-style: normal;
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search_icon.png);
transition-duration: 1.0s;
} #header_social_icons {
float: right;
width: 360px;
text-align: right;
margin-right: 10px;
}
#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;
}
#header_social_icons .fa-spotify:hover {
background: #1ed760 !important;
}
#header_social_icons .fa-bandcamp:hover {
background: #24aab9 !important;
}  .mejs-playlist {
color: #ffffff;
clear: both;
display: block;
float: left;
overflow-y: auto;
margin-top: 30px;
background: #1e1e1e;
}
.mejs-inner {
background: #1e1e1e;
}
.mejs-playlist ul {
margin: 0;
padding: 0;
}
.mejs-playlist li {
color: #ffffff; font-size: 16px;
list-style-type: none;
padding-top: 8px;
padding-bottom: 0px !important;
padding-left: 1%;
padding-right: 1%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #353535;
display: block;
float: left; clear: left;
width: 98%;
}
@media (max-width: 500px) {
.mejs-playlist li {
padding-left: 2%;
padding-right: 0%;
width: 95.5%;
}
}  .mejs-playlist .plthumb {
background-size: 60px 60px;
float: left;
background-repeat: no-repeat;
margin-bottom: 5px;
} .mejs-playlist .plthumb,
.mejs-playlist .plthumb img, #main .mejs-playlist .plthumb,
#main .mejs-playlist .plthumb img  {
width: 60px;
height: 60px;
object-fit: cover;
}
.mejs-playlist .name {
display: block;
padding-top: 5px;
margin-left: 15px;
} .mejs-playlist span.name {
font-size: 17px;
padding-bottom: 4px; overflow: hidden;
white-space: nowrap;
font-weight: bold !important;
} .cname {
display: block;
width: 59%;
float: left;
} #main .cname {
width: 55%;
} .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;
} .mejs-playlist .fa {
font-size: 25px !important;
color: #cccccc;
} .mejs-playlist li.current .fa {
color: #ffffff;
} .mejs-playlist li.current span.genre,
.mejs-playlist li.current .pltext {
color: #ffffff;
font-weight: normal;
} .mejs-playlist li:hover,
.mejs-playlist li:hover span.genre,
.mejs-playlist li:hover .pltext,
.mejs-playlist li:hover .fa {
color: #cccccc;
} .mejs-controls .mejs-button button:focus {
outline-width: 0;
} #main #mediawrapper ul {
padding: 0;
margin: 0;
} .mejs-playlist a {
text-decoration: none;
}  .mejs-controls .mejs-prevtrack button {
background: transparent url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/css/controls-playlist.png) no-repeat !important;
background-position: 0 -16px !important;
} .mejs-controls .mejs-nexttrack button {
background: transparent url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/css/controls-playlist.png) no-repeat !important;
} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {
background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
}  @media (max-width: 500px) { by {
display: none;
}
} @media (max-width: 500px) { .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: 76px;
padding-bottom: 15px;
padding-top: 0px;
font-size: 14px;
}
.mejs-playlist .pltext a {
margin-left: 0px;
}
} .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;
} .new_icon,
.sale_icon,
.popular_icon {
width: 18px;
height: 16px;
display: inline-block;
margin-left: 9px;
}
.new_icon {
background: transparent url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/new.png) no-repeat;
}
.sale_icon {
background: transparent url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/for_sale.png) no-repeat;
}
.popular_icon {
background: transparent url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/star.png) no-repeat;
} .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; color: #FFF;
margin-bottom: 15px;
clear: both;
display: block;
float: left;
}  .remodal {
padding: 0px 0px 28px 0px !important;
width: 600px ;
max-height: 700px;
overflow: auto;
border-radius: 5px;
} .remodal .noprice-text {
line-height: 30px;
} @media (max-width: 601px) {
.remodal {
width: 100% !important;
}
} .remodal p.beat-name {
font-size: 30px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
} .remodal .overlay-image-bg img {
margin-top: 20px;
height: 240px;
width: 240px;
padding-bottom: 0; -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;
object-fit: cover;
border-radius: 5px;
} .overlay-image-bg {
height: 205px;
margin-bottom: 70px;
background-color: #252424;
} .overlay-image-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%; height: 207px;
opacity: 0.05;
background-repeat: no-repeat;
background-position: left 120px;
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/animated-bars.gif);
} .remodal .edd_download_purchase_form label {
font-size: 18px;
display: inline-block;
padding-bottom: 10px;
} .remodal input[type=radio] {
width: 19px;
height: 19px;
} .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;
} @media (max-width: 480px) {
.remodal-close {
margin-top: 12px;
margin-left: 5px !important;
}
} .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;
} #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: #333333;
z-index: 5;
}
#beat_sort_bar ul li {
position: relative;
float: left;
margin: 0;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px !important;
padding-top: 1px !important; min-height: 33px;
line-height: 32px;
background-color: #333333;
text-align: left;
} #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 10px;
}
#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 10px
}
#beat_sort_bar ul ul ul {
top: 0;
left: 100%
}
#beat_sort_bar ul li:hover > ul {
display: block
} .count {
font-size: 12px;
background: #3d3d3d;
color: #ffffff;
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;
} .sorting_cart {
float: right !important;
}
.sorting_cart_number {
border-radius: 5px;
padding: 1px 8px;
margin-left: 5px;
color: #fff;
text-align: center;
background: #3d3d3d;
} li.beat-search-search-input {
float: right !important;
padding-right: 10px !important;
padding-left: 5px !important;
}
li.beat-search-search-input input {
padding: 5px 15px;
border: none;
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search_icon_inactive_fade.png);
background-repeat: no-repeat;
background-position: 95% center;
width: 120px;
border-radius: 5px;
opacity: 0.3;
}
li.beat-search-search-input input:focus,
li.beat-search-search-input input:hover {
opacity: 1;
}
li.beat-search-search-input:hover {
background: none !important;
} @media (max-width: 580px) {
li.beat-search-search-input {
float: left !important;
width: 90%;
padding-left: 15px !important;
}
li.beat-search-search-input input {
width: 90%;
}
#beat_sort_bar ul li {
border-right: 0px;
}
li.sorting_cart {
float: left !important;
}
}
@media (max-width: 520px) {
li.beat-search-search-input input {
margin-bottom: 10px;
}
}
@media (max-width: 450px) {
li#sale_bar,
li#help_bar,
li#sort_bar:first-of-type,
li.sorting_cart {
width: 47.5%;
}
li#sort_bar ul {
background: transparent;
} }
@media (max-width: 300px) {
li#sale_bar,
li#help_bar,
li#sort_bar,
li.sorting_cart {
width: auto;
}
} h1#content_header {
font-size: 30px; 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;
} .featured-image img {
padding-bottom: 15px;
width: 100%;
height: auto;
} #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);
}  .fader .pager_list {
display: none;
} .fader:hover .pager_list {
opacity: 0.5;
display: block;
} .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; } #footer {
margin-bottom: 15px;
} #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;
} #footer .widget .edd-cart .edd_checkout a {
color: #ffffff;
} .menu-footer {
margin-top: 15px;
}  #widget_recent_post li span.genre,
#widget_new_beats li span.genre,
.music_maker_recent_products_widget span,
.music_maker_recent_post_widget span {
font-size: 14px;
opacity: 0.7;
} .widget {
line-height: 150% !important;
} .widget {
line-height: 20px;
float: left;
width: 270px;
margin-bottom: 15px;
padding: 15px;
}
.widget h3 { 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%;
} #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;
} .widget .me-cannotplay span,
table.store_table .me-cannotplay span {
display: none;
} .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;
} .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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/google.png);
}
.sidebar-social .dribble {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/dribbble.png);
}
.sidebar-social .facebook {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/facebook.png);
}
.sidebar-social .flickr {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/flickr.png);
}
.sidebar-social .grooveshark {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/grooveshark.png);
}
.sidebar-social .instagram {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/instagram.png);
}
.sidebar-social .lastfm {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/lastfm.png);
}
.sidebar-social .linkedin {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/linkedIn.png);
}
.sidebar-social .email {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/mail.png);
}
.sidebar-social .myspace {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/myspace.png);
}
.sidebar-social .paypal {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/paypal.png);
}
.sidebar-social .rss {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/rss.png);
}
.sidebar-social .skype {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/skype.png);
}
.sidebar-social .soundcloud {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/soundcloud.png);
}
.sidebar-social .spotify {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/spotify.png);
}
.sidebar-social .tumblr {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/tumblr.png);
}
.sidebar-social .twitter {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/twitter.png);
}
.sidebar-social .vimeo {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/vimeo.png);
}
.sidebar-social .wordpress {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/wordpress.png);
}
.sidebar-social .youtube {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/youtube.png);
}
.sidebar-social .pinterest {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/social_icons/pinterest.png);
} #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-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-step span {
font-size: 13px;
line-height: 19px;
color: #ffffff;
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/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;
margin-bottom: 0px;
}
.buy-step {
float: left;
width: 265px; padding-bottom: 5px;
} .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;
} .photos_widget img {
float: left;
width: 120px;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
} @media (max-width: 500px) {
.photos_widget img {
width: 45% !important;
height: auto;
display: inline-block;
margin: 6px 2%;
}
} .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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search_icon_inactive.png);
} .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%;
} .testimonial_widget {
display: inline-block;
width: 195px;
margin: 0;
padding: 20px 25px 20px 50px;
position: relative;
border-radius: 2px; }
.testimonial_widget:before {
filter: alpha(opacity=50);
opacity: 0.5;
content: "\201C";
position: absolute;
font-size: 50px;
line-height: 1;
font-weight: bold;
}
.testimonial_widget:before,
.testimonial-full :before {
font-family: Georgia, serif;
}
.testimonial_widget: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 {
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;
}  .sorting_select select {
border: 1px solid #ccc;
padding: 8px;
width: 99%;
margin-bottom: 8px; -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;
}
} #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;
} .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 .social_share_buttons {
margin-top: 20px;
} div.comment {
display: block;
padding-bottom: 5px;
margin-bottom: 15px; }
.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 { color: #999;
padding-left: 4px;
font-size: 12px;
}
#leave_comment {
float: left;
padding-top: 15px;
padding-right: 15px;
margin-left: 15px;
background: grey;
} .dataTables_length {
width: 250px;
float: left;
font-size: 12px;
padding-bottom: 14px;
padding-top: 5px;
} .dataTables_filter {
width: 250px;
float: right;
text-align: right;
font-size: 12px;
} .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;
} .store_table a.button,
#searchform input.button {
color: #ffffff;
font-weight: normal;
font-size: 12px !important;
} .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;
} 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;
} .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; }  #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;
} #page-title #beat_store_home .fa {
font-size: 18px;
margin-right: 5px;
}
#page-title .page-title-holder h1 {
padding: 0;
}
#player_photo {
background-color: #FFFFFF;
width: 160px;
height: 160px; background-repeat: no-repeat;
}
#player_photo img {
height: 160px !important;
width: 160px;
object-fit: cover;
} .single-download #player_photo {
background-size: 160px 160px;
}
#beat_player_text {
padding-left: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 10px;
float: right;
width: 415px;
}
#beat_player {
width: 100%;
float: left;
margin-top: 0px;
margin-left: 3px;
margin-bottom: 25px;
}
#player_photo_holder {
padding-right: 0px;
padding-bottom: 0px;
float: left;
margin-bottom: 15px;
}
.beat_player_player {
padding-bottom: 10px;
padding-right: 0px;
padding-top: 10px;
float: right;
} .single-download .mejs-container {
width: 100% !important;
}  .widget .widget_mp3_player, .single-download .beat_player_player {
animation: fadeIn2 ease 5s;
-webkit-animation: fadeIn2 ease 5s;
-moz-animation: fadeIn2 ease 5s;
-o-animation: fadeIn2 ease 5s;
-ms-animation: fadeIn2 ease 5s;
}
@keyframes fadeIn2 {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn2 {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn2 {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn2 {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn2 {
0% {
opacity: 0;
}
10% {
opacity: 0;
}
100% {
opacity: 1;
}
}  .beat_overlay_description {
padding-top: 15px;
padding-left: 5%;
padding-right: 5%;
width: 90%;
overflow-y: auto;
overflow-x: hidden;
}
#beat_description_text {
font-size: 18px;
line-height: 160%;
float: left;
padding-bottom: 15px;
}
#beat_description_text ul {
list-style: disc;
display: inline-block;
margin-bottom: 25px;
text-align: left;
}
#beat_description_text ol {
list-style: decimal;
display: inline-block;
margin-bottom: 25px;
text-align: left;
}
#beat_description_text 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;
} .buying_options {
display: block;
padding: 8px;
}
.beat-information {
float: left;
width: 290px;
padding-bottom: 10px;
}
.beat-information-left {
float: left;  } .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;
} #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;
} .store_table .player_button button {
margin-top: 10px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 3px !important;
} .single-download .beat_player_player .button {
margin-bottom: 10px !important;
}
.single-download .edd_download_purchase_form {
margin-bottom: 0
} ul#single_beats_details {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
ul#single_beats_details li {
display: inline-block;
margin-right: 20px;
}
ul#single_beats_details li:last-child {
margin-right: 0px;
}
ul#single_beats_details li span {
opacity: .7;
padding-left: 7px;
} #main .edd_download_purchase_form ul,
#main .edd_download_purchase_form ol {
padding-left: 0px;
margin-bottom: 0px;
} #single_beat_wave_player {
padding-top: 35px;
padding-bottom: 35px;
}
#wave_player_container {
width: 960px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1200px) {
#wave_player_container {
width: 95%;
}
} input[type="radio"]:checked + span {
text-decoration: none !important;
}
.free_button {
float: left;
margin-right: 15px;
} .edd_price_option_price {
opacity: .8;
} .edd_download_purchase_form .edd_price_option_sep {
display: none !important;
} .edd_download_purchase_form .edd_price_options li {
font-size: 18px;
} .edd_download_purchase_form .edd_price_options li span.edd_price_option_name {
margin-right: 8px;
} .beatsingle_leftside .beat_player_player {
width: 68%;
}
.beatsingle_leftside #player_photo_holder {
width: 30%;
} .fullwidth .beat_player_player {
width: 80%;
}
.fullwidth #player_photo_holder {
width: 18.5%;
} .beat_player_player_license {
display: block;
float: left;
margin-left: 10px;
width: 68%;
}
.fullwidth .beat_player_player_license {
width: 80%;
}
.single-download .edd_purchase_submit_wrapper {
float: left;
display: inline-block;
margin-right: 15px;
} .continue_shopping {
padding-left: 18px !important;
float: left;
display: inline-block;
} @media (max-width: 970px) {
#player_photo_holder,
#player_photo img,
#player_photo {
float: none;
text-align: center !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
@media (max-width: 950px) {
.beatsingle_leftside .beat_player_player,
.fullwidth .beat_player_player,
.beatsingle_leftside #player_photo_holder,
.fullwidth #player_photo_holder {
width: 95%;
} .beat_player_player_license,
.fullwidth .beat_player_player_license {
margin-left: 0px;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
} .single-download .edd_purchase_submit_wrapper,
.continue_shopping {
float: none;
}
}
@media (max-width: 670px) {
#beat_player {
text-align: center;
}
.beat-information-left,
.beat-information-right {
width: 49%;
display: inline-block;
margin-right: 0px;
margin-left: 0px;
text-align: left;
}
#single_beats_type {
float: left;
display: inline-block;
}
}  #related_beats {
margin-bottom: 15px;
float: left;
width: 100%;
} .related_beats_holder {
width: 31.5%;
display: inline-block;
margin-right: 15px;
float: left;
text-align: center;
} .related_beats_holder:last-child {
margin-right: 0px;
} .related_beats_holder img {
width: 85%;
height: auto;
}
#related_beats .related_beats b {
display: block;
text-align: center;
line-height: 120%;
;
padding-top: 7px;
padding-bottom: 4px;
} @media (max-width: 600px) {
#related_beats {
text-align: center;
}
.related_beats_holder {
width: 100%;
text-align: center;
margin-right: 0px;
margin-bottom: 17px;
}
.related_beats_holder img {
width: 65% !important;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.social_share_buttons i {
float: none;
}
.free_button {
float: none;
margin-right: 10px;
}
} .overlay-help-header {
background: #222;
color: #ffffff;
font-size: 30px;
font-weight: bold;
padding: 20px 0px;
margin-bottom: 20px;
}
.overlay-text {
font-size: 18px;
text-align: left;
padding: 0px 20px;
}
.overlay-help-text li {
line-height: 25px;
border-style: solid;
border-bottom: 1px solid #f4f4f4;
padding: 10px 0px;
display: inline-block;
width: 100%;
}
.overlay-help-text li i {
padding: 10px;
font-size: 23px;
color: #ffffff;
float: left;
margin-right: 20px;
width: 30px;
float: left;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
text-align: center;
}
.overlay-help-text li:last-child {
border-bottom: 0px solid #ccc;
} @media (max-width: 601px) {
.overlay-help-header {
font-size: 20px;
margin-bottom: 0px;
}
.overlay-help-text {
font-size: 16px;
padding: 0px 10px;
}
.overlay-help-text li i {
margin-right: 15px;
font-size: 25px;
font-size: 20px;
width: 20px;
margin-top: 5px;
}
.overlay-help-text li {
line-height: 23px;
padding: 15px 0px;
}
.overlay-help-text li:last-child {
padding-bottom: 0px;
}
}  .overlay-promo-text {
padding: 80px 40px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
} .promo_big_text {
font-size: 45px;
font-weight: bold;
padding: 20px 10px;
margin-bottom: 15px;
margin-top: 30px;
} .promo_mid_text {
font-weight: bold;
font-size: 20px;
padding-bottom: 15px;
} .remodal.promo {
padding-bottom: 0px !important;
} @media (max-width: 601px) {
.overlay-promo-text {
padding: 40px 20px;
} .promo_big_text {
font-size: 35px;
margin-top: 10px;
}
}  .vizhidden {
display: none;
} .mejs-playlist .plthumb,
.mejs-playlist .plthumb img,
.mejs-playlist .genre,
.mejs-playlist .name,
.mejs-playlist .pltext,
.pltext a,
.mejs-playlist .plbutton {
z-index: 2;
position: relative;
} .mejs-playlist li.current {  overflow: hidden;
color: #ffffff;
background-color: #2e2c2c;
} #bars {
left: -17px;
margin-top: 82px;
position: relative;
top: 55%;
width: 100%;
z-index: 1;
opacity: 0.2;
}
@media (max-width: 500px) {
#bars {
margin-top: 105px;
}
} .bar {
background: #fff;
border-radius: 0px 0px 0 0;
bottom: 1px;
height: 3px;
position: absolute;
width: 6px;
animation: sound 0ms -800ms linear infinite alternate;
}
@keyframes sound {
0% {
opacity: .35;
height: 3px;
}
10% {
opacity: .35;
height: 23px;
}
20% {
opacity: .35;
height: 35px;
}
75% {
opacity: .85;
height: 58px;
}
100% {
opacity: 1;
height: 80px;
}
} .bar:nth-child(0) {
left: 2px;
animation-duration: 471ms;
}
.bar:nth-child(1) {
left: 11px;
animation-duration: 435ms;
}
.bar:nth-child(2) {
left: 20px;
animation-duration: 492ms;
}
.bar:nth-child(3) {
left: 29px;
animation-duration: 421ms;
}
.bar:nth-child(4) {
left: 38px;
animation-duration: 449ms;
}
.bar:nth-child(5) {
left: 47px;
animation-duration: 445ms;
}
.bar:nth-child(6) {
left: 56px;
animation-duration: 510ms;
}
.bar:nth-child(7) {
left: 65px;
animation-duration: 482ms;
}
.bar:nth-child(8) {
left: 74px;
animation-duration: 443ms;
}
.bar:nth-child(9) {
left: 83px;
animation-duration: 473ms;
}
.bar:nth-child(10) {
left: 92px;
animation-duration: 433ms;
}
.bar:nth-child(11) {
left: 101px;
animation-duration: 438ms;
}
.bar:nth-child(12) {
left: 110px;
animation-duration: 413ms;
}
.bar:nth-child(13) {
left: 119px;
animation-duration: 510ms;
}
.bar:nth-child(14) {
left: 128px;
animation-duration: 491ms;
}
.bar:nth-child(15) {
left: 137px;
animation-duration: 438ms;
}
.bar:nth-child(16) {
left: 146px;
animation-duration: 418ms;
}
.bar:nth-child(17) {
left: 155px;
animation-duration: 476ms;
}
.bar:nth-child(18) {
left: 164px;
animation-duration: 492ms;
}
.bar:nth-child(19) {
left: 173px;
animation-duration: 481ms;
}
.bar:nth-child(20) {
left: 182px;
animation-duration: 468ms;
}
.bar:nth-child(21) {
left: 191px;
animation-duration: 449ms;
}
.bar:nth-child(22) {
left: 200px;
animation-duration: 420ms;
}
.bar:nth-child(23) {
left: 209px;
animation-duration: 479ms;
}
.bar:nth-child(24) {
left: 218px;
animation-duration: 472ms;
}
.bar:nth-child(25) {
left: 227px;
animation-duration: 508ms;
}
.bar:nth-child(26) {
left: 236px;
animation-duration: 445ms;
}
.bar:nth-child(27) {
left: 245px;
animation-duration: 450ms;
}
.bar:nth-child(28) {
left: 254px;
animation-duration: 453ms;
}
.bar:nth-child(29) {
left: 263px;
animation-duration: 490ms;
}
.bar:nth-child(30) {
left: 272px;
animation-duration: 451ms;
}
.bar:nth-child(31) {
left: 281px;
animation-duration: 414ms;
}
.bar:nth-child(32) {
left: 290px;
animation-duration: 415ms;
}
.bar:nth-child(33) {
left: 299px;
animation-duration: 432ms;
}
.bar:nth-child(34) {
left: 308px;
animation-duration: 425ms;
}
.bar:nth-child(35) {
left: 317px;
animation-duration: 454ms;
}
.bar:nth-child(36) {
left: 326px;
animation-duration: 468ms;
}
.bar:nth-child(37) {
left: 335px;
animation-duration: 425ms;
}
.bar:nth-child(38) {
left: 344px;
animation-duration: 426ms;
}
.bar:nth-child(39) {
left: 353px;
animation-duration: 502ms;
}
.bar:nth-child(40) {
left: 362px;
animation-duration: 488ms;
}
.bar:nth-child(41) {
left: 371px;
animation-duration: 449ms;
}
.bar:nth-child(42) {
left: 380px;
animation-duration: 429ms;
}
.bar:nth-child(43) {
left: 389px;
animation-duration: 491ms;
}
.bar:nth-child(44) {
left: 398px;
animation-duration: 449ms;
}
.bar:nth-child(45) {
left: 407px;
animation-duration: 410ms;
}
.bar:nth-child(46) {
left: 416px;
animation-duration: 418ms;
}
.bar:nth-child(47) {
left: 425px;
animation-duration: 457ms;
}
.bar:nth-child(48) {
left: 434px;
animation-duration: 476ms;
}
.bar:nth-child(49) {
left: 443px;
animation-duration: 501ms;
}
.bar:nth-child(50) {
left: 452px;
animation-duration: 427ms;
}
.bar:nth-child(51) {
left: 461px;
animation-duration: 434ms;
}
.bar:nth-child(52) {
left: 470px;
animation-duration: 439ms;
}
.bar:nth-child(53) {
left: 479px;
animation-duration: 438ms;
}
.bar:nth-child(54) {
left: 488px;
animation-duration: 503ms;
}
.bar:nth-child(55) {
left: 497px;
animation-duration: 502ms;
}
.bar:nth-child(56) {
left: 506px;
animation-duration: 435ms;
}
.bar:nth-child(57) {
left: 515px;
animation-duration: 437ms;
}
.bar:nth-child(58) {
left: 524px;
animation-duration: 441ms;
}
.bar:nth-child(59) {
left: 533px;
animation-duration: 478ms;
}
.bar:nth-child(60) {
left: 542px;
animation-duration: 417ms;
}
.bar:nth-child(61) {
left: 551px;
animation-duration: 483ms;
}
.bar:nth-child(62) {
left: 560px;
animation-duration: 483ms;
}
.bar:nth-child(63) {
left: 569px;
animation-duration: 422ms;
}
.bar:nth-child(64) {
left: 578px;
animation-duration: 505ms;
}
.bar:nth-child(65) {
left: 587px;
animation-duration: 498ms;
}
.bar:nth-child(66) {
left: 596px;
animation-duration: 466ms;
}
.bar:nth-child(67) {
left: 605px;
animation-duration: 463ms;
}
.bar:nth-child(68) {
left: 614px;
animation-duration: 412ms;
}
.bar:nth-child(69) {
left: 623px;
animation-duration: 483ms;
}
.bar:nth-child(70) {
left: 632px;
animation-duration: 454ms;
}
.bar:nth-child(71) {
left: 641px;
animation-duration: 491ms;
}
.bar:nth-child(72) {
left: 650px;
animation-duration: 422ms;
}
.bar:nth-child(73) {
left: 659px;
animation-duration: 474ms;
}
.bar:nth-child(74) {
left: 668px;
animation-duration: 471ms;
}
.bar:nth-child(75) {
left: 677px;
animation-duration: 461ms;
}
.bar:nth-child(76) {
left: 686px;
animation-duration: 474ms;
}
.bar:nth-child(77) {
left: 695px;
animation-duration: 480ms;
}
.bar:nth-child(78) {
left: 704px;
animation-duration: 508ms;
}
.bar:nth-child(79) {
left: 713px;
animation-duration: 440ms;
}
.bar:nth-child(80) {
left: 722px;
animation-duration: 470ms;
}
.bar:nth-child(81) {
left: 731px;
animation-duration: 425ms;
}
.bar:nth-child(82) {
left: 740px;
animation-duration: 464ms;
}
.bar:nth-child(83) {
left: 749px;
animation-duration: 500ms;
}
.bar:nth-child(84) {
left: 758px;
animation-duration: 453ms;
}
.bar:nth-child(85) {
left: 767px;
animation-duration: 457ms;
}
.bar:nth-child(86) {
left: 776px;
animation-duration: 492ms;
}
.bar:nth-child(87) {
left: 785px;
animation-duration: 479ms;
}
.bar:nth-child(88) {
left: 794px;
animation-duration: 484ms;
}
.bar:nth-child(89) {
left: 803px;
animation-duration: 422ms;
}
.bar:nth-child(90) {
left: 812px;
animation-duration: 447ms;
}
.bar:nth-child(91) {
left: 821px;
animation-duration: 491ms;
}
.bar:nth-child(92) {
left: 830px;
animation-duration: 496ms;
}
.bar:nth-child(93) {
left: 839px;
animation-duration: 419ms;
}
.bar:nth-child(94) {
left: 848px;
animation-duration: 504ms;
}
.bar:nth-child(95) {
left: 857px;
animation-duration: 490ms;
}
.bar:nth-child(96) {
left: 866px;
animation-duration: 507ms;
}
.bar:nth-child(97) {
left: 875px;
animation-duration: 460ms;
}
.bar:nth-child(98) {
left: 884px;
animation-duration: 443ms;
}
.bar:nth-child(99) {
left: 893px;
animation-duration: 510ms;
}
.bar:nth-child(100) {
left: 902px;
animation-duration: 432ms;
}
.bar:nth-child(101) {
left: 911px;
animation-duration: 487ms;
}
.bar:nth-child(102) {
left: 920px;
animation-duration: 490ms;
}
.bar:nth-child(103) {
left: 929px;
animation-duration: 444ms;
}
.bar:nth-child(104) {
left: 938px;
animation-duration: 450ms;
}
.bar:nth-child(105) {
left: 947px;
animation-duration: 451ms;
}
.bar:nth-child(106) {
left: 956px;
animation-duration: 496ms;
}
.bar:nth-child(107) {
left: 965px;
animation-duration: 414ms;
}
.bar:nth-child(108) {
left: 974px;
animation-duration: 483ms;
}
.bar:nth-child(109) {
left: 983px;
animation-duration: 504ms;
}
.bar:nth-child(110) {
left: 992px;
animation-duration: 432ms;
}
.bar:nth-child(111) {
left: 1001px;
animation-duration: 505ms;
}
.bar:nth-child(112) {
left: 1010px;
animation-duration: 400ms;
}
.bar:nth-child(113) {
left: 1019px;
animation-duration: 490ms;
}
.bar:nth-child(114) {
left: 1028px;
animation-duration: 450ms;
}
.bar:nth-child(115) {
left: 1037px;
animation-duration: 500ms;
}
.bar:nth-child(116) {
left: 1046px;
animation-duration: 450ms;
}
.bar:nth-child(117) {
left: 1055px;
animation-duration: 432ms;
}
.bar:nth-child(118) {
left: 1064px;
animation-duration: 490ms;
}
.bar:nth-child(119) {
left: 1073px;
animation-duration: 500ms;
}
.bar:nth-child(120) {
left: 1082px;
animation-duration: 450ms;
}
.bar:nth-child(121) {
left: 1091px;
animation-duration: 500ms;
}
.bar:nth-child(122) {
left: 1100px;
animation-duration: 450ms;
}
.bar:nth-child(123) {
left: 1109px;
animation-duration: 432ms;
}
.bar:nth-child(124) {
left: 1118px;
animation-duration: 490ms;
}
.bar:nth-child(125) {
left: 1127px;
animation-duration: 500ms;
}
.bar:nth-child(126) {
left: 1136px;
animation-duration: 490ms;
}
.bar:nth-child(127) {
left: 1145px;
animation-duration: 500ms;
}
.bar:nth-child(128) {
left: 1154px;
animation-duration: 432ms;
}
.bar:nth-child(129) {
left: 1163px;
animation-duration: 472ms;
}
.bar:nth-child(130) {
left: 1172px;
animation-duration: 522ms;
}
.bar:nth-child(131) {
left: 1181px;
animation-duration: 422ms;
}
.bar:nth-child(132) {
left: 1190px;
animation-duration: 452ms;
}
.bar:nth-child(133) {
left: 1199px;
animation-duration: 492ms;
}
.bar:nth-child(134) {
left: 1208px;
animation-duration: 472ms;
}
.bar:nth-child(135) {
left: 1217px;
animation-duration: 502ms;
}
.bar:nth-child(136) {
left: 1226px;
animation-duration: 552ms;
}
.bar:nth-child(137) {
left: 1235px;
animation-duration: 502ms;
}
.bar:nth-child(138) {
left: 1244px;
animation-duration: 452ms;
}
.bar:nth-child(139) {
left: 1253px;
animation-duration: 422ms;
}
.bar:nth-child(140) {
left: 1262px;
animation-duration: 462ms;
}
.bar:nth-child(141) {
left: 1271px;
animation-duration: 492ms;
}
.bar:nth-child(142) {
left: 1280px;
animation-duration: 532ms;
}
.bar:nth-child(143) {
left: 1289px;
animation-duration: 592ms;
}
.bar:nth-child(144) {
left: 1298px;
animation-duration: 552ms;
}
.bar:nth-child(145) {
left: 1307px;
animation-duration: 502ms;
}
.bar:nth-child(146) {
left: 1316px;
animation-duration: 462ms;
}
.bar:nth-child(147) {
left: 1325px;
animation-duration: 402ms;
}
.bar:nth-child(148) {
left: 1334px;
animation-duration: 452ms;
}
.bar:nth-child(149) {
left: 1343px;
animation-duration: 492ms;
}
.bar:nth-child(150) {
left: 1352px;
animation-duration: 562ms;
}
.bar:nth-child(151) {
left: 1361px;
animation-duration: 572ms;
}
.bar:nth-child(152) {
left: 1370px;
animation-duration: 502ms;
}
.bar:nth-child(153) {
left: 1379px;
animation-duration: 422ms;
}
.bar:nth-child(154) {
left: 1388px;
animation-duration: 482ms;
}
.bar:nth-child(155) {
left: 1397px;
animation-duration: 442ms;
}
.bar:nth-child(156) {
left: 1406px;
animation-duration: 492ms;
}
.bar:nth-child(157) {
left: 1415px;
animation-duration: 522ms;
}
.bar:nth-child(158) {
left: 1424px;
animation-duration: 572ms;
}
.bar:nth-child(159) {
left: 1433px;
animation-duration: 522ms;
}
.bar:nth-child(160) {
left: 1442px;
animation-duration: 502ms;
}
.bar:nth-child(161) {
left: 1451px;
animation-duration: 452ms;
}
.bar:nth-child(162) {
left: 1460px;
animation-duration: 447ms;
}
.bar:nth-child(163) {
left: 1469px;
animation-duration: 497ms;
}
.bar:nth-child(164) {
left: 1478px;
animation-duration: 527ms;
}
.bar:nth-child(165) {
left: 1487px;
animation-duration: 567ms;
}
.bar:nth-child(166) {
left: 1496px;
animation-duration: 537ms;
}
.bar:nth-child(167) {
left: 1505px;
animation-duration: 507ms;
}
.bar:nth-child(168) {
left: 1514px;
animation-duration: 467ms;
}
.bar:nth-child(169) {
left: 1523px;
animation-duration: 427ms;
} .contact {
padding-bottom: 15px;
}
.input {
background-color: #ffffff;
padding: 8px;
border: 1px solid #CCC;
color: #666666;
width: 420px;
margin-bottom: 13px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.input input:focus {
color: #666666;
border-color: #484848;
}
#contact label,
#comments_form label {
padding-bottom: 7px;
padding-top: 4px;
font-weight: bold;
display: block;
}
#comments_form .input {
font-size: 14px;
line-height: 1.57;
text-rendering: optimizelegibility;
} .promo-bar {
text-align: center;
position: static;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
line-height: 15px;
font-size: 16px;
}
.promo-bar .close {
float: right;
padding-right: 16px;
margin-top: -2px;
}
.promo-bar span {
display: inline-block;
}
.promo-bar a.promobar-button {
color: #ffffff;
text-decoration: none;
background-color: #333333;
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
margin-left: 25px;
}  .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;
} 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; }
.toggle_container { overflow: hidden;
padding-bottom: 10px;
} .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 {
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;
} .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;
} #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;
}  #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; ;
}
.store-holder {
float: left;
margin-right: 33px;
width: 200px;
height: 250px;
padding-bottom: 40px;
text-align: center;
}
.store-holder:nth-child(4n+4) {
margin-right: 0px;
} .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: auto;
}
.store_social_share_padding {
margin-top: 10px;
opacity: 0.4;
filter: alpha(opacity=40); ;
}
.store_social_share_padding:hover {
opacity: 0.9;
filter: alpha(opacity=90); ;
}
.store-holder:hover {
opacity: .8;
} #store-product-image .fader {
height: 400px;
width: 470px;
margin-top: 0px;
} #main #store-product-image li {
padding-bottom: 0px;
line-height: 0px;
}
#shipping {
display: block;
padding-bottom: 15px; font-style: italic;
} h1#content_header form {
margin-top: -8px;
} .single_store_categories {
text-align: right;
}
.single_product_left .single_store_categories {
text-align: left;
}  @media (max-width: 950px) {
.related_products .store-holder {
width: 46%;
float: left;
display: inline-block;
}
}
@media (max-width: 530px) {
.related_products .store-holder {
width: 95%;
float: none;
display: inline-block;
}
} .single_product_left #store-product-image {
float: left;
margin-bottom: 15px;
padding-left: 0;
margin-left: 0;
}
.single_product_left .products_computer .fader {
margin-left: 0px;
}
.single_product_left #store-product-information {
float: right;
padding-left: 20px;
padding-right: 0px;
}
.single_product_left .social_share_buttons {
float: left;
}
.single_product_left .social_share_buttons i {
float: left !important;
margin-left: 0px !important;
margin-right: 10px !important;
}
.single_product_left .fader ul {
padding-left: 0px !important;
} #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: 290px;
padding-bottom: 20px;
height: 240px;
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;
} .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;
} .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: .9374rem;
padding-left: 0;
float: left;
line-height: 1.5em;
}
.one-full {
margin-right: 0;
width: 100%;
overflow: hidden;
}
.one-half {
width: 48.2%;
}
.one-third {
width: 31.5%;
}
.one-fourth {
width: 23.1%;
}
.row .one-fourth:last-of-type {
padding-right: 0px;
}
.one-fifth {
width: 18.0%;
}
.row .one-fifth:last-of-type  {
padding-right: 0px ;
}
.two-third {
width: 64.9%;
} @media (max-width: 970px) {
.one-half {
width: 47%;
}
.one-third {
width: 30.3%;
}
.one-fourth {
width: 22%;
}
.one-fifth {
width: 17.3%;
}
.two-third {
width: 63.9%;
} .one-full img,
.one-half img,
.one-third img,
.one-fourth img,
.one-fifth img,
.two-third img {
width: 100%;
}
} @media (max-width: 800px) {
.one-half {
width: 45%;
}
.one-fourth,
.one-fifth {
width: 46%;
margin-bottom: 20px;
}
} @media (max-width: 610px) {
.one-full,
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.two-third {
width: 96%;
padding-right: 0px;
}
.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 .one-half:last-of-type,
.row .one-third:last-of-type,
.row .one-fourth:last-of-type,
.row .one-fifth:last-of-type,
.row .two-third:last-of-type {
padding-right: 0;
}   #edd_checkout_form_wrap #edd_final_total_wrap {
margin-top: 15px;
margin-bottom: 15px;
} .widget .edd_total {
background-color: transparent !important;
} .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;
} #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;
} #edd_final_total_wrap {
font-size: 16px;
} #edd-purchase-button,
.edd-submit,
input.edd-submit[type="submit"] {
border: 0px;
font-size: 19px;
font-weight: bold;
margin-bottom: 0px !important;
} #edd_show_terms {
padding-bottom: 10px;
} span.edd-cart-item-title,
.edd_subtotal {
font-style: normal;
font-weight: bold;
} a.edd-remove-from-cart {
font-size: 0px;
float: right;
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/remove.png);
background-repeat: no-repeat;
width: 16px;
text-indent: -999px;
} li.edd-cart-item {
padding-bottom: 7px;
padding-top: 7px;
border-bottom-style: solid;
border-bottom-width: 1px;
} .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;
} .edd-cart-added-alert {
padding-top: 13px;
position: static;
} #edd_checkout_cart td img {
width: 50px;
height: 50px;
} #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;
}
#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;
} #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;
} #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;
} #edd_user_history {
border-top: 0;
} #edd_checkout_form_wrap .edd-payment-icons {
margin-top: 15px;
margin-bottom: 20px;
}  .category_dropdown {
float: right;
}
.pp_social .facebook {
width: 85px !important;
} #pagination_buttons .pag_number,
#pagination_buttons .current,
#pagination_buttons .dots {
display: none;
}   ::-moz-selection {
background-color: #cccccc;
} .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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search_icon.png);
background-repeat: no-repeat;
background-position: 290px center;
border: 1px solid #CCC;
}
#search-inputs .input {
margin-right: 10px;
} .twtr-hd,
.twtr-ft div {
display: none;
}
.twitter_button_width {
width: 90px;
height: 21px;
} .searchfield {
font-size: 13px;
padding: 10px 28px 10px 6px;
width: 240px;
border: 1px solid #E7E7E7;
font: inherit;
color: #888;
background: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/search.png) no-repeat 96% 50%;
} .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 {} .player-error {
color: #cccccc;
padding: 20px;
background: #252424;
text-align: center;
}
.player-error a {
font-weight: normal;
} #scrollUp {
background-image: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/top.png);
bottom: 20px;
right: 20px;
width: 38px;
height: 38px;
} #scrollUp {
opacity: 0.2;
}
#scrollUp:hover {
opacity: 1;
} .wp-caption {
max-width: 100%;
} .admin-bar .navigation_holder.sticky {
margin-top: 32px;
} #ajax-overlay {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
opacity: 0.8;
filter: alpha(opacity=80);
background: rgba(0, 0, 0, .8) url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/loading-animation.gif) 50% 50% no-repeat;
}
#ajax-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
margin: -28px 0 0 -25px;
} body.page-template-template-frontpage-sections-php #ajax-overlay,
body.page-template-archive-download #ajax-overlay,
body.tax-genre #ajax-overlay,
body.tax-price_taxonomy #ajax-overlay,
body.tax-download_category #ajax-overlay,
body.post-type-archive-download #ajax-overlay,
body.tax-download_tag #ajax-overlay,
body.page-template-template-beat-sort #ajax-overlay {
overflow: hidden !important;
display: none !important;
}    .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;
} #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;
} #mobile-nav-holder {
display: none;
}
.mobile-date {
display: none;
} @media (max-width: 959px) {
.header_inside_container,
#footer_sub,
#footer {
width: 960px;
margin: 0px;
}
} @media (max-width: 970px) {
.single_store_categories {
text-align: left;
} #site_logo img {
max-width: 90%;
height: auto;
} #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;
}   .mobile_hide, .dataTables_length, #Fader h3, .website-event-date {
display: none;
} .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;
} #main,
.fullwidth,
#main.leftside {
width: 94%;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
padding-bottom: 15px;
margin: 0px; }
#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;
} .blog_post_comments {
line-height: 20px;
} .header_inside_container {
text-align: center;
}
#site_logo {
padding-top: 13px;
padding-bottom: 13px;
} .header_inside_container h1,
.header_inside_container .site-name {
width: 100%;
}
#site_name h1 {
padding-bottom: 0px;
font-size: 30px;
margin: 0px !important;
}
.header_inside_container {
padding-top: 15px;
padding-bottom: 10px;
}
#site_name {
padding-top: 5px;
width: 100%;
} #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;
} #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;
} #widget_new_beats li {
clear: left;
}
#widget_new_beats li .genre {
min-height: 17px;
} .widget .me-cannotplay span {
display: none;
} .input {
width: 85%;
padding: 2%;
margin: 0px;
margin-bottom: 13px;
} #example_filter label {
float: left;
padding-bottom: 10px;
} #beat_player_text,
.beat_player_player,
#beat_description_text,
#beat_player_description {
padding-left: 15px;
float: left;
padding-right: 0;
}
.beat-information {
width: 99%;
} #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;
}  .video-holder:nth-child(3n+3) {
margin-right: 10px;
}
.video-holder {
margin-right: 10px;
margin-bottom: 15px;
height: 220px;
}
.video-holder img {
height: 200px;
width: 273px;
}
.video-holder div,
.video-holder a {
display: inline-block;
width: 100%;
} .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 {
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: 0px;
margin: 0px;
}
.products_computer {
float: none;
margin-left: 0px;
margin-right: 0px;
display: block;
margin-bottom: 15px;
} .photogalley-holder div,
.photogalley-holder a {
display: inline-block;
width: 100%;
} .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;
} .widget_banner {
width: auto !important;
}
}  @media (max-width: 670px) { .video-holder {
width: 45% !important;
height: auto;
padding-bottom: 10px;
}
img.video-holder {
width: 100% !important;
}  .beat-table-bpm {
display: none;
} .category_dropdown {
display: block;
float: none;
} .single-store .category_dropdown {
display: none;
float: none;
} #beat_player_text,
.beat_player_player,
#beat_description_text,
#beat_player_description {
margin: 0;
padding-left: 3%;
width: 95%;
}
}  @media (max-width: 560px) { #Fader h2 {
top: 24%;
} .beat-table-button,
.beat-table-genre {
display: none;
} #site_logo img {
height: auto;
width: auto !important;
max-width: 100% !important;
} .store-holder,
.photogalley-holder {
width: 45%;
} .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;
} #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;
}
}  @media (max-width: 480px) { .promo-bar span a.promobar-button {
display: block;
margin-top: 14px;
margin-left: auto;
width: fit-content;
margin-right: auto;
}
.promo-bar span {
padding-left: 15px;
padding-right: 15px;
display: block;
line-height: 156%;
}
.promo-bar .close {
padding-right: 12px;
} .mejs-audio {
width: 100% !important;
} #mediawrapper .mejs-container {
width: 99%;
}
.store_table .mejs-audio,
.widget .mejs-audio {
width: 25px !important;
} h1#content_header {
font-size: 25px;
padding-bottom: 10px;
margin-bottom: 10px;
} #example_filter label {
display: none;
}
.beat-table-price {
padding-right: 5px;
} .dataTables_info {
width: 100%;
text-align: center;
}
#example_paginate {
width: 100%;
} .grow:hover {
transform: scale(1.0);
} .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;
}
}  @media (max-width: 400px) { .fader .pager_list {
display: none;
} #right_side img {
width: 100%;
height: auto;
} .store-holder,
.photogalley-holder {
width: 100%;
margin-right: 0;
text-align: center;
} .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%;
} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
width: 50px;
} #scrollUp {
display: none !important;
}
}
@media (max-width: 490px) {
#store-product-image .fader {
height: 360px;
}
}
@media (max-width: 450px) {
#store-product-image .fader {
height: 350px;
}
}
@media (max-width: 420px) {
#store-product-image .fader {
height: 300px;
}
}
@media (max-width: 375px) {
#store-product-image .fader {
height: 260px;
}
}
@media (max-width: 330px) {
#store-product-image .fader {
height: 220px;
}
}
@media (max-width: 253px) {
#store-product-image .fader {
height: 180px;
}
}   .hide-beat-sorting-bar {
display: none;
} #under_beatstore br {
content: "A" !important; display: none !important; }  .widget .input {
width: 80%;
}
.widget #search-inputs .button {
margin-bottom: 0px;
} .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(//www.wonderousbeats.com/wp-content/themes/MusicMaker/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;
} .widget .mejs-container .mejs-controls div {
padding-left: 2px;
} @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; background: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/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 {
margin-bottom: 15px;
} @media (max-width: 500px) {
#store-banner {
display: none;
}
} @media (max-width: 500px) {
#store-banner {
display: none;
}
} @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;
}
} .page-template-template-beat-store-paginated-sidebar .page_nav {
padding-top: 20px;
margin-bottom: 20px !important;
}  a.beat-store-table-noprice {
font-weight: normal;
}
@media (max-width: 400px) {
#primary_nav_wrap ul li {
width: 32%;
}
} .pltext a.beat_store_noprice_link {
padding-top: 0px;
}  div.pp_default .pp_content,
div.light_rounded .pp_content {
background-color: transparent !important;
} .pp_content_container {
color: #ffffff !important;
} div.pp_default .pp_social {
margin-left: 0px !important;
} div.pp_default .pp_description {
font-size: 15px !important;
margin-top: 11px !important;
} .edd-cart-added-alert {
padding-top: 0px;
padding-bottom: 5px;
} .mejs-playlist li.current .plthumb,
.mejs-playlist li.current .plthumb img {
width: 75px;
height: 75px;
}
@media (max-width: 500px) { .mejs-playlist li.current .plthumb,
.mejs-playlist li.current .plthumb img {
background-size: 60px 60px !important;
width: 60px !important;
height: 60px !important;
}
} .mejs-playlist li.current span.name {
font-size: 18px;
padding-bottom: 3px;
}
@media (max-width: 500px) { .mejs-playlist li.current span.name {
padding-top: 0px;
font-size: 17px;
padding-bottom: 0px;
}
} .mejs-playlist li.current .pltext {
padding-top: 31px;
} .mejs-playlist li.current .plthumb {
background-size: 75px 75px;
} .mejs-playlist li.current .plbutton {
margin-top: 25px;
}
@media (max-width: 400px) {
.mejs-playlist li.current .pltext {
padding-top: 7px;
}
} @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;
}
} .front_page_fullwidth {
margin: 0;
padding: 0;
}
.front_holder {
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
padding-top: 50px;
} @media (max-width: 990px) { .front_holder {
width: 100%;
} .front_page_fullwidth {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 400px) {
.front_page_fullwidth {
padding-left: 8px !important;
padding-right: 8px !important;
}
}  .front_holder h3 {
padding-bottom: 20px;
}
.front_holder p { line-height: 150%;
padding-bottom: 25px;
}
.front_holder p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
p.frontpage_textwrap {
white-space: pre-wrap;
} .front_holder .button {
font-weight: normal;
} .front_holder_center {
text-align: center;
}
.front_page_center_text {
text-align: center;
} ul#homearea_four_columns {
margin-bottom: 20px;
margin-top: 5px;
}
ul#homearea_four_columns li {
display: inline-block;
width: 24%;
margin-bottom: 25px;
}
ul#homearea_four_columns li img {
width: 90%;
max-width: 210px;
height: auto;
}
ul#homearea_four_columns li a {
display: block;
margin-bottom: 10px;
text-decoration: none;
} @media (max-width: 961px) {
ul#homearea_four_columns li {
width: 32%;
}
} @media (max-width: 530px) {
ul#homearea_four_columns li {
width: 45%;
}
} @media (max-width: 940px) {
#products ul#homearea_four_columns li {
width: 48%;
}
#products ul#homearea_four_columns li img {
width: 60%;
}
}
@media (max-width: 600px) {
#products ul#homearea_four_columns li img {
width: 70%;
}
}
@media (max-width: 500px) {
#products ul#homearea_four_columns li {
width: 100%;
}
#products ul#homearea_four_columns li img {
width: 55%;
}
}
@media (max-width: 430px) {
#products ul#homearea_four_columns li img {
width: 60%;
}
}  .front_page_aboutme img {
width: 450px; height: 300px;
object-fit: cover;
} .front_page_aboutme_right {
float: right;
margin-left: 30px;
}
.front_page_aboutme_left {
float: left;
margin-right: 30px;
} @media (max-width: 940px) {
.front_page_aboutme img {
width: 50%;
}
}
@media (max-width: 670px) {
.front_page_aboutme {
text-align: center;
}
.front_page_aboutme_right {
float: none;
margin-left: 0px;
}
.front_page_aboutme img {
width: 90%;
padding-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
float: none;
}
}  .front-page-section-padding {
padding-bottom: 25px;
} @media (max-width: 940px) {
.front_holder {
width: 100%;
padding-top: 40px;
padding-bottom: 30px;
}
.front_page_products,
.front_page_textinfo {
text-align: center;
}
}  .front_page_contact_section .wpcf7-form [type="submit"] {
padding-top: 7px;
padding-right: 30px;
padding-bottom: 7px;
padding-left: 30px;
border: none;
font-size: 16px;
color: #ffffff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
} .front_page_contact_section .contact-half p:last-of-type {
padding-bottom: 0px;
} .front_page_contact_section .contact-half {
width: 45%;
display: inline-block;
float: left;
margin-right: 2%;
}
.front_page_contact_section .first-half p {
padding-right: 80px;
} @media screen and (max-width: 800px) {
.front_page_contact_section .contact-half {
width: 100%;
float: none;
display: block;
text-align: center;
}
.front_page_contact_section .first-half p {
padding-right: 0px;
}
}  #homearea_three_column_blog li,
#homearea_three_services li {
display: inline-block;
width: 30%;
margin: 0 1.5% 40px 1.5%;
float: none;
vertical-align: top;
} #homearea_three_column_blog li img,
#homearea_three_services li img {
margin-bottom: 15px;
max-width: 100%;
object-fit: cover;
} .front_page_blog a strong {
line-height: 1.4em;
display: block;
padding-bottom: 5px;
} #homearea_three_column_blog a,
#homearea_three_services a {
text-decoration: none;
} @media screen and (max-width:961px) { #homearea_three_services li img {
width: 95%;
height: auto;
} #homearea_three_column_blog li img {
width: 95%;
height: auto;
}
}
@media screen and (max-width:900px) { #homearea_three_column_blog li,
#homearea_three_services li {
width: 45%;
}
}
@media screen and (max-width:600px) { #homearea_three_column_blog li,
#homearea_three_services li {
width: 100%;
} #homearea_three_column_blog li img,
#homearea_three_services li img {
width: 70%;
height: auto;
}
} #credits #homearea_three_services li img {
width: 220px;
height: 220px;
object-fit: cover;
} #services #homearea_three_services li img {
width: 290px;
height: 170px;
object-fit: cover;
}   .front_page_banner_image h2,
.frontpage_video_banner_div h2 {
font-size: 45px;
line-height: 85%;
padding: 20px;
} @media screen and (max-width: 780px) { .front_page_banner_image h2,
.frontpage_video_banner_div h2 {
font-size: 30px;
padding-bottom: 10px;
}
} .front_banner_image img,
.frontpage_video_banner_div img {
max-height: 500px;
max-width: 90%;
} .frontpage_video_banner_div {
text-align: center;
position: relative;
overflow: hidden;
} .frontpage_video_banner_div .button {
color: #ffffff;
}
.front_banner_video {
z-index: 10;
position: relative;
} .frontpage_video_banner_class {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%);
z-index: 0; } @media screen and (max-width: 2600px) {
.frontpage_video_banner_class {
height: 300%;
}
} @media screen and (max-width: 2000px) {
.frontpage_video_banner_class {
height: 230%;
}
} @media screen and (max-width: 1600px) {
.frontpage_video_banner_class {
height: 190%;
}
} @media screen and (max-width: 1500px) {
.frontpage_video_banner_class {
height: 170%;
}
} @media screen and (max-width: 1000px) {
.frontpage_video_banner_class {
height: 120%;
}
} @media screen and (max-width: 500px) { .frontpage_video_banner_class {
height: 150%;
} .frontpage_video_banner_div .button {
font-size: 13px;
padding: 8px 15px;
}
}  .front_holder .mejs-playlist li .cname {
line-height: 20px; }
.front_holder .mejs-playlist li.current .cname {
padding-top: 5px;
} p.frontpage_bottom_text {
padding-top: 20px;
} .front_page_pricing_table div.ptp-cta {
display: none;
}  .page-template-template-frontpage-sections-php #content,
.page-template-template-frontpage-sections-php #wrapper {
display: none;
}
.page-template-template-frontpage-sections-php .widget_holder_sub {
padding-top: 20px;
} .frontpage-edit-icon {
position: relative;
top: -35px;
} @media only screen and (max-width:765px) {
.ptp-col {
width: 44% !important;
}
}
@media only screen and (max-width:500px) {
.ptp-col {
width: 96% !important;
}
}  #email label {
width: 80%;
display: inline-block;
text-align: center;
margin-right: 15px;
font-weight: bold;
padding-bottom: 16px;
} #email input[type="email"],
#email input[type="text"],
#email select {
width: 55%;
display: inline-block;
font-size: 18px;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #cccccc;
text-align: center;
} #email input[type="submit"] {
width: 56.8%;
background: #333;
display: inline-block;
font-size: 18px;
color: #ffffff;
border: none;
padding: 10px;
}
@media (max-width: 420px) { #email label {
width: 100%;
display: inline-block;
text-align: center;
margin-right: 0;
} #email input[type="email"],
#email input[type="text"],
#email select {
width: 90%;
} #email input[type="submit"] {
width: 97%;
}
}  .front_page_fullwidth .testimonial:before {
content: none;
}
.front_page_fullwidth .testimonial {
width: auto;
padding: 0;
position: static;
} h3.frontpage_title {
line-height: 1.0em;
}
@media (max-width: 800px) {
h3.frontpage_title {
font-size: 28px !important;
}
}
.fa.big {
font-size: 50px;
margin-bottom: 15px;
} .front_holder .mejs-playlist {
line-height: 14px;
}
.promo__text {
padding-bottom: 20px;
}
.promo__text:last-child {
padding-bottom: 0px;
}  .wow {
visibility: hidden;
}
.wow:nth-child(2),
.animated:nth-child(2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.wow:nth-child(3),
.animated:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.wow:nth-child(4),
.animated:nth-child(4) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.wow:nth-child(5),
.animated:nth-child(5) {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
}
.wow:nth-child(6),
.animated:nth-child(6) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.wow:nth-child(7),
.animated:nth-child(7) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.wow:nth-child(8),
.animated:nth-child(8) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.wow:nth-child(9) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.wow:nth-child(10) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.wow:nth-child(11) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.wow:nth-child(12) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.wow:nth-child(13) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.wow:nth-child(14) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.wow:nth-child(15) {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.wow:nth-child(16) {
-webkit-animation-delay: 3.0s;
animation-delay: 3.0s;
}
.wow:nth-child(17) {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.wow:nth-child(18) {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.wow:nth-child(19) {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.wow:nth-child(20) {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}  .page-title-holder {
width: 940px;
margin-left: auto;
margin-right: auto;
}
.page-title-holder h1 {
font-size: 28px;
} #page-title #beat_store_home {
font-size: 17px;
} @media (max-width: 970px) {
.page-title-holder {
width: 94%;
padding-left: 3%;
padding-right: 3%;
padding-top: 15px;
padding-bottom: 10px;
}
}
@media (max-width: 600px) {
.page-title-holder {
text-align: center;
}
.page-title-holder {
padding-top: 15px !important;
padding-bottom: 15px !important;
} #page-title .page-title-holder h1 {
font-size: 30px !important;
}
}  .float {
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover,
.float:focus,
.float:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.pop {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pop:hover,
.pop:focus,
.pop:active {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}  .wpcf7-form .wpcf7-text,
.wpcf7-form textarea,
.wpcf7-form .wpcf7-select,
.wpcf7-form .wpcf7-date,
.wpcf7-form .wpcf7-quiz,
.wpcf7-form .wpcf7-number {
padding: 10px 2%;
font-size: 16px;
border: 1px solid #ccc;
margin-top: 8px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
font-family: 'Helvetica', 'sans-serif';
width: 94%;
} .wpcf7-form .wpcf7-select {
height: 45px;
background: #ffffff;
margin-top: 8px;
width: 99%;
} .wpcf7-form span.wpcf7-list-item {
display: inline-block;
width: 100%;
margin-bottom: 15px;
text-align: left;
} .wpcf7-form .wpcf7-file {
margin-bottom: 20px;
} .page-template-template-fullwidth-php .wpcf7-form .wpcf7-text,
.page-template-template-fullwidth-php .wpcf7-form textarea,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-select,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-date,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-quiz,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-number
{
width: 70%;
max-width: 500px;
}
@media (max-width: 500px) { .page-template-template-fullwidth-php .wpcf7-form .wpcf7-text,
.page-template-template-fullwidth-php .wpcf7-form textarea,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-select,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-date,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-quiz,
.page-template-template-fullwidth-php .wpcf7-form .wpcf7-number {
width: 90%;
}
} .wpcf7-submit {
background-color: #333333;
border: none;
color: #ffffff;
font-weight: bold;
} @media (max-width: 480px) {
.wpcf7-textarea {
width: 90%;
}
}
#widget_new_beats li a {
line-height: 1.2;
}
.front_holder .button,
.front_holder a.button,
.front_holder #comments_form .button,
.front_holder .wpcf7-submit {
margin-bottom: 0px !important;
}
.widget_column_right {
float: left;
width: 76.5%;
}
.widget_column_right_longer {
float: left;
width: 83.5%;
}
@media screen and (max-width:960px) {
.widget_column_right {
float: none;
width: auto;
}
} .ie .wow {
animation-name: none !important;
visibility: visible !important;
} @media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.wow {
animation-name: none !important;
visibility: visible !important;
}
} @supports (-ms-accelerator:true) {
.wow {
animation-name: none !important;
visibility: visible !important;
}
} #frontpage_beatstore_left {
float: left;
display: block;
} #frontpage_beatstore_sidebar {
float: right;
display: block;
text-align: left;
} #frontpage_beatstore_sidebar .edd_checkout a {
color: #fff;
text-decoration: none;
} @media (max-width: 970px) {
#frontpage_beatstore_left {
width: 100%;
margin-bottom: 15px;
}
#frontpage_beatstore_sidebar {
width: 100%;
float: left;
}
#frontpage_beatstore_sidebar .widget {
width: 94%;
padding-left: 3%;
padding-right: 3%;
}
} #frontpage_beatstore_sidebar .widget_edd_cart_widget.widget li.edd_checkout {
margin-bottom: 5px !important;
} #beatstore_loader {
padding-top: 10px;
text-align: center;
display: block;
}
#beatstore_loader_window,
#frontpage_beatstore_sidebar {
animation:         2.5s ease 0s normal forwards 1 fadein;
-webkit-animation: 2.5s ease 0s normal forwards 1 fadein;
opacity: 1;
}
@keyframes fadein {
0% {
opacity: 0
}
80% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0
}
80% {
opacity: 0
}
100% {
opacity: 1
}
} .beatstore_overlay_beat_preview {
padding-bottom: 15px;
display: block; font-size: 14px;
}
.beatstore_overlay_beat_preview .preview_download_button {
background: #666666;
color: #ffffff;
} .load_box {
height: 30px;
}
.loader,
.loader:before,
.loader:after {
background: #000;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader {
color: #000;
text-indent: -9999em;
margin: 30px auto 0px auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
opacity: 0.05;
}
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
} .front_page_social_media i {
font-size: 35px;
margin-right: 15px;
width: 65px;
height: 35px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 50%;
}
.front_page_social_media {
text-align: center;
} .beat_button {
background: #333333;
color: #ffffff;
float: right;
margin-right: 10px;
padding: 8px 15px;
margin-top: 11px;
border-radius: 3px;
font-size: 14px;
letter-spacing: 0.7px;
z-index: 2;
position: relative;
} .mejs-playlist li.current .beat_button {
margin-top: 20px;
} .beat_button:hover {
text-decoration: none !important;
color: #ffffff;
} .beat_button i {
margin-left: 7px;
color: #ffffff !important;
font-size: 10px !important;
} .mejs-playlist .beat_button .fa {
font-size: 17px !important;
margin-top: -3px;
}
@media (max-width: 510px) {
.beat_button {
float: left;
margin-bottom: 15px;
margin-right: 0px;
margin-left: 15px;
margin-top: 8px;
} .mejs-playlist li.current .beat_button {
margin-top: 5px;
}
}
@media (max-width: 490px) {
.mejs-playlist .cname {
width: 78%;
}
}
@media (max-width: 340px) {
.mejs-playlist .cname {
width: 72%;
}
} #beat_sort_bar ul li ul li ul { min-width: 206px;
} body.page-template-template-beat-sort-php #main.leftside .cname {
width: 54% !important;
} #slider-banner-noshortcode {
text-align: center;
padding: 120px 20px; max-width: 960px; margin-left: auto;
margin-right: auto; color: #967324; }
#slider-banner-noshortcode h4 {
font-size: 30px;
color: #333232;
}
#slider-banner-noshortcode p,
#slider-banner-noshortcode p a {
font-size: 18px;
color: #575656;
}
#slider-banner-noshortcode a {
text-decoration: underline;
}
#slider-banner-noshortcode .info_icon_slider {
background: #333232;
width: 45px;
height: 45px;
display: inline-block;
border-radius: 50px;
color: #ffffff;
margin-right: 10px;
font-size: 29px;
} #edd_checkout_form_wrap fieldset#edd_cc_fields {
border: 0px solid #f0f0f0;
background: none;
} #edd-discount-code-wrap {
margin-bottom: 20px !important;
} #edd_checkout_form_wrap #edd_show_discount {
margin-bottom: 15px;
display: block;
} #remodal-item-view-content .edd-cart-added-alert {
font-size: 18px;
} #remodal-item-view-content a.edd-add-to-cart {
display: inline-block;
} #remodal-item-view-content input.edd-submit[type="submit"] {
display: none;
} #remodal-item-view-content .modal-load-icon {
margin-top: 30px;
display: block;
width: 31px;
height: 31px;
background: url(//www.wonderousbeats.com/wp-content/themes/MusicMaker/images/loader.gif) no-repeat;
margin-left: auto;
margin-right: auto;
}
#site_name {
padding-bottom: 5px;
}
.header_holder .header_inside_container h1 {
line-height: normal;
padding-bottom: 0px;
margin-bottom: 0;
} #noprice_missing_shortcode {
text-align: center;
line-height: 150%;
background: #edf0f2;
padding: 15px 10px;
font-size: 16px;
border-radius: 10px
}
#noprice_missing_shortcode a {
color: #333333;
} #widget_new_beats li a {
white-space: nowrap;
overflow: hidden;
} @media (max-width: 620px) {
.remodal {
width: 90%;
height: 95%;
max-height: 600px;
overflow: auto;
} .remodal .overlay-image-bg img {
width: 190px;
height: 190px;
} .overlay-image-bg {
height: 160px;
} .remodal p.beat-name {
font-size: 26px;
padding-left: 10px;
padding-right: 10px;
}
#beat_description_text p {
padding-left: 20px;
padding-right: 20px;
font-size: 17px;
}
} @media (max-width: 500px) {
#scrollUp {  display: none !important; }
} .front_holder  .strong-view.wpmtst-modern .wpmtst-testimonial-image img {
width: 100px;
height: 100px;
margin-top: 25px;
}  #menu_text_link {
display: none;
} @media screen and (max-width:880px) {
#menu_text_link {
display: block;
width: 85%
} ul.topnav li#menu_text_link  a {
width: 100%;
text-align: left
}
} @media screen and (max-width:400px) {
#menu_text_link { width: 75%; }
}  .banner_text_style_black_box {
background: #010101;
display: inline-block;
padding-bottom: 25px;
margin-bottom: 25px;
padding-right: 30px;
padding-left: 30px;
} .banner_text_style_red_blue_animation {
animation: move linear 2000ms infinite;
}
@keyframes move {
0% {
text-shadow:
4px -4px 0 hsla(0, 100%, 50%, 1),
3px -3px 0 hsla(0, 100%, 50%, 1),
2px -2px 0 hsla(0, 100%, 50%, 1),
1px -1px 0 hsla(0, 100%, 50%, 1),
-4px 4px 0 hsla(180, 100%, 50%, 1),
-3px 3px 0 hsla(180, 100%, 50%, 1),
-2px 2px 0 hsla(180, 100%, 50%, 1),
-1px 1px 0 hsla(180, 100%, 50%, 1);
}
25% {
text-shadow:
-4px -4px 0 hsla(180, 100%, 50%, 1),
-3px -3px 0 hsla(180, 100%, 50%, 1),
-2px -2px 0 hsla(180, 100%, 50%, 1),
-1px -1px 0 hsla(180, 100%, 50%, 1),
4px 4px 0 hsla(0, 100%, 50%, 1),
3px 3px 0 hsla(0, 100%, 50%, 1),
2px 2px 0 hsla(0, 100%, 50%, 1),
1px 1px 0 hsla(0, 100%, 50%, 1);
}
50% {
text-shadow:
-4px 4px 0 hsla(0, 100%, 50%, 1),
-3px 3px 0 hsla(0, 100%, 50%, 1),
-2px 2px 0 hsla(0, 100%, 50%, 1),
-1px 1px 0 hsla(0, 100%, 50%, 1),
4px -4px 0 hsla(180, 100%, 50%, 1),
3px -3px 0 hsla(180, 100%, 50%, 1),
2px -2px 0 hsla(180, 100%, 50%, 1),
1px -1px 0 hsla(180, 100%, 50%, 1);
}
75% {
text-shadow:
4px 4px 0 hsla(180, 100%, 50%, 1),
3px 3px 0 hsla(180, 100%, 50%, 1),
2px 2px 0 hsla(180, 100%, 50%, 1),
1px 1px 0 hsla(180, 100%, 50%, 1),
-4px -4px 0 hsla(0, 100%, 50%, 1),
-3px -3px 0 hsla(0, 100%, 50%, 1),
-2px -2px 0 hsla(0, 100%, 50%, 1),
-1px -1px 0 hsla(0, 100%, 50%, 1);
}
100% {
text-shadow:
4px -4px 0 hsla(0, 100%, 50%, 1),
3px -3px 0 hsla(0, 100%, 50%, 1),
2px -2px 0 hsla(0, 100%, 50%, 1),
1px -1px 0 hsla(0, 100%, 50%, 1),
-4px 4px 0 hsla(180, 100%, 50%, 1),
-3px 3px 0 hsla(180, 100%, 50%, 1),
-2px 2px 0 hsla(180, 100%, 50%, 1),
-1px 1px 0 hsla(180, 100%, 50%, 1);
}
} .banner_text_style_fire {
text-shadow:
#ccc 0 -1px 4px,
#ff0 0 -2px 10px,
#ff8000 0 -10px 20px,
red 0 -18px 40px;
} .banner_text_style_gradient_animation_one {
animation: backgroundww 20s linear infinite;
background: linear-gradient(90deg, rgba(150, 48, 30, 1) 0%, rgba(199, 201, 88, 1) 10%, rgba(28, 147, 46, 1) 20%, rgba(74, 165, 168, 1) 30%, rgba(89, 90, 165, 1) 40%, rgba(84, 16, 67, 1) 50%, rgba(28, 58, 63, 1) 60%, rgba(82, 175, 183, 1) 70%, rgba(78, 170, 76, 1) 80%, rgba(150, 48, 30, 1) 90%, rgba(199, 201, 88, 1) 100%);
background-size: 1000% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes backgroundww {
0% { background-position: 0% 50% }
100% { background-position: 100% 50% }
} .banner_text_style_black_border {
text-shadow:
0 0.1em 20px rgba(0, 0, 0, 1),
0.05em -0.03em 0 rgba(0, 0, 0, 1),
0.05em 0.005em 0 rgba(0, 0, 0, 1),
0em 0.08em 0 rgba(0, 0, 0, 1),
0.05em 0.08em 0 rgba(0, 0, 0, 1),
0px -0.03em 0 rgba(0, 0, 0, 1),
-0.03em -0.03em 0 rgba(0, 0, 0, 1),
-0.03em 0.08em 0 rgba(0, 0, 0, 1),
-0.03em 0 0 rgba(0, 0, 0, 1);
letter-spacing: 0px;
} .banner_text_style_gradient_animation_two {
color: transparent !important;
background:
linear-gradient(to left,
#1e5799,
#2ce0bf,
#76dd2c,
#dba62b,
#e02cbf,
#1e5799);
background-size: 1000px 100%;
animation: bgttt 45s linear infinite; -webkit-background-clip: text;
}
@keyframes bgttt {
0%   { background-position-x: 0;       }
100% { background-position-x: 10000px; }
} .banner_text_style_text_effect {
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 5px 1px #919191,
1px 6px 1px #919191,
1px 7px 1px #919191,
1px 8px 1px #919191,
1px 9px 1px #919191,
1px 10px 1px #919191,
1px 18px 6px rgba(16, 16, 16, 0.4),
1px 22px 10px rgba(16, 16, 16, 0.2),
1px 25px 35px rgba(16, 16, 16, 0.2),
1px 30px 60px rgba(16, 16, 16, 0.4);
} .banner_text_style_text_3d {
text-shadow:
#ccc 0 1px 0,
#c9c9c9 0 2px 0,
#bbb 0 3px 0,
#b9b9b9 0 4px 0,
#aaa 0 5px 0,
rgba(0, 0, 0, .1) 0 6px 1px,
rgba(0, 0, 0, .1) 0 0 5px,
rgba(0, 0, 0, .3) 0 1px 3px,
rgba(0, 0, 0, .15) 0 3px 5px,
rgba(0, 0, 0, .2) 0 5px 10px,
rgba(0, 0, 0, .2) 0 10px 10px,
rgba(0, 0, 0, .1) 0 20px 20px;
} .banner_text_style_long_3d_shadow_grey {
text-shadow:
1px -1px 0 #333333,
-1px 2px 1px #333333,
-2px 4px 1px #333333,
-3px 6px 1px #333333,
-4px 8px 1px #333333,
-5px 10px 1px #333333,
-6px 12px 1px #333333,
-7px 14px 1px #333333,
-8px 16px 1px #333333,
-9px 18px 1px #333333,
-10px 20px 1px #333333,
-11px 22px 1px #333333,
-12px 24px 1px #333333,
-13px 26px 1px #333333,
-14px 28px 1px #333333,
-15px 30px 1px #333333,
-16px 32px 1px #333333,
-17px 34px 1px #333333,
-18px 36px 1px #333333,
-19px 38px 1px #333333,
-20px 40px 1px #333333,
-21px 42px 1px #333333,
-22px 44px 1px #333333,
-23px 46px 1px #333333,
-24px 48px 1px #333333,
-25px 50px 1px #333333,
-26px 52px 1px #333333,
-27px 54px 1px #333333,
-28px 56px 1px #333333;
} .banner_text_style_big_red_glow {
text-shadow:
0 0 0 transparent,
0 0 10px #ff003c,
0 0 20px rgba(255, 0, 60, 0.5),
0 0 40px #ff003c,
0 0 100px #ff003c,
0 0 200px #ff003c,
0 0 300px #ff003c,
0 0 500px #ff003c,
0 0 1000px #ff003c;
} .banner_text_style_long_3d_shadow_black {
text-shadow:
1px -1px 0 #000000,
-1px 2px 1px #000000,
-2px 4px 1px #000000,
-3px 6px 1px #000000,
-4px 8px 1px #000000,
-5px 10px 1px #000000,
-6px 12px 1px #000000,
-7px 14px 1px #000000,
-8px 16px 1px #000000,
-9px 18px 1px #000000,
-10px 20px 1px #000000,
-11px 22px 1px #000000,
-12px 24px 1px #000000,
-13px 26px 1px #000000,
-14px 28px 1px #000000,
-15px 30px 1px #000000,
-16px 32px 1px #000000,
-17px 34px 1px #000000,
-18px 36px 1px #000000,
-19px 38px 1px #000000,
-20px 40px 1px #000000,
-21px 42px 1px #000000,
-22px 44px 1px #000000,
-23px 46px 1px #000000,
-24px 48px 1px #000000,
-25px 50px 1px #000000,
-26px 52px 1px #000000,
-27px 54px 1px #000000,
-28px 56px 1px #000000;
} .banner_text_style_long_3d_shadow_white {
text-shadow:
1px -1px 0 #ffffff,
-1px 2px 1px #ffffff,
-2px 4px 1px #ffffff,
-3px 6px 1px #ffffff,
-4px 8px 1px #ffffff,
-5px 10px 1px #ffffff,
-6px 12px 1px #ffffff,
-7px 14px 1px #ffffff,
-8px 16px 1px #ffffff,
-9px 18px 1px #ffffff,
-10px 20px 1px #ffffff,
-11px 22px 1px #ffffff,
-12px 24px 1px #ffffff,
-13px 26px 1px #ffffff,
-14px 28px 1px #ffffff,
-15px 30px 1px #ffffff,
-16px 32px 1px #ffffff,
-17px 34px 1px #ffffff,
-18px 36px 1px #ffffff,
-19px 38px 1px #ffffff,
-20px 40px 1px #ffffff,
-21px 42px 1px #ffffff,
-22px 44px 1px #ffffff,
-23px 46px 1px #ffffff,
-24px 48px 1px #ffffff,
-25px 50px 1px #ffffff,
-26px 52px 1px #ffffff,
-27px 54px 1px #ffffff,
-28px 56px 1px #ffffff;
} .banner_text_style_dark_shadow {
text-shadow:
0 1px 0 #333,
0 2px 0 #333333,
0 3px 0 #333333,
0 4px 0 #333333,
0 5px 0 #333333,
0 6px 1px rgba(0, 0, 0, .1),
0 0 5px rgba(0, 0, 0, .1),
0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .25),
0 10px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
} .banner_text_style_3d_shadow {
text-shadow:
0px 1px 1px #ddd,
0px 2px 1px #d6d6d6,
0px 3px 1px #ccc,
0px 4px 1px #c5c5c5,
0px 5px 1px #cbcbcb,
0px 5px 1px #cbcbcb,
0px 5px 1px #cbcbcb,
0px 5px 1px #cbcbcb,
0px 5px 1px #cbcbcb,
0px 8px 5px rgba(0, 0, 0, .6);
} .banner_text_style_3d_shadow2 {
text-shadow: 0 1px 1px #bbb,
0 2px 0 #999,
0 3px 0 #888,
0 4px 0 #777,
0 5px 0 #666,
0 6px 0 #555,
0 7px 0 #444,
0 8px 0 #333,
0 9px 7px #302314;
} .banner_text_style_blue_glow {
text-shadow:
0 0 0 transparent,
0 0 10px #2695ff,
0 0 20px rgba(38, 149, 255, 0.5),
0 0 40px #2695ff,
0 0 100px #2695ff,
0 0 200px #2695ff,
0 0 300px #2695ff,
0 0 500px #2695ff;
} .banner_text_style_big_black_shadow {
text-shadow:
#bbb 0 0 1px,
#fff 0 -1px 2px,
#fff 0 -3px 2px,
rgba(0, 0, 0, 0.8)
0 30px 25px;
} .banner_text_style_white_border {
text-shadow:
0 0.0em 0px rgba(255, 255, 255, 1),
0.05em -0.03em 0 rgba(255, 255, 255, 1),
0.05em 0.005em 0 rgba(255, 255, 255, 1),
0em 0.08em 0 rgba(255, 255, 255, 1),
0.05em 0.08em 0 rgba(255, 255, 255, 1),
0px -0.03em 0 rgba(255, 255, 255, 1),
-0.03em -0.03em 0 rgba(255, 255, 255, 1),
-0.03em 0.08em 0 rgba(255, 255, 255, 1),
-0.03em 0 0 rgba(255, 255, 255, 1);
} .banner_text_style_smoke {
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
background-size: cover;
color: transparent !important;
-moz-background-clip: text;
-webkit-background-clip: text;
} .banner_text_style_animated_bg {
background: url(https://media.giphy.com/media/3o6Ztb45EYezY9x9gQ/giphy.gif);
background-size: contain;
background-position: top left;
-webkit-background-clip: text;
color: transparent !important;
} .banner_text_style_white_glow {
text-shadow:
0 0 5px #ffffff,
0 0 10px #ffffff,
0 0 20px #ffffff,
0 0 40px #ffffff,
0 0 80px #ffffff,
0 0 90px #ffffff,
0 0 100px #ffffff,
0 0 150px #ffffff;
} .banner_text_style_simple_text_shadow {
text-shadow: 1px 1px #333,
2px 2px #333,
3px 3px #333,
4px 4px #333,
5px 5px #333,
6px 6px #333;
} .banner_text_style_text_shadow {
text-shadow:
1px 0px 1px #CCCCCC,
0px 1px 1px #EEEEEE,
2px 1px 1px #CCCCCC,
1px 2px 1px #EEEEEE,
3px 2px 1px #CCCCCC,
2px 3px 1px #EEEEEE,
4px 3px 1px #CCCCCC,
3px 4px 1px #EEEEEE,
5px 4px 1px #CCCCCC,
4px 5px 1px #EEEEEE,
6px 5px 1px #CCCCCC,
5px 6px 1px #EEEEEE,
7px 6px 1px #CCCCCC,
2px -1px 2px rgba(206, 89, 55, 0);
} .banner_text_style_general_text_shadow {
text-shadow: 0 13.36px 8.896px #333;
} .banner_text_style_general_text_shadow2 {
text-shadow:
0px 5px 9px rgba(0, 0, 0, 0.5);
} .banner_text_style_big_blur {
text-shadow:
0 20px 40px rgba(0, 0, 0, .5);
} .banner_text_style_red_highlight {
text-shadow:
0 4px 0 #000000,
-2px -2px 0 red,
-3px -3px 0 blue;
} .banner_text_style_glow_text_animation {
grid-column: 1;
grid-row: 1;
animation: glowing_text 2s ease-in-out infinite alternate;
}
@keyframes glowing_text {
from {
text-shadow: 0 0 20px #2d9da9;
}
to {
text-shadow: 0 0 30px #34b3c1, 0 0 10px #4dbbc7;
}
}  @media (max-width:3000px) and (min-width:870px) {
#frontpage_beatstore_fullwidth.beatstore_columns .cname,
#main.beatstore_columns .cname {
width: 70%;
} #frontpage_beatstore_fullwidth.beatstore_columns .name,
#main.beatstore_columns .name {
width: 40%;
overflow: hidden;
white-space: nowrap;
display: block;
float: left;
padding-top: 20px !important;
padding-left: 5px;
}
#frontpage_beatstore_fullwidth.beatstore_columns .name  {
padding-top: 18px !important;
} #main.beatstore_columns .name {
padding-top: 16px !important;
}
#frontpage_beatstore_fullwidth.beatstore_columns .genre,
#main.beatstore_columns .genre {
width: 56%;
overflow: hidden;
white-space: nowrap;
display:  block;
float: left;
font-size: 15px !important;
padding-top: 19px;
margin-left: 0px !important;
}
} #beat_sort_bar ul, #beat_sort_bar ul li   {
border-top-right-radius:5px;
border-top-left-radius:5px;
} #beat_sort_bar ul li ul,
#beat_sort_bar ul li  ul li   {
border-top-right-radius:0px;
border-top-left-radius:0px;
}   #edd_purchase_receipt td,
#edd_purchase_receipt th,
#edd_purchase_receipt_products td,
#edd_purchase_receipt_products th {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #efeded !important;
border-top: 1px solid #efeded !important;
vertical-align: middle;
} #edd_purchase_receipt thead tr,
#edd_purchase_receipt_products thead tr {
height: 40px;
background: #efeded;
} #edd_purchase_receipt strong {
padding-left: 15px;
} #edd_purchase_receipt,
#edd_purchase_receipt_products {
margin-bottom: 35px;
}  #edd_purchase_receipt_products th,
#edd_purchase_receipt_products td {
padding-left: 15px;
} li.edd_download_file {
list-style: disc !important;
margin-left: 25px !important;
} #edit-icon-slider {
width: 0px;
margin-left: auto;
margin-right: auto;
}  #edd_profile_editor_form label {
min-width: 240px;
display:inline-block;
font-weight: bold;
} #edd_profile_editor_form input,
#edd_profile_editor_form select {
width: 50%;
display:inline-block;
padding: 10px;
border: solid #cccccc 2px;
font-size: 17px;
} @media only screen and (max-width: 600px) { #edd_profile_editor_form label {
width: 100%;
} #edd_profile_editor_form input,
#edd_profile_editor_form select {
width: 90%;
}
}