@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Serif:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

//PLAYER
#Box_JBEEB_20 {
	background-color: black!important;
}



.today {color: green!important;}

#glowna { 
  background: url(../grafika/tlo1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

.nav-top {
	background-color: #000;
}

.nav-link {
	color: White!important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:;
	font-size: 18pt;
	text-transform: uppercase;

}
.nav-link:hover {
	color: black!important;
	
}

.dropdown-item {
	text-transform: uppercase;
}



.navbar-nav {
	background-color: #000;	
}

.dropdown-item {
	padding: 5px 20px 5px 20px;
}

.accordion-body {
	font-size: 16pt;
}

#top {
	background-image:url('../grafika/tlo1.jpg');
	background-size:100% 100%;
	height: 100vh;
	width: 100%;
	text-align: center;
	display: block;
}

#top p {
	font-size: 15pt;
	font-weight: bold;
	margin-top: 10px;
}
#odtwarzacz {
	position: fixed;
	bottom: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 68px;
	background-color: black;
	z-index: 999;
}

.mt-40 {
	margin-top: 80px!important;
}

.przestrzen {
	display: block;
	min-height: 400px;
}

.pla {
	display: block;
	float: left;
	margin-top: 5px;
}

#staty-dol {
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -4px;
	
}

.dj {
	color: #b51204;
	font-size: 12pt;
}

#info {
	color: White;
	width: 840px;
	height: 400px;
	display: block;
	text-align: center;
	margin-top: 300px;
}

.info-nazwa {
	text-transform: uppercase;
	font-size: 50pt;
	font-weight:bold;
	color: White;
}

.info-slogan {
	text-transform: uppercase;
	font-size: 20pt;
	font-weight:bold;
	color: #d1d1d1;
}


.blok-kontener {
	width: 100%;
    height: 540px;
    background: Black;
}


.blok-kontener-bialy {
	width: 80%;
    height: 540px;
    background: White;
}
.kontener-bialy {
	background: White;
}

.blok-kontener-duzy {
	width: 100%;
    /* background: rgba(255, 255, 255, 0.10) */
}




.blok-1-info {
	width: 100%;
	height: auto;
	margin-top: -60px;
	background-color: #323232;
	border: 3px white solid;
	
}


.tlo1 {
	background: white;
	margin: 10px 0px 10px 0px;
	padding: 7px;
	width: 50%;
	height: 40px;
	text-align: left;
	border-bottom: 3px solid Black;
}

.naglowek1 {
	font-size: 16pt;
	color: black;
	text-transform:uppercase;
	margin-left: 8px;
	letter-spacing: 1px;
}

.w-100 {
  width: 100% !important;
  height: auto;
  margin-bottom: 5px;
}

.fb {
	background-image: url('../grafika/fb-1.png');
	width: 121px;
	height: 126px;
	display: inline-block;
}

.gg {
	background-image: url('../grafika/gg.png');
	width: 121px;
	height: 126px;
	display: inline-block;
	margin-top: 50px;
}
.gg-male {
	background-image: url('../grafika/gg-male.png');
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
}
.winamp {
	background-image: url('../grafika/winamp.png');
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
}
.wmp {
	background-image: url('../grafika/wmp.png');
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
}


.winamp-1 {
	background-image: url('../grafika/winamp-1.png');
	width: 80px;
	height: 80px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-top: 20px;
}
.wmp-1 {
	background-image: url('../grafika/wmp-1.png');
	width: 80px;
	height: 80px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-top: 20px;
}


.gg-txt {
	font-weight: bold;
	color: White;
}
.tt {
	background-image: url('../grafika/tt-1.png');
	width: 121px;
	height: 126px;
	display: inline-block;
}

.ig {
	background-image: url('../grafika/ig-1.png');
	width: 121px;
	height: 126px;
	display: inline-block;
}


.sluchaj-nas {
	color: White;
	font-size: 20pt;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}


/* okienko kontaktu i formularz*/
.kontakt{
	background-image: url('../grafika/napisz-1.png');
	width: 380px;
	height: 270px;
	display: inline-block;
	clear: both;
	margin-top: 50px;
}

.kontakt-modal {
	padding-left: 50px;
}

.f1 {
	width: 350px;
	height: 30px;
}
.f2 {
	width: 350px;
	height: 100px;
}

.formularz {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15pt;
}

/*ramowka */

#ekipa, #ramowka {
	background-color: White;
	display: block;
	height: auto;
	min-height: 400px;
}

#ramowka, #partnerzy {
	background-color: black;
	color: white;
}

#ramowka .nav-link.active {
	color: #0e2c5d!important;
}

#ramowka .nav-link:hover {
	color: #0e2c5d!important;
}
#partnerzy {
	padding-bottom: 20px;
}


.ramowka-nazwa-audycji {
	color: #4287f5;
	text-transform: uppercase;
	font-size: 17pt;
	margin-top: 10px;
}

#ramowka h3 {
	color: #b51204;
	margin-top: 0px;
	font-size: 0.875em;
}
#ramowka p {
	color: #f2f2f2;
	margin: 0px 0px 3px 0px;
	font-size: 12pt;
	font-weight: bold;	
}

#ramowka .row {
	border-bottom: 1px solid White;
}

#ramowka .img-thumbnail{
	margin: 20px 0px 20px 0px;
}

#ramowka .pierwsza {
	border-top: 1px solid White;
}


.godzina {
	font-size: 34pt;
	color: #4287f5;
	font-weight: bold;
	text-align: center;
	margin-top: 25%;
}

.godzina sup {
	color: #196ffa;
	text-decoration: underline;
}


.kropki-tlo {
	width: 80%;
	height: 40px;
	background-image: ;
	margin-top: ;
	margin-bottom: ;
}

.kropki-tlo-biale {
	width: 80%;
	height: 40px;
	background-image: url('../grafika/kropki-2.png');
	margin-top: 20px;
	margin-bottom: 20px;
}
.kropki-naglowek {
	background-color: White;
	color: Black;
	text-transform: uppercase;
	padding: 0px 40px 0px 40px;
}

.kropki-naglowek-biale {
	background-color: Black;
	color: White;
	text-transform: uppercase;
	padding: 0px 40px 0px 40px;
}

.fanpage {
	margin-top: 10px;
	background-image: url('../grafika/fanpage-1.png');
	width: 87px;
	height: 25px;
	display: inline-block;
}


.news-tytul {
	background-color: #323232;
	color: white;
	/* font-weight: bold; */
	font-size: 18pt;
	text-align:center;
}
.pb-20 {
	padding-bottom: 20px;
}

.news-tytul:not(.collapsed) {
	background-color: #323232;
	color: White;
}

.stopka {
	padding-bottom: 60px!important;
	display: block;
}
.partnerzy img {
	margin: 5px;
}
@media only screen and (max-width: 768px) {
  /* Mobilne */
  
.navbar {
	/*display: none;*/
}  
#info {
	height: 200px;
	padding-top: 20px;
	margin-top: 140px;
}

.info-nazwa {
	text-transform: uppercase;
	font-size: 25pt;
	font-weight:bold;
}

.tlo1 {
	background: white;
	margin: 10px 0px 10px 0px;
	padding: 9px;
	width: 75%;
	height: 40px;
}

.naglowek1 {
	font-size: 14pt;
	color: black;
	text-transform:uppercase;
	margin-left: 8px;
	
}
.kontakt{
	background-image: url('../grafika/napisz-2.png');
	width: 250px;
	height: 178px;
	display: block;
	clear: both;
	margin-top: 50px;
}
.kontakt-modal {
	padding-left: 5px;
}

.f1 {
	width: 250px;
	height: 30px;
}
.f2 {
	width: 250px;
	height: 80px;
}

.kropki-naglowek-biale {
	padding: 3px 40px 0px 40px;
}

.kropki-naglowek {

	padding: 3px 40px 0px 40px;
}
.partnerzy img {
	margin: 5px;
	width: 100%;
}
/*tab - ramowka */

#ramowka .nav {
	width: 100%;
	display: inline-block;
}

.godzina {
	margin-top: 10%;
}

.info-nazwa {
	font-size: 30pt;

}

}

@media (min-width: 575.98px) and (max-width: 1199.98px) { 

.tlo1 {
	background: white;
	margin: 10px 0px 10px 0px;
	padding: 9px;
	width: 75%;
	height: 40px;
	text-align: left;
}

.naglowek1 {
	font-size: 12pt;
	color: black;
	text-transform:uppercase;
	margin-left: 8px;
	
}



 }