/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* MP3J */


#mp3j_popout_0{
    border-style: none;
    border:none;
    background-image: url("/wp-content/uploads/2016/10/play-button-40px.png");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    right: -25px;
    top: 5px;
}
#mp3j_popout_0:hover {
    background-image: url("/wp-content/uploads/2016/10/play-button-40px-hover.png");
}

.popout-wrap-mjp{
    border-style: none;
    border-width: 0;
    border-color: #ffffff;
    background-color: transparent;

}

.popout-text-mjp {
    display:none;
} 
.popout-image-mjp {
background-image: url("/wp-content/uploads/2016/10/tranparent-75.png");
background-color: transparent;
width:75px;
height:75px


}

.popout-image-mjp:hover {
background-image: url("/wp-content/uploads/2016/10/tranparent-75.png");
background-color: transparent;
width:75px;
height:75px


}

/* MP3J SHORTCODE MENU ITEM */


@media only screen 
  and (min-device-width: 320px){

#mp3j_popout_1 {
width:75px;
height:75px;
background-color:transparent;
background-image:url("/wp-content/uploads/2016/10/play-button-1.png");
background-repeat:no-repeat;
background-position:10px 10px;
}

#mp3j_popout_1:hover {
background-image:url("/wp-content/uploads/2016/10/play-button-hover-1.png");
}
}

@media screen and (min-width:766px) {
#mp3j_popout_1 {
background-image:url("/wp-content/uploads/2016/10/play-button-40px.png");
background-position:10px 10px;
height:50px;
width:75px;
top:15px;
background-repeat:no-repeat;
}
#mp3j_popout_1:hover {
background-image:url("/wp-content/uploads/2016/10/play-button-40px-hover.png");
background-repeat:no-repeat;
}
.fl-page-nav-col, .fl-page-nav, .fl-page-fixed-nav-wrap{
padding-bottom:10px;
}
.popout-image-mjp {
height:0px;
}
.popout-image-mjp:hover {
height:0px;
}

}

@media screen and (min-width:992px) {
#mp3j_popout_1 {
background-position:10px 0px;
height:75px;
background-image:url("/wp-content/uploads/2016/10/play-button-1.png");
top:0px;
background-repeat:no-repeat;
}
#mp3j_popout_1:hover {
background-image:url("/wp-content/uploads/2016/10/play-button-hover-1.png");
background-repeat:no-repeat;
}

}

@media screen and (min-width:992px) {
.fl-page-nav .navbar-nav li a {
padding: 15px 15px;
top:0px;
}

}