@font-face{font-family:'Scamp-Player';src:url(//www.salafidemontreal.com/wp-content/plugins/meloo-toolkit/assets/fonts/Scamp-Player.ttf) format('truetype'),url(//www.salafidemontreal.com/wp-content/plugins/meloo-toolkit/assets/fonts/Scamp-Player.woff) format('woff'),url(//www.salafidemontreal.com/wp-content/plugins/meloo-toolkit/assets/fonts/Scamp-Player.svg#Scamp-Player) format('svg');font-weight:normal;font-style:normal}.icon{font-family:'Scamp-Player'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-skip-back:before{content:"\e050"}.icon-play:before{content:"\e052"}.icon-pause:before{content:"\e053"}.icon-skip-forward:before{content:"\e056"}.icon-volume:before{content:"\e098"}.icon-mute:before{content:"\e099"}.icon-plus:before{content:"\e114"}.icon-minus:before{content:"\e115"}.icon-check:before{content:"\e116"}.icon-cross:before{content:"\e117"}.icon-menu2:before{content:"\e120"}.icon-outbox:before{content:"\e123"}.icon-inbox:before{content:"\e122"}.icon-ellipsis:before{content:"\e129"}.icon-playlist_play:before{content:"\e902"}.icon-pause2:before{content:"\e903"}.icon-cart:before{content:"\e901"}.icon-loop:before{content:"\e600"}.icon-shuffle:before{content:"\e601"}.icon-soundcloud:before{content:"\e602"}.icon-facebook:before{content:"\e604"}.icon-google:before{content:"\e606"}.icon-twitter:before{content:"\e608"}.icon-add-shopping-cart:before{content:"\e609"}.icon-favorite:before{content:"\e60a"}.icon-highlight-remove:before{content:"\e60b"}.icon-toc:before{content:"\e60c"}.icon-error:before{content:"\e60d"}.icon-fast-forward:before{content:"\e60e"}.icon-fast-rewind:before{content:"\e60f"}.icon-pause-circle-outline:before{content:"\e611"}.icon-play-arrow:before{content:"\e612"}.icon-play-circle-outline:before{content:"\e613"}.icon-queue-mus:before{content:"\e614"}.icon-skip-next:before{content:"\e616"}.icon-skip-previous:before{content:"\e617"}.icon-volume-down:before{content:"\e618"}.icon-volume-mute:before{content:"\e619"}.icon-volume-off:before{content:"\e61a"}.icon-volume-up:before{content:"\e61b"}.icon-remove-circle-outline:before{content:"\e61c"}.icon-cancel:before{content:"\e61e"}.icon-menu:before{content:"\e61f"}.icon-sync:before{content:"\e620"}.icon-share:before{content:"\e621"}.icon-download:before{content:"\e900"} #scamp_player * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scamp_player {
font: 12px/1.4 "Roboto", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif;
-webkit-backface-visibility: hidden;
} #scamp_player {
width: 100%;
clear: both;
position: fixed;
left: 0;
z-index: 65;
bottom: -70px;
}
#scamp_player.sp-anim {
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
-moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
transition: all .6s cubic-bezier(.77, 0, .175, 1);
}
#scamp_player > a {
display: none;
}
.sp-buttons-container a {
transition: all 0.3s ease;
}
#scamp_player.sp-show-list {
z-index: 13;
} #sp-toggle-wrap {
overflow: hidden;
}
#sp-toggle {
float: right;
width: 30px;
height: 20px;
z-index: 10;
cursor: pointer;
text-align: center;
font-size: 26px;
font-weight: normal;
line-height: 20px;
z-index: 2;
position: relative;
}
#sp-toggle:after {
display: inline-block;
font-family: 'Scamp-Player';
}
#scamp_player.sp-show-player #sp-toggle:after {
display: inline-block;
} .sp-main-container {
position: relative;
}
#scamp_player.sp-show-player {
bottom: 0;
}
#scamp_player.sp-show-player.sp-show-list .sp-main-container {
} .sp-player-wrap {
position: relative;
}
.sp-player-container {
width: 1200px;
z-index: 2;
height: 50px;
position: relative;
margin: 0 auto;
} .sp-buttons-container {
float: left;
margin-right: 10px;
line-height: normal;
}
.sp-buttons-container .sp-controls {
display: inline-block;
text-align: left;
}
.sp-buttons-container a {
display: inline-block;
cursor: pointer;
margin-right: 5px;
font-size: 22px;
text-align: left;
opacity: 0.9;
position: relative;
top: 11px;
}
.sp-buttons-container a:hover {
opacity: 1;
}
.sp-buttons-container a.sp-play-button {
margin-top:0;
margin-bottom:0;
margin-right: 15px;
margin-left: 15px;
position: relative;
text-align:center;
width:40px;
height:40px;
display:inline-block;
line-height:22px;
}
.sp-buttons-container a.sp-play-button:before {
font-size: 22px;
line-height:normal;
}
#scamp_player.playing .sp-buttons-container a.sp-play-button:before {
font-size: 22px;
}
a.sp-play-button:after {
content: "";
position: absolute;
left: 0px;
top: -9px;
line-height:normal;
z-index: -1;
border-radius: 100%;
width: 40px;
height: 40px;
}
.sp-buttons-container a:hover {
}
.sp-buttons-container a:before {
font-family: 'Scamp-Player';
}
#scamp_player.loading .sp-buttons-container a.sp-play-button:before {
animation: blinksp normal 0.5s infinite ease-in-out;
-webkit-animation: blinksp normal 0.5s infinite ease-in-out;
}
keyframes blinksp {
0% {
opacity: 1
}
50% {
opacity: 0.5
}
100% {
opacity: 1
}
}
@-webkit-keyframes blinksp {
0% {
opacity: 1
}
50% {
opacity: 0.5
}
100% {
opacity: 1
}
} .sp-volume-container {
position: relative;
display: inline-block;
margin-left: 5px;
padding-left: 15px;
height: 50px;
line-height: normal;
}
.sp-volume-bar-container {
width: 120px;
position: relative;
}
.sp-volume-bar-container:before {
font-family: 'Scamp-Player';
content: "\e098";
position: absolute;
left: 0;
top: 16px;
font-size: 18px;
opacity: 0.8;
}
.sp-volume-slider {
display: inline-block;
width: 100px;
position: relative;
margin-left: 30px;
margin-top: 24px;
z-index: 1;
cursor: ew-resize;
cursor: -moz-grab;
cursor: grab;
top: -1px;
}
.sp-volume-position {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 4px;
max-width: 100px;
z-index: 1;
} .sp-queue-button {
min-width: 25px
}
.sp-buttons-container .sp-queue-button-container {
position: relative;
display: inline-block;
margin-left: 25px;
padding-left: 15px;
height: 49px;
}
.sp-buttons-container .sp-queue-button:before {
font-size: 24px;
}
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {
font-size: 24px;
}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button:before {
position: absolute;
top: 4px;
font-size: 22px;
display: inline-block;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#scamp_player.sp-queue-loading .sp-buttons-container a.sp-queue-button {
position: relative;
height: 23px;
} .sp-badge {
position: absolute;
top: 0px;
left: 1px;
font-size: 11px;
font-weight: bold;
display: inline-block;
min-width: 10px;
padding: 3px 5px;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
opacity: 0;
}
.sp-show-badge {
opacity: 1;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(-360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
} .sp-progress-container {
position: absolute;
left: 0;
top: -8px;
width: 100%;
z-index: 10;
}
.sp-progress .sp-loading, .sp-progress .sp-position {
bottom: 0;
top: auto
}
.sp-progress-container:after,.sp-progress .sp-position, .sp-progress .sp-loading {
bottom: 0;
top: auto
}
.sp-progress-container:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
}
.sp-progress {
height: 8px;
width: 100%;
position: relative;
z-index: 1;
cursor: ew-resize;
cursor: -moz-grab;
cursor: grab;
}
.sp-progress .sp-loading {
position: absolute;
left: 0;
z-index: 2;
height: 100%;
}
.sp-progress .sp-position {
position: absolute;
left: 0;
z-index: 3;
height: 100%;
}
.sp-progress-container:after, .sp-progress .sp-position, .sp-progress .sp-loading {
height: 2px;
transition: height 0.2s ease;
}
.sp-progress-container:hover:after, .sp-progress-container:hover .sp-progress .sp-position, .sp-progress-container:hover .sp-progress .sp-loading {
height: 8px;
} .sp-time {
float: right;
position: relative;
top: 15px;
}
.sp-time-elapsed, .sp-time-total {
position: relative;
font-size: 11px;
font-weight: bold;
}
.sp-time-elapsed {
display: none;
}
.sp-time-total {
}
.sp-time-elapsed:before, .sp-time-total:before {
content: "\2014";
display: inline-block;
padding-right: 2px
} .sp-track-container {
position: relative;
margin-top: 0px;
display: inline-block;
}
.sp-track-cover {
float: left;
}
.sp-track-cover .sp-track-artwork {
max-width: 50px;
max-height: 50px;
height: 100%;
}
.sp-track-details {
float: left;
height: 50px;
overflow: hidden;
position: relative;
}
.sp-track-title {
padding-top: 8px;
}
.sp-track-title, .sp-track-artist {
display: block;
font-size: 12px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
margin: 2px 0;
position: relative;
}
.sp-track-title, .sp-track-title:hover {
}
.sp-track-artist, .sp-track-artist:hover {
}
.sp-marquee-container {
position: relative;
left: 10px;
top: 17px;
overflow: hidden;
text-transform: uppercase;
font-size: 12px;
margin: 0 auto;
white-space: nowrap;
display: none;
width: 200px;
font-weight: bold;
}
.sp-marquee {
display: inline-block;
padding-left: 100%;
-webkit-animation: marquee 10s linear infinite;
-moz-animation: marquee 10s linear infinite;
animation: marquee 10s linear infinite;
}
@-moz-keyframes marquee {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
@-webkit-keyframes marquee {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
@keyframes marquee {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
} .sp-queue-container {
padding: 20px 6px 60px 6px;
display: none;
height: 60vh;
}
.sp-show-list .sp-player-wrap {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 100;
}
#sp-empty-queue {
text-transform: uppercase;
font-size: 10px;
padding: 2px 8px;
line-height: normal;
cursor: pointer;
} .sp-progress-mobile {
width: 100%;
height: 20px;
position: relative;
display: none;
}
.sp-progress-mobile:before {
content: '';
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: -43px;
z-index: 2;
}
.sp-progress-mobile .sp-progress {
margin-top: 24px;
} #scamp_player.sp-show-list .sp-queue-container {
display: block;
}
.sp-queue {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch; 
width: calc(100% + 60px);
margin-left: -30px;
}
.sp-queue:before {
content: '';
width: 100%;
height: 20px;
background-color: red;
}
.sp-queue .sp-icon:before {
font-family: 'Scamp-Player';
font-size: 42px;
line-height: normal;
font-weight: normal;
min-width: 30px;
}
.sp-track.playing .sp-icon:before, .sp-track.paused .sp-icon:before, .sp-track.loading .sp-icon:before {
}
#sp-queue-scroll {
padding: 20px 0;
border-collapse: collapse;
border-spacing: 0;
width: 1200px;
max-width: 100%;
margin: 0 auto;
background-color: transparent;
}
#sp-queue-scroll th.sp-th-cart {
text-align: center;
}
#sp-queue-scroll th.sp-th-remove {
text-align: right;
}
#sp-queue-scroll th {
border: none;
background-color: transparent
}
#sp-queue-scroll td {
padding: 6px;
vertical-align: middle;
border: none;
}
.sp-track.playing, .sp-track.paused, .sp-track.loading {
}
.sp-track:hover {
}
#sp-queue-scroll tr {
border-bottom: 1px solid #2e2e2e;
}
#sp-queue-scroll tr:last-child {
border-bottom: 1px solid #2e2e2e;
} .sp-track-control {
display: inline-block;
cursor: pointer;
max-width: 42px;
}
.sp-track-control:before {
}
.sp-track.playing .sp-track-control:before {
} .sp-cover-artwork img {
width: 48px;
margin-bottom: 0;
vertical-align: middle;
} .sp-title a {
display: block;
font-size: 12px;
}
.sp-title a.sp-title-button {
font-weight: bold;
font-size: 14px;
}
.sp-title a.sp-artist-button {
} .sp-cart {
text-align: center;
}
.sp-cart-button:before {
}
.sp-cart-button.sp-download-button:before {
} .sp-remove {
text-align: right;
}
.sp-remove-button {
cursor: pointer;
margin-right: 10px;
}
.sp-queue .sp-remove-button:before {
} .sp-queue .sp-icon:hover {
}
.sp-queue .sp-icon:hover:before {
}
#sp-queue-scroll th.sp-list-controls {
width: 100%;
padding: 10px;
text-align: right;
}
.sp-track.sp-error {
opacity: 0.1;
pointer-events:none;
}
.sp-track.sp-error .sp-title a {
text-decoration: line-through
} #scamp-mobile-init {
opacity: 0;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 100000;
display: block;
} #scamp_player.is-shoutcast .sp-progress {
cursor: default;
}
#scamp_player.is-shoutcast .sp-loading, #scamp_player.is-shoutcast .sp-position, #scamp_player.is-shoutcast .sp-progress:before, #scamp_player.is-shoutcast .sp-progress:after {
opacity: 0
}
#scamp_player.is-shoutcast .sp-time-total {
opacity: 0
}
#scamp_player.is-shoutcast .sp-progress-container:after {
display: none;
}
#scamp_player.is-shoutcast .sp-progress {
background: transparent;
}
#scamp_player.is-shoutcast .sp-time-elapsed {
display: block;
}
@media only screen and (max-width: 979px) {
#scamp_player.is-shoutcast.sp-show-list .sp-time-elapsed {
display: none
}
}  @media only screen and (max-width: 1640px) and (min-width:1150px) { .sp-player-container, #sp-queue-scroll {
width: 1170px;
}
} @media only screen and (max-width: 1560px) and (min-width:1150px) { .sp-player-container, #sp-queue-scroll {
width: 1150px;
}
} @media only screen and (max-width: 1240px) {
.sp-player-container, #sp-queue-scroll {
width: 960px;
}
.sp-track-title, .sp-track-artist {
max-width: 400px;
}
} @media only screen and (max-width: 1020px) {
.sp-player-container, #sp-queue-scroll {
width: 100%;
padding: 0 30px;
}
#sp-scroller {
padding:0 40px;
}
} @media only screen and (min-width: 768px) and (max-width:1020px) {
.sp-volume-container {
display: none;
}
.sp-track-title, .sp-track-artist {
max-width: 300px;
}
.sp-marquee-container {
max-width: 80px;
left: 10;
}
} @media only screen and (max-width: 559px) {
.sp-marquee-container {
max-width: 200px;
left: 0;
display: none;
}
.sp-track-cover {
display: none
}
.sp-time {
display: none
}
} @media only screen and (max-width: 768px) {
.sp-marquee-container {
max-width: 200px;
}
.sp-track-title, .sp-track-artist {
display: none;
}
.sp-volume-container {
display: none;
}
.sp-marquee-container {
display: block;
}
.sp-queue .sp-small-screen {
display: none;
}
.sp-title a.sp-title-button {
font-size: 12px;
}
} @media only screen and (max-width: 460px) {
.sp-track-cover {
display: none
}
.sp-buttons-container .sp-queue-button-container {
margin-left: 10px;
padding-left: 15px;
}
.sp-marquee-container {
max-width: 80px;
left: 0;
}
.sp-time {
display: none
}
}