/* © Copyright RadioBS - Created by Lugsoft - lugsoft.com.br */
body{
     font-size: 16px;
}

a{
    color: var(--bs-emphasis-color-rgb);
}
a:hover{
    color: var(--bs-dark-text) !important;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bs-gray-200); 
}
::-webkit-scrollbar-thumb {
    background: var(--bs-gray-600); 
    border-radius:8px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--bs-gray-700); 
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
}
.fas,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.fas {
    font-family: 'Font Awesome 6 Free';
}
.fab {
    font-family: 'Font Awesome 6 Brands';
}
.fa-stop::before {
    content: '\f04d';
}
.b-play::before {
    content: '\f04b';
}
.b-stop::before {
    content: '\f04d';
}
.b-volume::before {
    content: '\f028';
}
.b-mute::before {
    content: '\f026';
}
.fa-google-play:before {
    content: "\f3ab"; 
}
.fa-apple:before {
    content: "\f179"; 
}
.fa-play::before {
    content: '\f04b';
}
.fa-amazon:before {
    content: "\f270"; 
}
.fa-microsoft:before {
    content: "\f3ca"; 
}
.fa-search:before {
    content: "\f002"; 
}
.fa-facebook:before {
    content: "\f39e"; 
}
.fa-instagram:before {
    content: "\f16d"; 
}
.fa-twitter:before {
    content: "\f099"; 
}
.fa-whatsapp:before {
    content: "\f232"; 
}
.fa-tiktok:before {
    content: "\e07b"; 
}
.fa-youtube:before {
    content: "\f167"; 
}
.fa-linkedin:before {
    content: "\f0e1"; 
}
.fa-telegram:before {
    content: "\f2c6"; 
}
.fa-pinterest:before {
    content: "\f0d2"; 
}
.fa-discord:before {
    content: "\f392"; 
}
.fa-spotify:before {
    content: "\f1bc"; 
}
.fa-soundcloud:before {
    content: "\f1be"; 
}
.fa-share:before {
    content: "\f1e0"; 
}
.fa-bars:before {
    content: "\f0c9"; 
}
.fa-plus-square:before {
    content: "\f0fe"; 
}
.fa-globe:before {
    content: "\f0ac"; 
}

.b-play, 
.b-stop,
.b-volume, 
.b-mute {
	background: none;
	border: none;
	padding: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background: var(--bs-emphasis-color);
    border-radius: 100%;
}
.b-play::before, 
.b-volume::before, 
.b-mute::before {
	color: var(--bs-body-bg);
}
.b-stop::before {
	color: var(--bs-body-bg);
}
.b-play:hover::before, 
.b-stop:hover::before, 
.b-volume:hover::before, 
.b-mute:hover::before {
	color: var(--bs-body-bg);
}
.b-play::before, 
.b-stop::before,
.b-volume::before, 
.b-mute::before {
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	width: 48px;
	font-family: 'Font Awesome 6 Free';
	font-size: 38px;
	line-height: 48px;
	font-style: normal;
	text-decoration: none;
	-webkit-transition: .15s;
	transition: .15s;
}
header{
    padding-bottom: 80px;
}
header .navbar-logo img{
    max-height: 50px;
}
header nav .offcanvas-body li{
    font-size: 110%;
}
header nav .offcanvas-body .dropdown {
    font-size: 110%;
}
header nav .offcanvas-body .dropdown-menu {
    font-size: 80%;
    border: none;
}
header nav .offcanvas-body .dropdown-item.active{
    background: none;
}
header nav .offcanvas{
    max-width: 240px;
}
.navbar-toggler{
    border: none;
}
.navbar-toggler .fas{
    font-size: 24px;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.now{
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 6px;
    color: var(--bs-emphasis-color);
}
.player-info img{
    height: 200px;
    width: 200px;
}
footer ul{
    font-size: 22px;
    display: flex;
    justify-content:center;
}

footer ul li{
    padding-right: 1.2rem;
}

footer ul li:last-child {
    padding-right: 0;
}