/*
Theme Name: Music Maker
Theme URI: https://www.musicmakertheme.com
Description: The Music Maker theme is a responsive beat selling website template.
Version: 3.26
Author: Mark Valenzuela at Hip Hop Makers.
Author URI: https://www.markvalenzuela.com
Tags: Custom-Background, Custom-Menu
Copyright: (c) 2013 - 2023 HipHopMakers.
Requires PHP: 7.0
Requires at least: 5.0
Tested up to: 5.4
License: GNU General Public License v1.0
License URI: http://www.gnu.org/licenses/gpl-1.0.html
Text Domain: musicmaker
*/
/* Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, add custom CSS in the theme options panel. */
/* Table of Contents
===============================================
1. CSS RESET
2. Common Elements
3. Site Structure
4. Navigation Menu
5. Header
6. Beat Store Playlist
7. Modal Overlay Window
8. Beat Sorting Bar
9. Main Content
10. Homepage Banners
11. Footer
12. Widgets
13. Buttons
14. Single Post
15. Share Buttons
16. Comments
17. Beat store table
18. Single beat page
19. Contact page
20. Promo bar
21. Shortcodes
22. Photo gallery
23. Single product page
24. Video gallery
25. Events
26. Grid layout
27. Easy digital download changes
28. Mixed elements
29. Loading animation
30. Responsive code
31. Frontpage Sections
32. Wow Animation
33. Page Title
34. Hover Animations
35. Contact 7
- Lowercase Text - https://convertcase.net/
- Clean CSS
- http://e10host.com/css-beautifier
- http://codebeautify.org/css-beautify-minify#
=============================================== */
/* 1. CSS RESET
* =============================================== http://meyerweb.com/eric/tools/css/reset/ v2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a,
#right_side a {
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
img a,
a img {
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/*audio{width: 0;height: 27px;display: block}*/
/* 2. Common Elements
* ================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 10px;
line-height: normal;
display: block;
}
#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;
}
/* 3. Site Structure
* ================================================ */
/*body {
background-color: transparent;
}*/
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
#content {
float: left;
width: 960px;
padding-bottom: 5px;
padding-top: 20px;
}
#right_side {
width: 300px;
margin-right: 10px;
float: right;
}
.leftside,
.fullwidth {
padding: 20px;
}
.fullwidth {
width: 900px;
}
.leftside {
width: 580px;
}
#main {
margin-left: 10px;
float: left;
}
/* Used for sticky footer */
/*#wrapper {
min-height: 90%;
height: auto !important;
height: 90%;
}*/
/* 13. Buttons - SIZE IS LISTED TWICE TO BE CASE SENSITIVE.
* ================================================ */
.button,
a.button,
.widget .edd_checkout,
#pagination_buttons .button,
#comments_form .button,
#search-inputs .button,
.continue_shopping,
.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 Button */
.continue_shopping {
background-color: #bfbfbf;
}
.continue_shopping:hover {
background: #333333;
text-decoration: none;
color: #ffffff;
}
a.button:active,
a.button:hover,
.button:hover,
#right_side .edd_checkout a {
color: #ffffff !important;
}
a.medium,
a.Medium {
font-size: 18px !important;
font-weight: bold;
padding: 10px 30px !important;
}
a.big,
a.Big {
font-size: 23px !important;
font-weight: bold;
padding: 15px 30px !important;
}
a.huge,
a.Huge {
font-size: 30px !important;
font-weight: bold;
padding: 18px 20px !important;
}
a.toohuge,
a.Toohuge {
font-size: 35px !important;
font-weight: bold;
padding: 20px 30px !important;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.25em;
}
.more-link .button {
margin: 0;
}
/* Removes padding on more button */
.more-link {
display: block;
margin-top: 15px;
}
.comment_photo img,
.promobar-button {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
/* Buy Button - Used in the beat store playlist and beat store plaginated table */
.buybutton,
.buybutton:hover {
background: #333333;
font-size: 12px !important;
color: #ffffff !important;
border-radius: 3px;
text-decoration: none;
padding: 5px 10px !important;
margin-top: 6px;
font-weight: normal !important;
line-height: 15px;
}
/* 4. Navigation Menu
* - Mobile - w3schools.com/howto/howto_js_topnav_responsive.asp
* ================================================ */
ul.topnav {
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
/* Toggle button */
ul.topnav .menu-button {
font-size: 20px !important;
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;
}
/* Remove Dropdown Menu Below 881 */
@media (max-width:3000px) and (min-width:881px) {
.topnav ul li ul {
display: none;
z-index: 1000;
}
.topnav ul li ul li.current-menu-item {
border-bottom-width: 0px;
}
.topnav li:hover ul {
left: auto;
}
.topnav ul li:hover ul {
display: block;
position: absolute;
margin-top: 0px;
border-top-width: 3px;
border-top-style: solid;
width: 200px;
}
.topnav ul li ul li a {
display: block;
white-space: nowrap;
width: 180px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
text-align: left;
padding: 10px;
}
.topnav li li ul {
margin: -1px 0 10px 200px;
visibility: hidden;
}
.topnav li li:hover ul {
visibility: visible;
}
.topnav li li:hover ul {
visibility: visible;
}
.topnav ul ul li a {
float: left;
}
}
@media screen and (max-width:880px) {
ul.topnav li a {
font-size: 15px;
}
ul.topnav li ul li {
display: none;
}
ul.topnav li:not(:first-child) {
display: none;
}
ul.topnav li.icon {
float: right;
display: inline-block;
}
ul.topnav.responsive {
position: relative;
}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
.wpmenucartli {
float: left !important;
}
}
/* Active Link */
.current-menu-item {
color: #fff;
text-decoration: none;
border-bottom-width: 2px;
border-bottom-style: solid;
padding-bottom: 0px;
}
/* Remove Border From Secondary Home Nav Links */
.current-menu-item:nth-of-type(3n),
.current-menu-item:nth-of-type(4n),
.current-menu-item:nth-of-type(5n),
.current-menu-item:nth-of-type(6n),
.current-menu-item:nth-of-type(7n),
.current-menu-item:nth-of-type(8n),
.current-menu-item:nth-of-type(9n),
.current-menu-item:nth-of-type(10n),
.current-menu-item:nth-of-type(11n),
.current-menu-item:nth-of-type(12n),
.current-menu-item:nth-of-type(13n),
.current-menu-item:nth-of-type(14n),
.current-menu-item:nth-of-type(15n){
border-bottom-width: 0px;
border-bottom-style: none;
}
/* Remove top Border */
.topnav ul li:hover ul {
border-top-width: 0px;
}
/* 5. Header
* ================================================ */
.navigation_holder {
width: 100%;
}
.navigation_inside_container {
width: 960px;
margin-right: auto;
margin-left: auto;
}
.header_holder {
width: 100%;
}
.header_inside_container {
width: 950px;
padding-left: 10px;
padding-top: 18px;
padding-bottom: 14px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
}
.nav_top_line {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
/*Navigation Underlines */
.nav_bottom_line {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.header_inside_container .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 Sub Text */
.header_subtext {
font-size: 12.5px;
padding-bottom: 0px;
padding-top: 10px;
}
/**------------ Header Search Input ------------**/
li.header-search-list {
float: right !important;
}
.header_site_search {
font-size: 15px;
/* color: #999999;*/
margin-top: 5px;
/* margin-top: 9px;*/
background-color: transparent;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 8px;
padding-left: 10px;
margin-right: 10px;
border-style: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
width: 120px;
background-image: url(images/search_icon_inactive.png);
background-repeat: no-repeat;
background-position: 110px center;
}
.header_site_search:hover {
color: #333333;
background-color: #fcfcfc;
font-style: normal;
background-image: url("images/search_icon.png");
transition-duration: 1.0s;
}
/* Header Social Icons
* ================================================ */
#header_social_icons {
float: right;
width: 360px;
text-align: right;
margin-right: 10px;
}
#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;
}
/* 6. Beat Store Playlist
* ================================================ */
/* Player */
.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;
/* overflow: hidden; */
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;
/* min-height: 65px; */
clear: left;
width: 98%;
}
@media (max-width: 500px) {
.mejs-playlist li {
padding-left: 2%;
padding-right: 0%;
width: 95.5%;
}
}
/*.mejs-playlist li {
color: #ffffff;
font-size: 16px;
list-style-type: none;
padding-top: 5px;
padding-bottom: 0px !important;
padding-left: 5px;
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #353535;
min-height: 65px;
} */
/* Thumb */
.mejs-playlist .plthumb {
background-size: 60px 60px;
float: left;
background-repeat: no-repeat;
margin-bottom: 5px;
}
/* Thumb IMG */
.mejs-playlist .plthumb,
.mejs-playlist .plthumb img,
/* Sort Pages */
#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;
}
/* Playlist Font */
.mejs-playlist span.name {
font-size: 17px;
padding-bottom: 4px;
/* Limit the beat name to 1 line */
overflow: hidden;
white-space: nowrap;
font-weight: bold !important;
}
/* Beat Name */
.cname {
display: block;
width: 59%;
float: left;
}
/* If on a Page with a Sidebar */
#main .cname {
width: 55%;
}
/* Genre */
.mejs-playlist .genre {
color: #4C4C4C;
display: block;
font-size: 13px;
margin-left: 15px;
}
#main .mejs-playlist {
line-height: normal;
}
.mejs-playlist .pltext {
float: right;
padding-top: 24px;
font-size: 13px;
font-weight: normal;
color: #999999;
margin-right: 15px;
}
.mejs-playlist .pltext a {
color: #999999;
}
.mejs-playlist .plbutton {
float: right;
margin-top: 17px;
margin-right: 5px;
}
/* Icons */
.mejs-playlist .fa {
font-size: 25px !important;
color: #cccccc;
}
/* Store Icon */
.mejs-playlist li.current .fa {
color: #ffffff;
}
/* Current item sub text */
.mejs-playlist li.current span.genre,
.mejs-playlist li.current .pltext {
color: #ffffff;
font-weight: normal;
}
/* Hover*/
.mejs-playlist li:hover,
.mejs-playlist li:hover span.genre,
.mejs-playlist li:hover .pltext,
.mejs-playlist li:hover .fa {
color: #cccccc;
}
/* Play Button Focus*/
.mejs-controls .mejs-button button:focus {
outline-width: 0;
}
/* Fixes CSS Problem */
#main #mediawrapper ul {
padding: 0;
margin: 0;
}
/* Remove Link in Safari */
.mejs-playlist a {
text-decoration: none;
}
/* Player Buttons *************/
/* Start: Previous */
.mejs-controls .mejs-prevtrack button {
background: transparent url(css/controls-playlist.png) no-repeat !important;
background-position: 0 -16px !important;
}
/* Start: Next */
.mejs-controls .mejs-nexttrack button {
background: transparent url(css/controls-playlist.png) no-repeat !important;
}
/* Volume bg color*/
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
/* Main Bar bg color*/
.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;
}
/* Responsive Code */
/*500px*/
@media (max-width: 500px) {
/* Hide Produced By */
by {
display: none;
}
}
/*400px*/
@media (max-width: 500px) {
/* Beat Store Text */
.mejs-playlist .genre {
color: #777777;
font-size: 15px;
padding-top: 5px;
}
.mejs-playlist span.name {
font-size: 17px;
padding-bottom: 2px;
}
.mejs-playlist .pltext {
font-size: 13px;
color: #999999;
}
.mejs-playlist .cname {
width: 80%;
}
#primary_nav_wrap ul li {
width: 19%;
}
.count {
margin-right: 10px;
}
.mejs-playlist .pltext,
.mejs-playlist .pltext a {
float: left !important;
width: 80%;
margin-left: 76px;
padding-bottom: 15px;
padding-top: 0px;
font-size: 14px;
}
.mejs-playlist .pltext a {
margin-left: 0px;
}
}
/* Edit Link */
.name a.edit-beat {
padding-left: 5px;
display: none;
color: #ffffff;
}
.mejs-playlist li:hover .name a.edit-beat {
display: inline;
}
.mejs-playlist .edit-beat .fa {
font-size: 18px !important;
}
/* Hightlight Icons */
.new_icon,
.sale_icon,
.popular_icon {
width: 18px;
height: 16px;
display: inline-block;
margin-left: 9px;
}
.new_icon {
background: transparent url(images/new.png) no-repeat;
}
.sale_icon {
background: transparent url(images/for_sale.png) no-repeat;
}
.popular_icon {
background: transparent url(images/star.png) no-repeat;
}
/* Beat Store Social Share Icons */
.beat-store-social-buttons {
display: none;
}
.mejs-playlist li:hover .beat-store-social-buttons {
display: block;
}
.beat-store-social-buttons a {
margin-right: 5px;
}
.beat-store-social-buttons .fa {
font-size: 20px !important;
}
.dev .mejs-playlist {
height: 580px !important;
/* Sets height of payer 30px higher than scroll bar window*/
color: #FFF;
margin-bottom: 15px;
clear: both;
display: block;
float: left;
}
/* 7. Modal Overlay Window
* ================================================ */
/* Overlay - Remove Padding */
.remodal {
padding: 0px 0px 28px 0px !important;
width: 600px ;
max-height: 700px;
overflow: auto;
border-radius: 5px;
}
/*
Text Above Make a Offer Form
*/
.remodal .noprice-text {
line-height: 30px;
}
/* Modal Responsize Size */
@media (max-width: 601px) {
.remodal {
width: 100% !important;
}
}
/* Beat Name */
.remodal p.beat-name {
font-size: 30px;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
}
/* Modal Image */
.remodal .overlay-image-bg img {
margin-top: 20px;
height: 240px;
width: 240px;
padding-bottom: 0;
/* Image Shadow */
-webkit-box-shadow: -1px -1px 28px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: -1px -1px 28px 0px rgba(0, 0, 0, 0.33);
box-shadow: -1px -1px 28px 0px rgba(0, 0, 0, 0.33);
position: relative;
object-fit: cover;
border-radius: 5px;
}
/* Modal Background Image */
.overlay-image-bg {
height: 205px;
margin-bottom: 70px;
background-color: #252424;
}
/* Animated Bars */
.overlay-image-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
/* height: 100%;*/
height: 207px;
opacity: 0.05;
background-repeat: no-repeat;
background-position: left 120px;
background-image: url("images/animated-bars.gif");
}
/* License Text */
.remodal .edd_download_purchase_form label {
font-size: 18px;
display: inline-block;
padding-bottom: 10px;
}
/* Radio Button */
.remodal input[type=radio] {
width: 19px;
height: 19px;
}
/* Close Button */
.remodal-close:before {
font-size: 40px !important;
color: #ccc;
}
.remodal-close {
margin: 12px 0px 0px 10px !important;
z-index: 5;
}
.remodal-close:hover,
.remodal-close:focus {
color: #ccc;
}
/* Responsive */
@media (max-width: 480px) {
.remodal-close {
margin-top: 12px;
margin-left: 5px !important;
}
}
/* Social Images */
.remodal .social_share_buttons {
margin-top: 10px;
padding-bottom: 15px;
}
.remodal .social_share_buttons i {
text-align: center;
float: none;
margin-bottom: 0;
opacity: 0.5;
}
.remodal .social_share_buttons:hover i {
opacity: 1;
}
/* 8. BEAT SORTING BAR
* https://codepen.io/philhoyt/pen/ujHzd
* ================================================ */
#beat_sort_bar {
background-color: #252424;
}
#beat_sort_bar ul {
width: 100%;
list-style: none;
position: relative;
float: left;
margin: 0;
padding: 0;
background-color: #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;
/* border-right: solid 1px #333333;*/
min-height: 33px;
line-height: 32px;
background-color: #333333;
text-align: left;
}
/* Icon */
#beat_sort_bar#beat_sort_bar .fa {
padding-right: 5px;
}
#beat_sort_bar ul li ul li {
display: block;
}
#beat_sort_bar ul a {
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 13px;
padding: 2px 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
}
/* Sorting Bar Count Number */
.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;
}
/* Cart Number */
.sorting_cart {
float: right !important;
}
.sorting_cart_number {
border-radius: 5px;
padding: 1px 8px;
margin-left: 5px;
color: #fff;
text-align: center;
background: #3d3d3d;
}
/* working search input */
li.beat-search-search-input {
float: right !important;
padding-right: 10px !important;
padding-left: 5px !important;
}
li.beat-search-search-input input {
padding: 5px 15px;
border: none;
background-image: url("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;
}
/* Sorting Bar Responsive */
@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;
}
/* li#sort_bar ul li { width: 100% !important; }*/
}
@media (max-width: 300px) {
li#sale_bar,
li#help_bar,
li#sort_bar,
li.sorting_cart {
width: auto;
}
}
/* 9. Main Content
* ================================================ */
h1#content_header {
font-size: 30px;
/* font-weight: bold;*/
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 10px;
margin-bottom: 15px;
}
.post {
margin-bottom: 25px;
padding-bottom: 15px;
padding-top: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.post:last-child {
margin-bottom: 0;
border-bottom-width: 0px;
border-bottom-style: none;
}
h2.title {
font-size: 30px;
line-height: 38px;
}
h2.title a,
h1.title a {
text-decoration: none;
}
.blog_post_comments {
font-size: 13px;
margin-bottom: 15px;
display: block;
}
.blog_post_content {
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
}
#blog_post_archive_nav {
padding-top: 0px;
}
.full_archive_nav {
width: 900px;
float: left;
}
/* Blog Featured Image */
.featured-image img {
padding-bottom: 15px;
width: 100%;
height: auto;
}
/* 10. Homepage Banners
* ================================================ */
#home_banner_container {
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
.fader {
height: 350px;
width: 940px;
position: relative;
margin-left: 10px;
margin-top: 10px;
}
.fader .slide {
position: absolute;
top: 0;
z-index: 1;
opacity: 0;
}
.fader img.slide {
height: auto;
}
.fader .prev,
.fader .next {
position: absolute;
height: 55px;
line-height: 55px;
width: 50px;
font-size: 30px;
text-align: center;
color: #ffffff;
top: 50%;
left: 0;
z-index: 4;
margin-top: -25px;
cursor: pointer;
opacity: .0;
transition: all 150ms;
}
.fader .prev:hover,
.fader .next:hover {
opacity: 1;
}
.fader .next {
left: auto;
right: 0;
}
.fader .pager_list {
position: absolute;
bottom: 0;
width: 100%;
height: 30px;
line-height: 40px;
text-align: center;
z-index: 4;
}
.fader .pager_list li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 7px;
background: #ffffff;
opacity: .5;
text-indent: -99999px;
border-radius: 999px;
cursor: pointer;
transition: all 150ms;
}
.fader .pager_list li:hover,
.fader .pager_list li.active {
opacity: 1;
}
.fader .prev img,
.fader .next img {
height: auto;
width: 25px;
}
#Fader h2 {
color: #ffffff;
padding: 0px;
margin: 0px;
z-index: 999;
}
#Fader h3 {
color: #cccccc;
padding: 0px;
margin: 0px;
z-index: 999999;
}
#Fader h2 {
position: absolute;
top: 210px;
left: 30px;
padding: 13px;
font-size: 34px;
background: rgb(0, 0, 242);
background: rgba(0, 0, 0, 0.8);
}
#Fader h3 {
position: absolute;
top: 275px;
left: 30px;
background-color: #1fb5e8;
padding: 8px;
font-size: 15px;
background: rgb(0, 0, 242);
background: rgba(0, 0, 0, 0.8);
}
/* Homepage Banner Dots */
/* Hide Dots */
.fader .pager_list {
display: none;
}
/* Show Dots on Roll Over */
.fader:hover .pager_list {
opacity: 0.5;
display: block;
}
/* 11. Footer
* ================================================ */
.widget_holder {
width: 940px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 5px;
}
.widget_holder_sub {
width: 940px;
margin-right: auto;
margin-left: auto;
padding-bottom: 15px;
padding-right: 10px;
padding-left: 10px;
}
.footer_widget {
float: left;
width: 290px;
margin-right: 34px;
}
.footer_widget:nth-child(3n+3) {
margin-right: 0px;
}
.footer_widget h3 {
padding-bottom: 10px;
font-weight: bold;
}
.footer_widget p {
padding-bottom: 15px;
/*line-height: 18px;*/
}
/*Footer padding */
#footer {
margin-bottom: 15px;
}
/* Footer Widgets Code */
#footer #widget_recent_post li a,
#footer #widget_new_beats li a,
#footer #widget_new_beats li a span,
.footer_widget a,
#footer .sidebar-social a,
#footer .widget {
text-decoration: none;
}
#footer #widget_recent_post li,
#footer #widget_new_beats li {
padding-left: 0px;
}
#footer .widget {
background-color: transparent;
padding: 0px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
#footer .widget h3 {
border-bottom-width: 0;
border-bottom-style: none;
}
#footer_copywrite {
font-size: 13px;
}
#footer_copywrite li {
display: inline-block;
margin-right: 10px;
margin-bottom: 8px;
}
#footer_copywrite p {
font-size: 10px;
line-height: 17px;
}
#footer_sub {
width: 100%;
}
#footer_sub a {
text-decoration: none;
}
#footer_sub .current-menu-item {
border-bottom-width: 0px;
border-bottom-style: none;
}
/* Shopping cart button in footer */
#footer .widget .edd-cart .edd_checkout a {
color: #ffffff;
}
/* Footer Menu */
.menu-footer {
margin-top: 15px;
}
/* 12. Widgets
* ================================================ */
/*Sub Text Styling*/
#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;
}
/*Updating Line Height*/
.widget
/*#widget_recent_post li a,
#widget_new_beats li a,
#widget_products li a,
.buy-step*/
{
line-height: 150% !important;
}
/*Default Widgets*/
.widget {
line-height: 20px;
float: left;
width: 270px;
margin-bottom: 15px;
padding: 15px;
}
.widget h3 {
/* font-weight: bold;*/
width: 270px;
border-bottom-width: 1px;
border-bottom-style: solid;
float: left;
padding-bottom: 5px;
margin-bottom: 10px;
}
.widget p:last-child {
padding: 0px;
}
#widget_recent_post li {
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 7px;
padding-bottom: 7px;
padding-left: 5px;
display: inline-block;
width: 100%;
}
/* Recent Post Image */
#widget_recent_post li img {
float: left;
height: 50px;
width: 50px;
padding-top: 3px;
margin-right: 10px;
padding-bottom: 3px;
}
#widget_new_beats li {
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 7px;
padding-bottom: 7px;
padding-left: 0px;
display: block;
width: 265px;
float: left;
}
#widget_products li {
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 7px;
padding-bottom: 7px;
padding-left: 0px;
display: block;
width: 265px;
float: left;
}
#widget_recent_post li a,
#widget_new_beats li a,
#widget_products li a {
display: block;
font-weight: bold;
text-decoration: none;
}
#widget_recent_post li span.genre,
#widget_new_beats li span.genre {
display: block;
padding-top: 0px;
}
#widget_recent_post li:last-child,
#widget_new_beats li:last-child,
#widget_products li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom-style: none;
}
#widget_new_beats li .widget_mp3_player {
float: left;
height: 30px;
width: 38px;
padding-top: 3px;
}
#widget_products li img {
float: left;
height: 50px;
width: 50px;
padding-top: 3px;
margin-right: 10px;
padding-bottom: 3px;
}
/* Hide File Download Error */
.widget .me-cannotplay span,
table.store_table .me-cannotplay span {
display: none;
}
/**------------ WIDGETS: TAGS, GENRE, CATEGORIES, TAGS ------------**/
.widget li.cat-item a {
color: #ffffff !important;
}
.tagcloud a,
.widget li.cat-item {
color: #ffffff !important;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
display: block;
float: left;
font-size: 12px !important;
line-height: 12px;
margin-bottom: 5px;
margin-right: 5px;
padding: 7px 7px;
text-decoration: none;
width: auto !important;
}
.widget li.cat-item:hover a,
.tagcloud a:hover {
color: #ffffff !important;
text-decoration: none;
}
/**------------ WIDGET: SOCIAL ICONS ------------**/
.connect_link {
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
padding-bottom: 3px;
padding-left: 23px;
padding-top: 3px;
width: 105px;
margin-left: 5px;
}
.sidebar-social .google {
background-image: url(images/social_icons/google.png);
}
.sidebar-social .dribble {
background-image: url(images/social_icons/dribbble.png);
}
.sidebar-social .facebook {
background-image: url(images/social_icons/facebook.png);
}
.sidebar-social .flickr {
background-image: url(images/social_icons/flickr.png);
}
.sidebar-social .grooveshark {
background-image: url(images/social_icons/grooveshark.png);
}
.sidebar-social .instagram {
background-image: url(images/social_icons/instagram.png);
}
.sidebar-social .lastfm {
background-image: url(images/social_icons/lastfm.png);
}
.sidebar-social .linkedin {
background-image: url(images/social_icons/linkedIn.png);
}
.sidebar-social .email {
background-image: url(images/social_icons/mail.png);
}
.sidebar-social .myspace {
background-image: url(images/social_icons/myspace.png);
}
.sidebar-social .paypal {
background-image: url(images/social_icons/paypal.png);
}
.sidebar-social .rss {
background-image: url(images/social_icons/rss.png);
}
.sidebar-social .skype {
background-image: url(images/social_icons/skype.png);
}
.sidebar-social .soundcloud {
background-image: url(images/social_icons/soundcloud.png);
}
.sidebar-social .spotify {
background-image: url(images/social_icons/spotify.png);
}
.sidebar-social .tumblr {
background-image: url(images/social_icons/tumblr.png);
}
.sidebar-social .twitter {
background-image: url(images/social_icons/twitter.png);
}
.sidebar-social .vimeo {
background-image: url(images/social_icons/vimeo.png);
}
.sidebar-social .wordpress {
background-image: url(images/social_icons/wordpress.png);
}
.sidebar-social .youtube {
background-image: url(images/social_icons/youtube.png);
}
.sidebar-social .pinterest {
background-image: url(images/social_icons/pinterest.png);
}
/**------------ WIDGET: BIG SOCIAL ICONS ------------**/
#now_social i {
font-size: 30px;
color: #ffffff;
width: 60px;
padding-top: 13px;
padding-bottom: 15px;
height: 25px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
}
/* #now_social .fa {
font-size: 3em;} */
#now_social .fa-facebook {
background: #3C599B !important;
}
#now_social .fa-twitter {
background: #1BB2E9 !important;
}
#now_social .fa-google-plus {
background: #C53C2A !important;
}
#now_social .fa-vimeo-square {
background: #1AB7EA !important;
}
#now_social .fa-youtube {
background: #DB2C27 !important;
}
#now_social .fa-rss {
background: #FAA21C !important;
}
#now_social .fa-tumblr {
background: #335676 !important;
}
#now_social .fa-instagram {
background: #D5C9AF !important;
}
#now_social .fa-linkedin {
background: #007BB6 !important;
}
#now_social .fa-pinterest {
background: #CD1F28 !important;
}
#now_social .fa-flickr {
background: #0262DA !important;
}
#now_social .fa-soundcloud {
background: #FE6E00 !important;
}
#now_social .fa-facebook {
background: #3C599B !important;
}
#now_social .fa-envelope {
background: #DB2C27 !important;
}
/**------------ WIDGET: BEAT BUYING STEPS ------------**/
.buy-step span {
font-size: 13px;
line-height: 19px;
color: #ffffff;
background-image: url(images/steps-circle.png);
text-align: center;
height: 37px;
width: 33px;
display: block;
float: left;
padding-top: 6px;
background-repeat: no-repeat;
font-weight: bold;
margin-right: 10px;
margin-bottom: 0px;
}
.buy-step {
float: left;
width: 265px;
/* line-height: 23px;*/
padding-bottom: 5px;
}
/**------------ WIDGET: TEXT BANNER ------------**/
.widget_banner {
padding: 20px 10px 20px 10px;
width: 250px;
text-align: center;
color: #ffffff;
background-color: #333333;
}
.widget_banner h2 {
font-weight: bold;
color: #ffffff;
line-height: 1em !important;
padding-bottom: 13px;
}
.widget_banner_subtext {
padding-bottom: 13px;
display: block;
}
.widget_banner a {
background-color: #119cb5;
padding: 8px 14px 8px 14px;
color: #ffffff !important;
text-decoration: none;
display: inline-block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
/**------------ WIDGET: PHOTO GALLERY ------------**/
.photos_widget img {
float: left;
width: 120px;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
}
/* 500px */
@media (max-width: 500px) {
.photos_widget img {
width: 45% !important;
height: auto;
display: inline-block;
margin: 6px 2%;
}
}
/**------------ WIDGET: BEAT SEARCH ------------**/
.beat_search_input {
width: 88%;
padding-bottom: 9px;
padding-top: 9px;
padding-left: 5%;
padding-right: 7%;
font-size: 13px;
border-radius: 2px;
background-image: url("images/search_icon_inactive_fade.png");
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
background-position: 95% center;
color: #8A8A8A !important;
}
@media (max-width: 950px) {
.beat_search_input {
padding-left: 3%;
padding-right: 9%;
}
}
.beat_search_input:focus,
.beat_search_input:hover {
color: #000000 !important;
background-image: url("images/search_icon_inactive.png");
}
/**------------ WIDGET: EVENTS ------------**/
.event_widget a {
font-weight: bold;
display: block;
padding-top: 2px;
}
.event_widget_date {
float: left;
width: 34px;
margin-right: 10px;
}
.event_widget_month {
text-align: center;
font-size: 10px;
}
.event_widget_date_number {
font-size: 16px;
font-weight: bold;
text-align: center;
padding-bottom: 4px;
}
.event_widget:last-child {
display: inline-block;
padding-bottom: 0px;
border-bottom-width: 0px;
border-bottom-style: none;
margin-bottom: 0px;
}
.event_widget {
display: inline-block;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-bottom: 8px;
width: 100%;
}
/**------------ WIDGET: TESTIMONIAL ------------**/
.testimonial_widget {
display: inline-block;
width: 195px;
margin: 0;
padding: 20px 25px 20px 50px;
position: relative;
border-radius: 2px;
/* font-size: 14px; */
}
.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 Width */
.testimonial-full {
line-height: normal;
background: #f2f2f2;
color: #333;
display: inline-block;
width: 90%;
margin: 0;
padding: 20px 4% 20px 4%;
position: relative;
border-radius: 2px;
}
.testimonial-full :before {
color: #333;
filter: alpha(opacity=50);
opacity: 0.5;
content: "\201C";
position: absolute;
font-size: 50px;
line-height: 1;
font-weight: bold;
}
.testimonial-full :before {
top: 10px;
left: 15px;
}
.arrow-down-full {
border-top: 15px solid #f2f2f2;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
margin: 0 0 0 30px;
}
.testimonial-full-author {
margin: 0 0 0 60px;
text-align: left;
font-weight: bold;
padding-bottom: 15px;
display: block;
}
.testimonial-full-business {
font-size: 12px;
font-style: italic;
font-weight: normal;
}
/**------------ WIDGET: BEAT SORT DROPDOWN MENU ------------**/
/* CSS for sort_beats_dropdown.php */
.sorting_select select {
border: 1px solid #ccc;
padding: 8px;
width: 99%;
margin-bottom: 8px;
/* font-size: 12px;*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
@media (max-width: 950px) {
.sorting_select select {
width: 30%;
margin-right: 10px;
}
}
@media (max-width: 780px) {
.sorting_select select {
width: 40%;
margin-right: 10px;
}
}
@media (max-width: 550px) {
.sorting_select select {
width: 90%;
margin-right: 10px;
}
}
/* 14. Single Post
* ================================================ */
#post_bottom {
margin-bottom: 15px;
}
#share_buttons {
float: right;
width: 160px;
}
#share_buttons_beat {
float: left;
width: 130px;
padding-top: 15px;
}
.share_button {
float: left;
width: 90px;
padding-bottom: 7px;
height: 20px;
}
.share_button_facebook {
float: left;
width: 85px;
padding-bottom: 7px;
height: 20px;
}
/* 15. Share Buttons
* ================================================ */
.social_share_buttons {
width: 100%;
float: left;
font-size: 15px;
}
.social_share_buttons i {
margin-right: 8px;
color: #ffffff;
width: 30px;
padding-top: 8px;
padding-bottom: 8px;
height: 13px;
float: left;
margin-right: 10px;
margin-bottom: 15px;
text-align: center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.social_share_buttons .fa {
font-size: 0.9em;
}
.social_share_buttons .fa-facebook {
background-color: #3c599b;
}
.social_share_buttons .fa-twitter {
background-color: #1bb2e9;
}
.social_share_buttons .fa-google-plus {
background-color: #c53c2a;
}
.social_share_buttons .fa-pinterest {
background-color: #cd1f28;
}
.social_share_buttons .fa-envelope {
background-color: #bcbcbc;
}
/* Single Store */
.single-store .social_share_buttons {
margin-top: 20px;
}
/* 16. Comments
* ================================================ */
div.comment {
display: block;
padding-bottom: 5px;
margin-bottom: 15px;
/* border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9E9E9;*/
}
.comment_text {
clear: left;
}
.comment_photo {
width: 60px;
float: left;
margin-right: 10px;
}
.comment_name {
padding-bottom: 5px;
clear: right;
}
.comment_name a {
text-decoration: none;
font-weight: bold;
}
.comment_time {
/* font-style: italic;*/
color: #999;
padding-left: 4px;
font-size: 12px;
}
#leave_comment {
float: left;
padding-top: 15px;
padding-right: 15px;
margin-left: 15px;
background: grey;
}
/* 17. BEAT STORE TABLE
* ================================================ */
.dataTables_length {
width: 250px;
float: left;
font-size: 12px;
padding-bottom: 14px;
padding-top: 5px;
}
/*dropdown side */
.dataTables_filter {
width: 250px;
float: right;
text-align: right;
font-size: 12px;
}
/*search box*/
.dataTables_filter input {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
border: 1px solid #CCC;
padding: 5px;
}
.dataTables_length select {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
border: 1px solid #CCC;
padding: 3px;
}
#example .store_table {}
.store_table {
text-align: left;
vertical-align: middle;
clear: left;
margin-top: 10px;
width: 100%;
}
.store_table thead th {
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: #333;
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
text-align: left;
}
.store_table td {
padding-top: 7px;
padding-bottom: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 12px;
}
.store_table tr td {
vertical-align: middle;
letter-spacing: 0;
}
.store_table a {
font-weight: bold;
text-decoration: none;
}
/*Link */
.store_table a.button,
#searchform input.button {
color: #ffffff;
font-weight: normal;
font-size: 12px !important;
}
/*Button Bolding fix*/
.dataTables_info {
padding-top: 16px;
float: left;
width: 42%;
font-size: 11px;
color: #cccccc;
}
.dataTables_info:hover {
color: #666666;
}
#example_paginate {
float: right;
width: 40%;
margin-right: 5px;
}
.store_table .button,
.store_table a.button {
margin-bottom: 0px;
padding: 3px 10px;
}
a.paginate_enabled_next,
a.paginate_enabled_previous {
font-size: 13px;
display: inline-block;
color: #ffffff;
text-decoration: none;
padding-top: 7px;
padding-right: 13px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
background-color: #3C3C3C;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
a.paginate_enabled_next:hover,
a.paginate_enabled_previous:hover {
cursor: pointer;
background-color: #232323;
}
a.paginate_enabled_next {
float: right;
}
a.paginate_enabled_previous {
float: left;
}
a.paginate_disabled_next,
a.paginate_disabled_previous {
display: none;
}
/*Disabled buttons - Hide the buttons if less than 15 */
a.paginate_disabled_previous {
float: left;
}
a.paginate_disabled_next {
float: right;
}
.beat_table_50 {
width: 50px;
}
.beat_table_70 {
width: 70px;
}
.beat_table_35 {
width: 35px !important;
}
.beat_table_35 audio {
width: 23px;
}
.player {
padding-left: 3px;
}
.beat_table_100 {
width: 55px;
}
.store_table .grey {
background-color: #b0b0b0;
}
.beat_store_custom_code {
margin-top: 15px;
}
/* Pagination */
.page_nav .page-numbers {
text-decoration: none;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 0px;
margin-left: 4px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}
.page_nav .current {
color: #FFFFFF;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
padding-right: 8px;
padding-left: 8px;
}
.page_nav .prev,
.page_nav .next {
border: none;
}
.page_nav {
float: left;
padding-top: 10px;
width: 100%;
font-size: 13px;
text-align: center;
/* margin-bottom: 15px;*/
}
/*.store_post .page_nav {
padding-bottom: 0 !important;
margin-bottom: 0;
}*/
/* 18. SINGLE BEAT PAGE
* ================================================ */
#beat_title {
float: left;
background-color: #333;
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 10px;
padding-right: 15px;
width: 583px;
margin-bottom: 10px;
}
#beat_title h1 {
font-size: 25px;
color: #ffffff;
float: left;
}
#beat_store_home {
float: right;
font-size: 14px;
padding-top: 10px;
}
#beat_store_home a {
color: #666666;
text-decoration: none;
}
#beat_store_home .fa {
color: #cccccc;
font-size: 14px;
}
/* If in title container */
#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-image: url(images/default-thumb.jpg );*/
background-repeat: no-repeat;
}
#player_photo img {
height: 160px !important;
width: 160px;
object-fit: cover;
}
/* Single Beat page Thumb */
.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;
}
/* Strech Audio Player */
.single-download .mejs-container {
width: 100% !important;
}
/*
Fade In Beat Player to Avoid HTML5 Player Jump
*/
/* Beat Sidebar Widget */
.widget .widget_mp3_player,
/* Single Beat Page 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 Description Text
*/
/*
Added to Beat Overlay Window Description Text
*/
.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;
}
/* Beat license list options */
.buying_options {
display: block;
padding: 8px;
}
.beat-information {
float: left;
width: 290px;
padding-bottom: 10px;
}
.beat-information-left {
float: left;
/* width: 40%;*/
/* font-weight: bold;*/
}
/*.beat-information-right {
float: left;
width: 150px;
margin-right: 10px;
}*/
.beat_selection_menu {
padding: 8px;
width: 180px;
background-color: #fff;
border: 1px solid #cdcdcd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
#beat_player_button a {
float: right;
}
input[type="radio"]:checked + span {
font-weight: bold;
}
/* Search Icon */
#beat_store_search_button {
float: right;
width: 29px;
height: 29px;
margin-top: 3px;
margin-right: 5px;
}
#beat_store_search_button img {
opacity: 0.2;
}
#beat_store_search_button img:hover {
opacity: 0.8;
}
/* Used for smaller beat store play button ****/
.store_table .player_button button {
margin-top: 10px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 3px !important;
}
/* Remove Padding from Checkout button */
.single-download .beat_player_player .button {
margin-bottom: 10px !important;
}
.single-download .edd_download_purchase_form {
margin-bottom: 0
}
/* Info List */
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;
}
/* Remove Padding */
#main .edd_download_purchase_form ul,
#main .edd_download_purchase_form ol {
padding-left: 0px;
margin-bottom: 0px;
}
/* Wave Player */
#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%;
}
}
/* Selecting */
input[type="radio"]:checked + span {
text-decoration: none !important;
}
.free_button {
float: left;
margin-right: 15px;
}
/* Price */
.edd_price_option_price {
opacity: .8;
}
/* Hide Spacer */
.edd_download_purchase_form .edd_price_option_sep {
display: none !important;
}
/* License Options */
.edd_download_purchase_form .edd_price_options li {
font-size: 18px;
}
/* License Name */
.edd_download_purchase_form .edd_price_options li span.edd_price_option_name {
margin-right: 8px;
}
/* Include Sidebar */
.beatsingle_leftside .beat_player_player {
width: 68%;
}
.beatsingle_leftside #player_photo_holder {
width: 30%;
}
/* Fullwidth */
.fullwidth .beat_player_player {
width: 80%;
}
.fullwidth #player_photo_holder {
width: 18.5%;
}
/* License Box */
.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 Button */
.continue_shopping {
padding-left: 18px !important;
float: left;
display: inline-block;
}
/*Thumbnail*/
@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%;
}
/* License Box */
.beat_player_player_license,
.fullwidth .beat_player_player_license {
margin-left: 0px;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
/* Buttons*/
.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;
}
}
/* Beat Store - Related Beats
* ================================================ */
/*Holder*/
#related_beats {
margin-bottom: 15px;
float: left;
width: 100%;
}
/*Three Colums*/
.related_beats_holder {
width: 31.5%;
display: inline-block;
margin-right: 15px;
float: left;
text-align: center;
}
/*Last Column*/
.related_beats_holder:last-child {
margin-right: 0px;
}
/*Thumbnail*/
.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;
}
/*Responsive*/
@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;
}
}
/* Beat Sort Bar - Help Overlay Window
* ================================================ */
.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;
}
/* Responsive */
@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;
}
}
/* Beat Sort Bar - Sale Overlay Window
* ================================================ */
/* Overlay Container */
.overlay-promo-text {
padding: 80px 40px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/* Headline Text */
.promo_big_text {
font-size: 45px;
font-weight: bold;
padding: 20px 10px;
margin-bottom: 15px;
margin-top: 30px;
}
/* Promo Code Text */
.promo_mid_text {
font-weight: bold;
font-size: 20px;
padding-bottom: 15px;
}
/* Remove Padding From Overlay */
.remodal.promo {
padding-bottom: 0px !important;
}
/* Responsive */
@media (max-width: 601px) {
.overlay-promo-text {
padding: 40px 20px;
}
/* Headline Text */
.promo_big_text {
font-size: 35px;
margin-top: 10px;
}
}
/* Beat Store - Animated Bars
* ================================================ */
/*Visulizer code*/
.vizhidden {
display: none;
}
/*Raise Items over bars*/
.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;
}
/* Active Beat */
.mejs-playlist li.current {
/* height: 80px;*/
/* transition: 0.3s;*/
overflow: hidden;
color: #ffffff;
background-color: #2e2c2c;
}
/* Bar Holder */
#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;
}
}
/* Animated Bars */
.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;
}
}
/* Animated Bars */
.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;
}
/* 19. CONTACT PAGE
* ================================================ */
.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;
}
/* 20. PROMO BAR
* ================================================ */
.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;
}
/* 21. SHORTCODES
* =============================================== */
/**------------ Alerts ------------**/
.shortcode_alert {
line-height: 18px;
margin-bottom: 15px;
padding: 13px;
}
.green,
.Green {
background: #EEF4D4;
color: #4A7D26;
}
.blue,
.Blue {
color: #2A5896;
background-color: #C6D8F0;
}
.red,
.Red {
color: #8D3225;
background-color: #EFCEC9;
}
.yellow,
.Yellow {
color: #9A7D00;
background-color: #FFEA97;
}
.grey,
.Grey {
color: #666;
background-color: #CCC;
}
/**------------ FAQ TOGGLE - Depends on jquery code ------------**/
h4.trigger {
margin-bottom: 4px;
}
h4.trigger a {
display: block;
text-decoration: none;
}
h4.trigger a:hover {
text-decoration: underline;
}
h4.active {
margin-bottom: 0px;
/* font-weight: bold;*/
}
.toggle_container {
/* line-height: 19px;*/
overflow: hidden;
padding-bottom: 10px;
}
/**------------ TOOLTIPS ------------**/
.info span {
display: none;
}
span.info {
border-bottom-color: #CCC;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #333;
position: relative;
text-decoration: none;
}
span.info:hover span {
-moz-box-shadow: 0 0 5px 3px #ccc;
-webkit-box-shadow: 0 0 5px 3px #ccc;
background-color: #FFF;
border-radius: 2px;
box-shadow: 0 0 5px 3px #ccc;
color: #333;
display: block;
left: 2em;
padding: 10px;
position: absolute;
text-align: left;
top: 2em;
width: 15em;
z-index: 999;
}
/**------------ TEXT HIGHLIGHT - Color is listed twice to be case sensitivity. ------------**/
.text_highlight {
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
padding-left: 3px;
padding-right: 3px;
}
span.red_highlight,
span.Red_highlight {
background-color: #ff0000;
}
span.black_highlight,
span.Black_highlight {
background-color: #000000;
}
span.yellow_highlight,
span.Yellow_highlight {
background-color: #e4e01a;
}
span.blue_highlight,
span.Blue_highlight {
background-color: #4d68b1;
}
span.green_highlight,
span.Green_highlight {
background-color: #5ec638;
}
/**------------ QUOTE ------------**/
.shortcode_quote {
background-color: #F5F5F5;
padding: 15px;
font-size: 24px;
font-style: italic;
line-height: 30px;
margin-bottom: 15px;
}
.widget .shortcode_quote {
margin-bottom: 0px;
}
/* 22. PHOTO GALLERY ( 4 Columns of Images )
* ================================================ */
#photogallery {
float: left;
}
#photogallery img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
margin-bottom: 3px;
}
.photogalley-holder:nth-child(4n+4) {
margin-right: 0px;
}
.photogalley-holder {
float: left;
margin-right: 30px;
width: 200px;
margin-bottom: 20px;
text-align: center;
}
#photogallery:hover > .photogalley-holder:hover {
opacity: .8;
}
/* 23. SINGLE PRODUCT PAGE
* ================================================ */
/* Store Home */
#store-gallery {
float: left;
}
#store-gallery img,
#store-product-image img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
/* margin-bottom: 8px; */
;
}
.store-holder {
float: left;
margin-right: 33px;
width: 200px;
height: 250px;
padding-bottom: 40px;
text-align: center;
}
.store-holder:nth-child(4n+4) {
margin-right: 0px;
}
/* Single Page */
.product-name {
font-weight: bold;
display: block;
padding-bottom: 4px;
line-height: 16px;
padding-top: 7px;
}
.product-price {
font-size: 14px;
display: block;
}
#store-product-information {
float: left;
width: 400px;
padding-right: 20px;
}
#store-product-image {
float: right;
width: 480px;
margin-bottom: 15px;
/* height: 410px; */
height: auto;
}
.store_social_share_padding {
margin-top: 10px;
opacity: 0.4;
filter: alpha(opacity=40);
/* For IE8 and earlier */
;
}
.store_social_share_padding:hover {
opacity: 0.9;
filter: alpha(opacity=90);
/* For IE8 and earlier */
;
}
.store-holder:hover {
opacity: .8;
}
/* Resize Fader */
#store-product-image .fader {
height: 400px;
width: 470px;
margin-top: 0px;
}
/* Slideshow pagination fix */
#main #store-product-image li {
padding-bottom: 0px;
line-height: 0px;
}
#shipping {
display: block;
padding-bottom: 15px;
/* color: #666666;*/
font-style: italic;
}
/* Moves Up Sorting Dropdown */
h1#content_header form {
margin-top: -8px;
}
/* Categories Text */
.single_store_categories {
text-align: right;
}
.single_product_left .single_store_categories {
text-align: left;
}
/* Related Products */
/* Responsive */
@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 Page Left */
.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;
}
/* 24. VIDEO GALLERY
* ================================================ */
#videogallery {
float: left;
margin-bottom: 20px;
}
#videogallery img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
margin-bottom: 8px;
}
.video-holder {
float: left;
margin-right: 28px;
width: 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;
}
/* 25. EVENTS
* ================================================ */
.event-group {
width: 900px;
border-bottom: solid;
padding-bottom: 15px;
border-bottom-width: 1px;
margin-bottom: 35px;
float: left;
}
.event-group:last-child {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 15px;
}
.event-group .button {
margin-bottom: 0px;
}
.date_holder {
text-align: center;
float: left;
width: 55px;
background: #ffffff;
box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.1);
}
.date_holder_month {
font-size: 11px;
color: #FFF;
background-color: #333;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
.date_holder_date {
padding-top: 9px;
padding-bottom: 9px;
font-size: 24px;
letter-spacing: 0px;
color: #333333;
}
.event-group h2 a {
font-weight: bold;
text-decoration: none;
}
.event-group h2 a:hover {
text-decoration: underline;
}
.date_holder_date_content {
float: right;
width: 820px;
}
.event_single_page {
margin-right: 15px;
margin-bottom: 15px;
}
/* 26. GRID LAYOUT
* ================================================ */
.row:after {
clear: both;
content: "";
display: table;
padding: 0;
}
.one-full,
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.two-third {
min-height: 1px;
padding-right: .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%;
}
/* Width 830px - Small tablet landscape (800x600) */
@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%;
}
/* Image Resize */
.one-full img,
.one-half img,
.one-third img,
.one-fourth img,
.one-fifth img,
.two-third img {
width: 100%;
}
}
/* Width 650px *********** */
@media (max-width: 800px) {
.one-half {
width: 45%;
}
.one-fourth,
.one-fifth {
width: 46%;
margin-bottom: 20px;
}
}
/* Width 550px *********** */
@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 {
margin-top: -15px;
}*/
/* Grid - Last Column */
.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;
}
/* 27. EASY DIGITAL DOWNLOAD CHANGES
* ================================================ */
/* Easy Digital Downloads Cart Page */
/* Cart Pricing Padding*/
#edd_checkout_form_wrap #edd_final_total_wrap {
margin-top: 15px;
margin-bottom: 15px;
}
/* Cart Widget Pricing BG transparent */
.widget .edd_total {
background-color: transparent !important;
}
/* Cart Widget */
.edd-cart-meta.edd_subtotal,
.edd-cart-meta.edd_total {
background-color: #ffffff;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 0px;
}
.widget .edd-cart .edd_checkout {
margin-bottom: 5px;
}
/* Make Inputs Bigger */
#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea {
padding: 10px;
font-size: 15px;
}
/* Make Price bigger */
#edd_final_total_wrap {
font-size: 16px;
}
/* Remove Border on Button */
#edd-purchase-button,
.edd-submit,
input.edd-submit[type="submit"] {
border: 0px;
font-size: 19px;
font-weight: bold;
margin-bottom: 0px !important;
}
/* Adds Space Below Terms Link */
#edd_show_terms {
padding-bottom: 10px;
}
/* Beat Shopping Cart Widget */
span.edd-cart-item-title,
.edd_subtotal {
font-style: normal;
font-weight: bold;
}
/* Remove Button */
a.edd-remove-from-cart {
font-size: 0px;
float: right;
background-image: url(images/remove.png);
background-repeat: no-repeat;
width: 16px;
text-indent: -999px;
}
/* Item padding */
li.edd-cart-item {
padding-bottom: 7px;
padding-top: 7px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/* Seperator Hide */
.edd-cart-item-separator:nth-child(2),
.edd-cart-item-separator:nth-child(4) {
display: none;
}
.edd-cart-number-of-items {
display: none !important;
}
.edd_subtotal {
padding-bottom: 8px;
}
/* Add to Cart Success Message */
.edd-cart-added-alert {
padding-top: 13px;
position: static;
}
/* Cart Image */
#edd_checkout_cart td img {
width: 50px;
height: 50px;
}
/* Add Padding on Checkout */
#edd_checkout_wrap .edd_empty_cart {
height: 25px;
padding-bottom: 25px;
display: block;
}
th.edd_cart_header_row,
th.edd_cart_item_price,
th.edd_cart_actions,
th.edd_cart_item_name {
padding: 15px !Important;
}
#edd_checkout_cart td,
#edd_checkout_cart th {
border-width: 0px 0px 1px 0px;
padding: 15px 15px;
}
#edd_checkout_form_wrap fieldset {
border-width: 0px;
padding: 0;
margin-bottom: 0px;
}
#edd_checkout_form_wrap #edd-discount-code-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount {
border-width: 0px;
}
/* Checkout Page - Remove Background */
#edd_checkout_cart td,
#edd_checkout_cart th,
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th,
#edd_checkout_form_wrap #edd-login-account-wrap,
#edd_checkout_form_wrap #edd-new-account-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount,
#edd_checkout_form_wrap .edd-cart-adjustment {
background-color: transparent !important;
}
/* Checkout Page - Total Price */
#edd_checkout_form_wrap #edd-login-account-wrap,
#edd_checkout_form_wrap #edd-new-account-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount,
#edd_checkout_form_wrap .edd-cart-adjustment {
padding: 0;
}
/* Purchase History - Remove Top Border */
#edd_user_history {
border-top: 0;
}
/* Checkout Payment Icons */
#edd_checkout_form_wrap .edd-payment-icons {
margin-top: 15px;
margin-bottom: 20px;
}
/* 28. MIXED ELEMENTS
* ================================================ */
/* Category Dropdown Menu - Appears on store, store category*/
.category_dropdown {
float: right;
}
.pp_social .facebook {
width: 85px !important;
}
/* Pagination Buttons */
#pagination_buttons .pag_number,
#pagination_buttons .current,
#pagination_buttons .dots {
display: none;
}
/*Page Text Selection Safari*/
/*::selection { background-color: #cccccc; } */
/*Page Text Selection Firefox*/
::-moz-selection {
background-color: #cccccc;
}
/* 404 Page */
.error_search_input {
background-color: #fff;
padding: 8px;
font-style: italic;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
width: 300px;
color: #333;
background-image: url(images/search_icon.png);
background-repeat: no-repeat;
background-position: 290px center;
border: 1px solid #CCC;
}
#search-inputs .input {
margin-right: 10px;
}
/* Hide Twitter Header */
.twtr-hd,
.twtr-ft div {
display: none;
}
.twitter_button_width {
width: 90px;
height: 21px;
}
/* Search Widget */
.searchfield {
font-size: 13px;
padding: 10px 28px 10px 6px;
width: 240px;
border: 1px solid #E7E7E7;
font: inherit;
color: #888;
background: url("images/search.png") no-repeat 96% 50%;
}
/* WordPress Defaults */
.wp-caption p {
margin-bottom: 15px;
}
.wp-caption img {
padding: 0;
margin: 0;
}
.wp-caption-text {
background-color: #ececec;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
font-size: 11px;
}
.bypostauthor,
.screen-reader-text,
.gallery-caption,
.sticky {}
/* Beat Store Error - No MP3 */
.player-error {
color: #cccccc;
padding: 20px;
background: #252424;
text-align: center;
}
.player-error a {
font-weight: normal;
}
/* Scroll Up */
#scrollUp {
background-image: url("images/top.png");
bottom: 20px;
right: 20px;
width: 38px;
height: 38px;
}
/* Scroll Up Opacity */
#scrollUp {
opacity: 0.2;
}
#scrollUp:hover {
opacity: 1;
}
/* Caption */
.wp-caption {
max-width: 100%;
}
/* Adds Padding If Sticky Footer On */
.admin-bar .navigation_holder.sticky {
margin-top: 32px;
}
/* 20. LOADING ANIMATION
* ================================================
/* Mock Ajax Loader */
#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('images/loading-animation.gif') 50% 50% no-repeat;
}
#ajax-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
margin: -28px 0 0 -25px;
}
/* Hide loading animation from Beat Playlist Pages*/
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;
}
/* End of Loading Animation */
/* 30. RESPONSIVE CODE
* ================================================ */
/* Audio Player ****/
/*
.mejs-container {
background: #333333;
}
*/
.beat_player_player .mejs-container,
.post .mejs-container,
.page-template-default .mejs-container {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.store_table .mejs-container,
.widget_mp3_player .mejs-container {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
/* Restrict Large Images */
#main img {
max-width: 100%;
height: auto;
}
.mejs-container .mejs-controls {
background: none !important;
/* background: #333333;*/
}
.mejs-controls .mejs-button button:focus {
outline-width: 0px;
outline-style: none !important;
}
/* Hiding the mobile Nav by default ****/
#mobile-nav-holder {
display: none;
}
.mobile-date {
display: none;
}
/* 959px
* ================================================ */
@media (max-width: 959px) {
.header_inside_container,
#footer_sub,
#footer {
width: 960px;
margin: 0px;
}
}
/* 965px
* ================================================ */
@media (max-width: 970px) {
.single_store_categories {
text-align: left;
}
/* Image Logo * */
#site_logo img {
max-width: 90%;
height: auto;
}
/* Turn off round corners */
#home_banner,
.home-wide-image,
#beat_player,
#beat_store_breadcrumb,
.widget,
#main,
.shortcode_alert,
.text_highlight {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
.banner_right {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.banner_left {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* Moves up footer that is sticky */
/*html, body {
height: auto;
}*/
/* Hide Elements */
.mobile_hide,
/* All elements with mobile_hide class */
.dataTables_length,
/* Beat store table dropdown */
#Fader h3,
/* Homepage banner sub text */
.website-event-date
/* Events page date for none mobile */
{
display: none;
}
/* Making elements 100% and no padding and margin */
.navigation_inside_container,
.header_inside_container,
.store_table,
#content,
#wrapper,
.beatsingle_leftside,
.leftside,
#mobile-menu,
#mobile-nav-holder,
.full_archive_nav,
.widget_holder,
.dataTables_length,
.dataTables_filter,
#beat_player,
#beat_produced_by,
#beat_type,
#beat_player_top,
.error_search_input,
.event-group,
.date_holder_date_content,
#store-product-information,
#site_logo,
#site_name,
.flexslider_store,
#navigation {
width: 100%;
padding: 0px;
margin: 0px;
}
/* Content Area */
#main,
.fullwidth,
#main.leftside {
width: 94%;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
padding-bottom: 15px;
margin: 0px;
/* margin-bottom: 15px;*/
}
#beat_title {
padding: 0;
margin: 0px;
width: 100%;
}
#beat_title h1 {
padding-top: 10px;
padding-left: 15px;
}
#beat_store_home {
padding-top: 15px;
padding-right: 15px;
}
#main img {
width: 100%;
height: auto;
}
/* All images in main div */
.blog_post_comments {
line-height: 20px;
}
/* Header */
.header_inside_container {
text-align: center;
}
#site_logo {
padding-top: 13px;
padding-bottom: 13px;
}
/* Header text logo */
.header_inside_container 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%;
}
/* Homepage Banner */
#home_banner_container,
#home_banner,
.slides {
width: 100%;
padding: 0;
margin: 0;
}
#home_banner_container img {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
#Fader h2 {
top: 44%;
font-size: 24px;
}
#Fader h3 {
top: 68%;
}
.fader {
height: auto;
margin-left: 0px;
width: 100%;
}
.fader {
padding-top: 39%;
overflow: hidden;
}
.fader .slide {
height: auto;
}
/* Sidebar & Widgets */
#right_side {
float: left;
width: 100%;
padding: 15px 0px 0px 0px;
margin: 0px;
}
#right_side .widget {
width: 94%;
padding-left: 3%;
padding-right: 3%;
margin-bottom: 13px;
}
.widget h3 {
width: 100%;
}
#widget_new_beats li,
#widget_recent_post li {
float: none;
width: 100%;
display: inline-block;
}
#widget_products li {
width: 100%;
display: block;
}
li.cat-item,
.widget .page_item {
float: none;
width: 48%;
display: inline-block;
padding-bottom: 10px;
}
.widget_content {
width: 100%;
}
.tagcloud a {
margin-right: 15px;
margin-bottom: 10px;
}
.store_table .beat-table-name a,
#widget_new_beats li a,
#widget_products li a {
display: block;
line-height: 17px;
}
/*Beat Player Widget*/
#widget_new_beats li {
clear: left;
}
#widget_new_beats li .genre {
min-height: 17px;
}
/* Hide Download file if no MP3 Added */
.widget .me-cannotplay span {
display: none;
}
/* Form inputs */
.input {
width: 85%;
padding: 2%;
margin: 0px;
margin-bottom: 13px;
}
/* Beat store table */
#example_filter label {
float: left;
padding-bottom: 10px;
}
/* Single Beat Page */
#beat_player_text,
.beat_player_player,
#beat_description_text,
#beat_player_description {
padding-left: 15px;
float: left;
padding-right: 0;
}
.beat-information {
width: 99%;
}
/* Footer */
#footer,
.widget_holder_sub,
#footer_sub {
width: 100%;
padding: 0;
margin: 0;
}
#footer {
padding-top: 13px;
}
.footer_widget,
.footer_widget .widget {
padding-left: 4%;
width: 95%;
display: block;
}
.footer_widget h3 {
padding: 0;
display: block;
width: 100%;
}
#footer_copywrite {
padding-left: 4%;
float: none;
width: 95%;
padding-top: 13px;
padding-bottom: 8px;
}
.widget_holder_sub .right {
padding-left: 4%;
float: none;
padding-bottom: 15px;
}
/*#footer_sub {
background-image: none;
background-color: #080808;
}*/
/* Video Page */
.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 Page */
.store-holder:nth-child(4n+4),
.photogalley-holder:nth-child(4n+4) {
margin-right: 15px;
}
.store-holder,
.photogalley-holder {
margin-left: 0px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 15px;
}
.store-holder img,
.photogalley-holder img {
height: 200px !important;
width: 200px !important;
}
#store-product-information h3
/* Price */
{
font-size: 15px;
padding-top: 10px;
font-weight: bold;
}
#store-product-image .slide img {
width: 100%;
height: auto;
}
#store-product-image {
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
}
.store-product-description-text {
padding-top: 10px;
}
.fader_controls {
display: none;
}
#store-product-image .fader {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
.products_computer {
float: none;
margin-left: 0px;
margin-right: 0px;
display: block;
margin-bottom: 15px;
}
/* Photogallery */
.photogalley-holder div,
.photogalley-holder a {
display: inline-block;
width: 100%;
}
/* Events Page */
.date_holder_date_content h2 {
font-size: 25px;
padding-top: 10px;
font-weight: bold;
}
.mobile-date {
float: left;
margin-left: 0px;
margin-right: 15px;
display: block;
margin-bottom: 10px;
}
/* Text Banner Widget */
.widget_banner {
width: auto !important;
}
}
/* End of 950px */
/* 670px
* ================================================ */
@media (max-width: 670px) {
/* Video Page */
.video-holder {
width: 45% !important;
height: auto;
padding-bottom: 10px;
}
img.video-holder {
width: 100% !important;
}
/*.video-holder:nth-child(2n+2) {
margin-right: 0px !important;
}*/
/* Hide BPM */
.beat-table-bpm {
display: none;
}
/*Category Dropdown*/
.category_dropdown {
display: block;
float: none;
}
/*Category Dropdown - Single Product Page */
.single-store .category_dropdown {
display: none;
float: none;
}
/* Single Beat Page */
#beat_player_text,
.beat_player_player,
#beat_description_text,
#beat_player_description {
margin: 0;
padding-left: 3%;
width: 95%;
}
}
/* End of 670px */
/* 560px
* ================================================ */
@media (max-width: 560px) {
/* Banner */
#Fader h2 {
top: 24%;
}
/* Hide beat store buy button, and genre */
.beat-table-button,
.beat-table-genre {
display: none;
}
/* Image Logo * width: 90%; */
#site_logo img {
height: auto;
width: auto !important;
max-width: 100% !important;
}
/* Store & Photo Gallery */
.store-holder,
.photogalley-holder {
width: 45%;
}
/* Pretty Photo styling for small screens - http://pastie.org/4034229 */
.pp_pic_holder.pp_default {
width: 100% !important;
left: 0 !important;
overflow: hidden;
}
div.pp_default .pp_content_container .pp_left {
padding-left: 0 !important;
}
div.pp_default .pp_content_container .pp_right {
padding-right: 0 !important;
}
.pp_content {
width: 100% !important;
height: auto !important;
}
.pp_fade {
width: 100% !important;
height: 100% !important;
}
a.pp_expand,
a.pp_contract,
.pp_hoverContainer,
.pp_gallery,
.pp_top,
.pp_bottom,
div.pp_default .pp_nav .currentTextHolder,
a.pp_arrow_previous,
a.pp_arrow_next {
display: none !important;
}
#pp_full_res img {
width: 100% !important;
height: auto !important;
}
.pp_details {
width: 94% !important;
padding-left: 3%;
padding-right: 4%;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -2px !important;
}
div.pp_default .pp_nav {
display: none;
}
a.pp_close {
right: 10px !important;
top: 10px !important;
}
div.pp_default .pp_nav {
width: 30px;
padding-bottom: 3px;
}
div.pp_default .pp_description {
font-weight: normal;
}
/*video */
#pp_full_res {
overflow: hidden;
}
#pp_full_res iframe,
#pp_full_res object,
#pp_full_res embed {
top: 0;
left: 0;
width: 100%;
height: auto;
}
}
/* End of 560px */
/* 480px
* ================================================ */
@media (max-width: 480px) {
/* Promo bar turns to text */
.promo-bar span a.promobar-button {
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;
}
/* Audio Player scale */
.mejs-audio {
width: 100% !important;
}
/* Working */
#mediawrapper .mejs-container {
width: 99%;
}
.store_table .mejs-audio,
.widget .mejs-audio {
width: 25px !important;
}
/* page headers ****/
h1#content_header {
font-size: 25px;
padding-bottom: 10px;
margin-bottom: 10px;
}
/* hides search input on beat table****/
#example_filter label {
display: none;
}
.beat-table-price {
padding-right: 5px;
}
/* Beat store table number */
.dataTables_info {
width: 100%;
text-align: center;
}
#example_paginate {
width: 100%;
}
/* Stops the Resize of Photos on Small Screens */
.grow:hover {
transform: scale(1.0);
}
/* Sorting Icons */
.tax-download_category #primary_nav_wrap i,
.tax-genre #primary_nav_wrap i,
.tax-download_tag #primary_nav_wrap i,
.search-results #primary_nav_wrap i {
display: none;
}
.tax-download_category #primary_nav_wrap .sort_clear_botton i,
.tax-genre #primary_nav_wrap .sort_clear_botton i,
.tax-download_tag #primary_nav_wrap .sort_clear_botton i,
.search-results #primary_nav_wrap .sort_clear_botton i {
display: inline-block;
}
.tax-download_category #primary_nav_wrap ul li,
.tax-genre #primary_nav_wrap ul li,
.tax-download_tag #primary_nav_wrap ul li,
.search-results #primary_nav_wrap ul li {
width: 23%;
}
#primary_nav_wrap ul ul li {
width: 170px !important;
}
}
/* End of 480px */
/* 400px
* ================================================ */
@media (max-width: 400px) {
/* Banner */
.fader .pager_list {
display: none;
}
/* All images in main div */
#right_side img {
width: 100%;
height: auto;
}
/* Store and Photogallery */
.store-holder,
.photogalley-holder {
width: 100%;
margin-right: 0;
text-align: center;
}
/* Video Homepage */
.video-holder:nth-child(1n+1) {
margin-right: 0px !important;
}
.video-holder {
width: 100% !important;
height: auto;
}
.video-holder img {
width: 100%;
height: auto;
width: 100% !important;
margin-right: 0 !important;
}
#beat_store_home {
float: left;
padding-left: 15px;
padding-bottom: 10px;
padding-top: 0px;
width: 90%;
}
/* Resizes Volume */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
width: 50px;
}
/* Hide Scroll Up */
#scrollUp {
display: none !important;
}
}
@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;
}
}
/* End of Responsive */
/* Mixed
* ================================================ */
/* Hide Sorting Bar */
.hide-beat-sorting-bar {
display: none;
}
/* Under Beat Store Sort Template */
#under_beatstore br {
content: "A" !important;
/* display: block !important;*/
display: none !important;
/* margin-bottom: 0px !important;*/
}
/* Removed .mejs-playlist li:hover */
/* Search Widget */
.widget .input {
width: 80%;
}
.widget #search-inputs .button {
margin-bottom: 0px;
}
/* Sorting Dropdown - Used on Photo gallery, Store, and video homepages */
.category_dropdown select {
background: #fff;
width: 150px;
padding: 5px 35px 5px 10px !important;
font-size: 13px;
border: 1px solid #fff !important;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
background: url(images/dropdown_arrow.png) 90% center no-repeat #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.1);
box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.1);
border-radius: 2px !important;
}
.category_dropdown select:hover {
border: 1px solid #ccc !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.19);
-moz-box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.19);
box-shadow: 0px 0px 5px 0px rgba(84, 80, 84, 0.19);
}
.category_dropdown option {
padding: 5px !important;
border-bottom: 1px solid #ccc;
}
.widget .mejs-container {
width: 29px !important;
}
/* Widget play button */
.widget .mejs-container .mejs-controls div {
padding-left: 2px;
}
/* Overlay Image Mobile */
@media (max-width: 400px) {
.modal_thumb img {
width: 90%;
}
}
.product-price-crossed-out {
color: #ccc;
text-decoration: line-through;
display: inline-block;
padding-left: 8px;
font-weight: normal;
}
.store_dropdown {
background: #fff;
width: 60%;
padding: 5px 35px 5px 10px !important;
font-size: 15px;
border: 1px solid #fff !important;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
/*appearance: none;*/
background: url(images/dropdown_arrow.png) 90% center no-repeat #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(84, 80, 84, 0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(84, 80, 84, 0.1);
box-shadow: 0px 0px 2px 0px rgba(84, 80, 84, 0.5);
border-radius: 2px !important;
margin-top: 8px;
margin-bottom: 15px;
}
.single-store .social_share_buttons i {
float: right;
margin-right: 0px;
margin-left: 10px;
}
@media (max-width: 950px) {
.single-store .social_share_buttons i {
float: left;
margin-left: 0px;
margin-right: 10px;
}
}
.single-store #main {
padding-bottom: 25px !important;
}
/* Store Banner */
#store-banner {
margin-bottom: 15px;
}
/* 500px - Hide Store Banner */
@media (max-width: 500px) {
#store-banner {
display: none;
}
}
/* 500px - Hide Store Banner */
@media (max-width: 500px) {
#store-banner {
display: none;
}
}
/* Site Title */
@media (max-width: 420px) {
h1#content_header {
text-align: center;
font-size: 25px;
}
}
@media (max-width: 700px) {
.category_dropdown select {
margin-top: 15px;
font-size: 12px;
padding: 5px 5px !important;
height: 30px;
border-radius: 0px;
}
}
/* Paginated Table Paginated Buttons Space */
.page-template-template-beat-store-paginated-sidebar .page_nav {
padding-top: 20px;
margin-bottom: 20px !important;
}
/* Button Span Arrow */
/*.button span { font-size: 24px;}*/
a.beat-store-table-noprice {
font-weight: normal;
}
@media (max-width: 400px) {
#primary_nav_wrap ul li {
width: 32%;
}
}
/* No Price Text Link */
.pltext a.beat_store_noprice_link {
padding-top: 0px;
}
/* Video & Photo Overlay */
/* Remove BG */
div.pp_default .pp_content,
div.light_rounded .pp_content {
background-color: transparent !important;
}
/* Text Color */
.pp_content_container {
color: #ffffff !important;
}
/* Remove Padding on Button */
div.pp_default .pp_social {
margin-left: 0px !important;
}
/* Text */
div.pp_default .pp_description {
font-size: 15px !important;
margin-top: 11px !important;
}
/* EDD Added to Cart Alert */
.edd-cart-added-alert {
padding-top: 0px;
padding-bottom: 5px;
}
/* Increase Thumbnial Size */
.mejs-playlist li.current .plthumb,
.mejs-playlist li.current .plthumb img {
width: 75px !important;
height: 75px !important;;
}
@media (max-width: 500px) {
/* Increase Thumbnial Size */
.mejs-playlist li.current .plthumb,
.mejs-playlist li.current .plthumb img {
background-size: 60px 60px !important;
width: 60px !important;
height: 60px !important;
}
}
/* Increase Beat Name*/
.mejs-playlist li.current span.name {
font-size: 18px;
padding-bottom: 3px;
}
@media (max-width: 500px) {
/* Increase Beat Name*/
.mejs-playlist li.current span.name {
padding-top: 0px;
font-size: 17px;
padding-bottom: 0px;
}
}
/* Price Text Padding */
.mejs-playlist li.current .pltext {
padding-top: 31px;
}
/* Thumb Image */
.mejs-playlist li.current .plthumb {
background-size: 75px 75px;
}
/* Price Text Padding */
.mejs-playlist li.current .plbutton {
margin-top: 25px;
}
@media (max-width: 400px) {
.mejs-playlist li.current .pltext {
padding-top: 7px;
}
}
/* Beat Sort Bar Responsive - Hide Icons */
@media (max-width: 340px) {
#beat_sort_bar ul ul li .fa {
display: none;
}
#beat_sort_bar ul ul li {
width: 90px;
}
#beat_sort_bar ul ul li a {
padding-left: 10px;
}
#beat_sort_bar ul ul li ul li {
width: 190px;
}
}
/* 31. FRONTPAGE SECTIONS
* ================================================ */
.front_page_fullwidth {
margin: 0;
padding: 0;
}
.front_holder {
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
padding-top: 50px;
}
/* Responsive @media (max-width: 961px) { */
@media (max-width: 990px) {
/* Inside Holder */
.front_holder {
width: 100%;
}
/* Outside Holder */
.front_page_fullwidth {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 400px) {
.front_page_fullwidth {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
/* @media (max-width: 990px) {
#about .front_holder,
#video .front_holder ,
#contact .front_holder {
width: 100%; }
}*/
/* Title */
.front_holder h3 {
padding-bottom: 20px;
}
.front_holder p {
/* line-height: 1.4em;*/
line-height: 150%;
padding-bottom: 25px;
}
.front_holder p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
p.frontpage_textwrap {
white-space: pre-wrap;
}
/* Button */
.front_holder .button {
font-weight: normal;
}
/* Center */
.front_holder_center {
text-align: center;
}
.front_page_center_text {
text-align: center;
}
/* FRONTPAGE: PHOTOS & PRODUCTS
* ================================================ */
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;
}
/* 1030px */
@media (max-width: 961px) {
ul#homearea_four_columns li {
width: 32%;
}
}
/* 930px */
@media (max-width: 530px) {
ul#homearea_four_columns li {
width: 45%;
}
}
/* Product Responsive */
@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%;
}
}
/* FRONTPAGE: ABOUT SECTION
* ================================================ */
/* Frontpage: About Image */
.front_page_aboutme img {
width: 450px;
/* height: auto;*/
height: 300px;
object-fit: cover;
}
/* Image Left or Right */
.front_page_aboutme_right {
float: right;
margin-left: 30px;
}
.front_page_aboutme_left {
float: left;
margin-right: 30px;
}
/* Responsive */
@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;
}
}
/* FRONTPAGE: VIDEO
* ================================================ */
/* Padding */
.front-page-section-padding {
padding-bottom: 25px;
}
/* Front Page Responsive */
@media (max-width: 940px) {
.front_holder {
width: 100%;
padding-top: 40px;
padding-bottom: 30px;
}
.front_page_products,
.front_page_textinfo {
text-align: center;
}
}
/* FRONTPAGE: CONTACT
* ================================================ */
/* Button */
.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;
}
/* Remove Bottom Padding from Button */
.front_page_contact_section .contact-half p:last-of-type {
padding-bottom: 0px;
}
/* Column Half */
.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;
}
/* Responsive: 750px */
@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;
}
}
/* FRONTPAGE: BLOG & COLUMNS
* ================================================ */
/* 3 services */
#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;
}
/* Image */
#homearea_three_column_blog li img,
#homearea_three_services li img {
margin-bottom: 15px;
max-width: 100%;
object-fit: cover;
}
/* Blog Post Name */
.front_page_blog a strong {
line-height: 1.4em;
display: block;
padding-bottom: 5px;
}
/* Blog Title */
#homearea_three_column_blog a,
#homearea_three_services a {
text-decoration: none;
}
/* Responsive */
@media screen and (max-width:961px) {
/* Adjust Blog Image */
#homearea_three_services li img {
width: 95%;
height: auto;
}
/* Adjust Blog Image */
#homearea_three_column_blog li img {
width: 95%;
height: auto;
}
}
@media screen and (max-width:900px) {
/* Adjust to Two services */
#homearea_three_column_blog li,
#homearea_three_services li {
width: 45%;
}
}
@media screen and (max-width:600px) {
/* Adjust to One services */
#homearea_three_column_blog li,
#homearea_three_services li {
width: 100%;
}
/* Adjust Image */
#homearea_three_column_blog li img,
#homearea_three_services li img {
width: 70%;
height: auto;
}
}
/* Credits Images */
#credits #homearea_three_services li img {
width: 220px;
height: 220px;
object-fit: cover;
}
/* Services */
#services #homearea_three_services li img {
width: 290px;
height: 170px;
object-fit: cover;
}
/* End Front Page Responsive */
/* FRONTPAGE: BANNER IMAGE
* ================================================ */
/* Headline Text */
.front_page_banner_image h2,
.frontpage_video_banner_div h2 {
font-size: 45px;
line-height: 85%;
padding: 20px;
}
/* 780 */
@media screen and (max-width: 780px) {
/* Headline */
.front_page_banner_image h2,
.frontpage_video_banner_div h2 {
font-size: 30px;
padding-bottom: 10px;
}
}
/* Uploaded Image Max Height 300px */
.front_banner_image img,
.frontpage_video_banner_div img {
max-height: 500px;
max-width: 90%;
}
/* FRONTPAGE: BANNER VIDEO
* ================================================ */
.frontpage_video_banner_div {
text-align: center;
position: relative;
overflow: hidden;
}
/* Button */
.frontpage_video_banner_div .button {
color: #ffffff;
}
.front_banner_video {
z-index: 10;
position: relative;
}
/* Video Resize */
.frontpage_video_banner_class {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%);
z-index: 0;
/* z-index: -1;*/
}
/* 2600 */
@media screen and (max-width: 2600px) {
.frontpage_video_banner_class {
height: 300%;
}
}
/* 2000 */
@media screen and (max-width: 2000px) {
.frontpage_video_banner_class {
height: 230%;
}
}
/* 1600 */
@media screen and (max-width: 1600px) {
.frontpage_video_banner_class {
height: 190%;
}
}
/* 1500 */
@media screen and (max-width: 1500px) {
.frontpage_video_banner_class {
height: 170%;
}
}
/* 1000 */
@media screen and (max-width: 1000px) {
.frontpage_video_banner_class {
height: 120%;
}
}
/* 500 */
@media screen and (max-width: 500px) {
/* Video */
.frontpage_video_banner_class {
height: 150%;
}
/* Button */
.frontpage_video_banner_div .button {
font-size: 13px;
padding: 8px 15px;
}
}
/* FRONTPAGE: BEAT STORE
* ================================================ */
/* Update Beat Playlist Line Height Text */
.front_holder .mejs-playlist li .cname {
line-height: 20px;
/* padding-top: 2px; */
}
.front_holder .mejs-playlist li.current .cname {
padding-top: 5px;
}
/* Add Padding Under Beat Store and Price Table Text */
p.frontpage_bottom_text {
padding-top: 20px;
}
/* Price Table - Hide Button */
.front_page_pricing_table div.ptp-cta {
display: none;
}
/* FRONTPAGE SETTINGS
* ================================================ */
/* Hide HTML Body & Wrap */
.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;
}
/* Move Up Pencil Edit Icon*/
.frontpage-edit-icon {
position: relative;
top: -35px;
}
/* Pricing Table Resize */
@media only screen and (max-width:765px) {
.ptp-col {
width: 44% !important;
}
}
@media only screen and (max-width:500px) {
.ptp-col {
width: 96% !important;
}
}
/* FRONTPAGE EMAIL
* ================================================ */
/* Labels */
#email label {
width: 80%;
display: inline-block;
text-align: center;
margin-right: 15px;
font-weight: bold;
padding-bottom: 16px;
}
/* Inputs */
#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;
}
/* Button */
#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) {
/* Labels */
#email label {
width: 100%;
display: inline-block;
text-align: center;
margin-right: 0;
}
/* Inputs */
#email input[type="email"],
#email input[type="text"],
#email select {
width: 90%;
}
/* Button */
#email input[type="submit"] {
width: 97%;
}
}
/* FRONTPAGE MISC
* ================================================ */
/* Testomonials */
.front_page_fullwidth .testimonial:before {
content: none;
}
.front_page_fullwidth .testimonial {
width: auto;
padding: 0;
position: static;
}
/* Section Title Line Height */
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;
}
/* Playlist On Beat Store */
.front_holder .mejs-playlist {
line-height: 14px;
}
.promo__text {
padding-bottom: 20px;
}
.promo__text:last-child {
padding-bottom: 0px;
}
/* 32. Wow Animation
* ================================================ */
/*.wow:first-child*/
.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;
}
/* 33. Page Title
* ================================================ */
/* Main Holder */
.page-title-holder {
width: 940px;
margin-left: auto;
margin-right: auto;
}
.page-title-holder h1 {
font-size: 28px;
}
/* Single Beat Page Home Button */
#page-title #beat_store_home {
font-size: 17px;
}
/* Responsive */
@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 Fonts */
#page-title .page-title-holder h1 {
font-size: 30px !important;
}
}
/* 34. Hover Animations
* ================================================ */
/* Float */
.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);
}
}
/* 35. Contact 7 - 111
* ================================================ */
/* Inputs */
.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%;
}
/* Select Dropdown */
.wpcf7-form .wpcf7-select {
height: 45px;
background: #ffffff;
margin-top: 8px;
width: 99%;
}
/* Checklist & Radio Lists */
.wpcf7-form span.wpcf7-list-item {
display: inline-block;
width: 100%;
margin-bottom: 15px;
text-align: left;
}
/* Upload Input*/
.wpcf7-form .wpcf7-file {
margin-bottom: 20px;
}
/* If Fullwidth Template */
.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) {
/* If Fullwidth Template */
.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%;
}
}
/* Form Button */
.wpcf7-submit {
background-color: #333333;
border: none;
color: #ffffff;
font-weight: bold;
}
/* Mobile Resize */
@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;
}
}
/*Disable Wow in IE*/
.ie .wow {
animation-name: none !important;
visibility: visible !important;
}
/* IE10 */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.wow {
animation-name: none !important;
visibility: visible !important;
}
}
/* IE Edge 12 */
@supports (-ms-accelerator:true) {
.wow {
animation-name: none !important;
visibility: visible !important;
}
}
/* Frontpage Beat Store Sidebar */
#frontpage_beatstore_left {
float: left;
display: block;
}
/* Frontpage Sidebar */
#frontpage_beatstore_sidebar {
float: right;
display: block;
text-align: left;
}
/* Checkout Button */
#frontpage_beatstore_sidebar .edd_checkout a {
color: #fff;
text-decoration: none;
}
/* Frontpage Beat Store - Mobile */
@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 Widget */
#frontpage_beatstore_sidebar .widget_edd_cart_widget.widget li.edd_checkout {
margin-bottom: 5px !important;
}
/* Loading Animation
* ================================================ */
#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
}
}
/* Beat Store Preview Download
* ================================================ */
.beatstore_overlay_beat_preview {
padding-bottom: 15px;
display: block;
/*padding-left: 15px;
padding-right: 15px; */
font-size: 14px;
}
.beatstore_overlay_beat_preview .preview_download_button {
background: #666666;
color: #ffffff;
}
/* Beat Store CSS Loading Animation
https://projects.lukehaas.me/css-loaders/ */
.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;
}
}
/* Frontpage Social Widget */
.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;
}
/* New Beat Store Button
* ================================================ */
.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;
}
/* Active Beat */
.mejs-playlist li.current .beat_button {
margin-top: 20px;
}
/* Remove Underline */
.beat_button:hover {
text-decoration: none !important;
color: #ffffff;
}
/* Icon */
.beat_button i {
margin-left: 7px;
color: #ffffff !important;
font-size: 10px !important;
}
/* Icon */
.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;
}
/* Active Beat */
.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%;
}
}
/* Set Max Height to Genre Scroll Window */
#beat_sort_bar ul li ul li ul {
/* max-height: 615px !important;
overflow: scroll; */
min-width: 206px;
}
/* Beat Sort Template - If has the sidebar */
body.page-template-template-beat-sort-php #main.leftside .cname {
width: 54% !important;
}
/* Code for if no slider banner shortcode added
* ================================================ */
#slider-banner-noshortcode {
text-align: center;
padding: 120px 20px;
/* background: #edf0f2;*/
max-width: 960px;
/* margin-top: 25px;*/
margin-left: auto;
margin-right: auto;
/* margin-bottom: 25px;*/
color: #967324;
/* border-radius: 5px;*/
}
#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 - Remove background from Credit Card Area
*/
#edd_checkout_form_wrap fieldset#edd_cc_fields {
border: 0px solid #f0f0f0;
background: none;
}
/*
EDD Checkout: Discount Input Padding
*/
#edd-discount-code-wrap {
margin-bottom: 20px !important;
}
/*
EDD Checkout: Discount Text Padding
*/
#edd_checkout_form_wrap #edd_show_discount {
margin-bottom: 15px;
display: block;
}
/*
EDD - Add to Cart Alert
*/
#remodal-item-view-content .edd-cart-added-alert {
font-size: 18px;
}
/*
Modal: Show EDD Hidden Add to Cart Button
*/
#remodal-item-view-content a.edd-add-to-cart {
display: inline-block;
}
/*
Modal: Hide EDD Submit Button - Doesn't work in overlay window.
*/
#remodal-item-view-content input.edd-submit[type="submit"] {
display: none;
}
/*
Modal - Loading Icon
*/
#remodal-item-view-content .modal-load-icon {
margin-top: 30px;
display: block;
width: 31px;
height: 31px;
background: url(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;
}
/* No Price - Missing Form Shortcode */
#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;
}
/* Hide Beat Name Overflow - Maybe add the title to when the name gets rolled over. */
#widget_new_beats li a {
white-space: nowrap;
overflow: hidden;
}
/* Modal Overlay Mobile */
@media (max-width: 620px) {
.remodal {
width: 90%;
height: 95%;
max-height: 600px;
overflow: auto;
}
/* Thumbnail */
.remodal .overlay-image-bg img {
width: 190px;
height: 190px;
}
/* Background */
.overlay-image-bg {
height: 160px;
}
/* Beat Name */
.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;
}
}
/* Hide Scroll up on mobile */
@media (max-width: 500px) {
#scrollUp { display: none !important; }
}
/* Testimonials Featured Image */
.front_holder .strong-view.wpmtst-modern .wpmtst-testimonial-image img {
width: 100px;
height: 100px;
margin-top: 25px;
}
/* Mobile Menu "Menu" Link */
/* Hide "Menu" link */
#menu_text_link {
display: none;
}
/* Show "Menu" link */
@media screen and (max-width:880px) {
#menu_text_link {
display: block;
width: 85%
}
/* Stretch Menu Link */
ul.topnav li#menu_text_link a {
width: 100%;
text-align: left
}
}
/* Mobile */
@media screen and (max-width:400px) {
#menu_text_link { width: 75%; }
}
/* Working Text Style
* ================================================ */
/* Black Box */
.banner_text_style_black_box {
background: #010101;
display: inline-block;
padding-bottom: 25px;
margin-bottom: 25px;
padding-right: 30px;
padding-left: 30px;
}
/* RED & BLUE Animation */
.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);
}
}
/* Fire */
.banner_text_style_fire {
text-shadow:
#ccc 0 -1px 4px,
#ff0 0 -2px 10px,
#ff8000 0 -10px 20px,
red 0 -18px 40px;
}
/* Gradient Animation 1
Copyright (c) 2020 by Brendan Mullins (https://codepen.io/jsnanigans/pen/MyBJNo) */
.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% }
}
/* Black Border
Good Font: Luckiest Guy
Good Background rgba(255, 252, 0, 1) 0%,
Copyright (c) 2020 by Kyle Wetton (https://codepen.io/kylewetton/pen/yLBwdJX) */
.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;
}
/* Gradient Animation 2
Copyright (c) 2020 by Junaid Ahmed (https://codepen.io/junaid_ahmed/pen/WoVNWG) */
.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;
/*background-clip: text;*/
-webkit-background-clip: text;
}
@keyframes bgttt {
0% { background-position-x: 0; }
100% { background-position-x: 10000px; }
}
/* 3D Text ( Thicker ) */
.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);
}
/* 3D Text ( Thin ) */
.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;
}
/* Long 3D Shadow ( Grey ) */
.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;
}
/* Red Glow
Copyright (c) 2020 by Thomas (https://codepen.io/tbego/pen/oRGOqq) */
.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;
}
/* Long 3D Shadow ( Black ) */
.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;
}
/* Long 3D Shadow ( White ) */
.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;
}
/* Text Shadow ( Sharp )*/
.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);
}
/* 3D Text ( Light )
Copyright (c) 2020 by The Curious Developer ( @thecuriousdev ) (https://codepen.io/thecuriousdev/pen/mcvxp) */
.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);
}
/* 3D Shadow 2 */
.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;
}
/* Blue Glow
Copyright (c) 2020 by Thomas ( @tbego ) (https://codepen.io/tbego/pen/oRGOqq) */
.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;
}
/* Big Shadow ( Black ) */
.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;
}
/* White Bolder */
.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);
}
/* Smoke
Copyright (c) 2020 by Hakkam Abdullah ( @Moslim ) (https://codepen.io/Moslim/pen/zwJPgL) */
.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;
}
/* Animated BG
Copyright (c) 2020 by Gayane ( @gayane-gasparyan ) (https://codepen.io/gayane-gasparyan/pen/xvENJg) */
.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;
}
/* White Glow */
.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;
}
/* Sharp Bolder Shadow
3D Text Effect by Ryan ( @ryandsouza13 ) https://codepen.io/ryandsouza13/pen/yEBJQV */
.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;
}
/* 3D Letters */
.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);
}
/* Text Shadow */
.banner_text_style_general_text_shadow {
text-shadow: 0 13.36px 8.896px #333;
}
/* Light Shadow */
.banner_text_style_general_text_shadow2 {
text-shadow:
0px 5px 9px rgba(0, 0, 0, 0.5);
}
/* Big Text Blur */
.banner_text_style_big_blur {
text-shadow:
0 20px 40px rgba(0, 0, 0, .5);
}
/* Color Edges */
.banner_text_style_red_highlight {
text-shadow:
0 4px 0 #000000,
-2px -2px 0 red,
-3px -3px 0 blue;
}
/* Blue Glow Animation */
.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;
}
}
/* Beat Store Columns Code */
/* Responsive: 750px */
@media (max-width:3000px) and (min-width:870px) {
#frontpage_beatstore_fullwidth.beatstore_columns .cname,
#main.beatstore_columns .cname {
width: 70%;
}
/* Frontpage */
#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;
}
/* Sort Pages */
#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 Top Border Radius */
#beat_sort_bar ul, #beat_sort_bar ul li {
border-top-right-radius:5px;
border-top-left-radius:5px;
}
/* Remove Border Radius from Sub Dropdown */
#beat_sort_bar ul li ul,
#beat_sort_bar ul li ul li {
border-top-right-radius:0px;
border-top-left-radius:0px;
}
/*Easy Digital Downloads Purchase Confirmation Page*/
/* Top Table */
/* Table Row */
#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;
}
/* Table Header BG Color */
#edd_purchase_receipt thead tr,
#edd_purchase_receipt_products thead tr {
height: 40px;
background: #efeded;
}
/* Top Table Left Padding */
#edd_purchase_receipt strong {
padding-left: 15px;
}
/* Add Padding to the bottom of the table */
#edd_purchase_receipt,
#edd_purchase_receipt_products {
margin-bottom: 35px;
}
/* Products Table */
/* Add Padding to the left and right of the table */
#edd_purchase_receipt_products th,
#edd_purchase_receipt_products td {
padding-left: 15px;
}
/* Download List Style */
li.edd_download_file {
list-style: disc !important;
margin-left: 25px !important;
}
/* Slider Banner Edit Icon for Customizer */
#edit-icon-slider {
width: 0px;
margin-left: auto;
margin-right: auto;
}
/* Easy Digital Downloads Profile Page */
/* EDD Profile Label */
#edd_profile_editor_form label {
min-width: 240px;
display:inline-block;
font-weight: bold;
}
/* EDD Profile Inputs */
#edd_profile_editor_form input,
#edd_profile_editor_form select {
width: 50%;
display:inline-block;
padding: 10px;
border: solid #cccccc 2px;
font-size: 17px;
}
/* EDD Profile - Mobile */
@media only screen and (max-width: 600px) {
/* EDD Profile Label */
#edd_profile_editor_form label {
width: 100%;
}
/* EDD Profile Inputs */
#edd_profile_editor_form input,
#edd_profile_editor_form select {
width: 90%;
}
}