body {padding-top:0rem; font-family: 'Roboto', Arial, sans-serif; font-display: swap; }
body div.container.header { font-family: 'Roboto', Arial, sans-serif; font-display: swap; }
@media (max-width: 768px) {
	body {padding-top:0;}
}

body div.container a, body div.container-sm a {color:#000; text-decoration:none;}
body div.container.contentContainer div.rwMTLine div.textOveray.overtlayTextWhite a {color:#fff; text-decoration:none;}
body div.container div.eventsLine div.textOverayTop.overtlayTextWhite span {color:#fff; text-decoration:none;}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,1);
}

/** HEADER **/

body main div.container.header header ul.nav li a.nav-link {font-size:1.1rem; font-weight:300; display:table;}
body main div.container.header header ul.nav li a.nav-link .listenText {font-weight:400;}
body main div.container.header header ul.nav li a.nav-link span {vertical-align: middle; display: table-cell; padding-left: 5px;}
body main div.container.header header ul.nav li a.nav-link i {font-size:1.8rem;}
body main div.container.header header ul.nav li a.nav-link i.red {color:#a01f2c;}
body main div.container.header header nav.navbar {padding-top: 0; padding-bottom: 0;}


body main div.container.header header div.logoLine a.radioButton i {font-size:1.8rem;}
body main div.container.header header div.logoLine a.radioButton i.red {color:#a01f2c;}

@media (min-width: 769px) and (max-width: 1200px) {
	body main div.container.header header ul.nav li a.nav-link i {font-size:1.4rem;}
	body main div.container.header header nav.navbar.toggleMenuButton {position:absolute; right:10px; top:2px;}
}

@media (max-width: 380px) {
	body main div.container.header header ul.nav li a.nav-link i {font-size:1.1rem;}
	body main div.container.header header ul.nav li a.nav-link {font-size:0.85rem;}
	body main div.container.header header nav.toggleMenuButton span.navbar-toggler-icon {font-size:1rem;}		
	body main div.container.header header a.radioWroclawLogo {position:absolute; left:15px; top:8px;}	
	body main div.container.header header a.radioWroclawLogo img {height:24px; max-width:fit-content;}	
	body main div.container.header header div.logoLine {min-height:52px;}		
	body main div.container.header header nav.navbar.toggleMenuButton {position:absolute; right:10px; top:2px;}	
}

@media (min-width: 381px) and (max-width: 768px) {
	body main div.container.header header a.radioWroclawLogo img {height:26px;}
	body main div.container.header header ul.nav li a.nav-link i {font-size:1.3rem;}
	body main div.container.header header ul.nav li a.nav-link {font-size:0.9rem;}
	body main div.container.header header nav.toggleMenuButton span.navbar-toggler-icon {font-size:1rem;}		
	body main div.container.header header div.logoLine {min-height:52px;}	
		
}

@media (min-width: 381px) and (max-width: 576px) {
	body main div.container.header header nav.navbar.toggleMenuButton {position:absolute; right:10px; top:0;}
	body main div.container.header header a.radioWroclawLogo {position:absolute; left:10px; top:6px;}	
}

@media (min-width: 577px) and (max-width: 768px) {
	body main div.container.header header nav.navbar.toggleMenuButton {position:absolute; right:10px; top:4px;}
	body main div.container.header header a.radioWroclawLogo {position:absolute; left:10px; top:6px;}	
}
	
	
	
/** FOOTER **/

footer .frequencies .frequency { color: #666; }
footer .frequencies .spacer { padding: 0 1rem; }
footer .frequenciesLabel {font-weight:700; font-size:1.5rem;}

/** BREAKPOINTS **/
@media (max-width: 575px) { 
	body {font-size:0.9rem;}
}

@media (min-width: 576px) and (max-width: 767px) { 
	body {font-size:0.9rem;}
}

@media (min-width: 768px) and (max-width: 991px) { 
	body {font-size:0.9rem;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	body {font-size:0.9rem;}
}

@media (min-width: 1200px) and (max-width: 1399px) { 
	body {font-size:0.9rem;}
}

@media (min-width: 1400px) { 
	body {font-size:1rem;}
}

/** ANIMATION **/

i.listenPlay {
  animation-name: changeColor;
  animation-duration: 1s;
  animation-delay: 4s;
}

@keyframes changeColor {
  0%   {color:#a01f2c;}
  50%  {color:#d3d2d2;}
  100% {color:#a01f2c;}
}

/** DOT **/

span.dot {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  display: inline-block;
  margin-right:10px;
  margin-top: 0px;
}

/** RW LISTEN BIG **/

i.rwListenBigButton {font-size:3.5rem;}

/** BOXES **/

.titleInfoRed {background-color:#a01f2c; color:#fff; margin-right:0.5rem; padding:0 0.5rem; font-weight:normal;}
.titleInfoGrey {background-color:#e8e8e8; color:#000; margin-right:0.5rem; padding:0 0.5rem; font-weight:normal;}

.dashedLine { border-bottom: 1px dashed #dee2e6; }
div.contentContainer hr {margin:0.5rem 0;}
div.contentContainer div.overtlayTextWhite {color:#fff;}

.bgRWRed {background-color:#a01f2c;}
.bgRWLighterGrey {background-color:#e8e8e8; color:#000;}
.bgRWLightGrey{background-color: #bbb;}
.bgRWDarkGrey{background-color: #666;}
.bgRWGreen{background-color: #5abc64;}
.bgRWViolet{background-color: #615e91;}
.bgRWYellow{background-color: #d9dc09;}
.bgRWOrange{background-color: #ffba00;}

.rwRed {color:#a01f2c;}
.rwGrey {color:#666 !important;}
.rwLightGrey {color:#bbb;}
.rwLighterGrey {color:#e8e8e8;}

.textOveray {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: initial;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 10px 0px;
  z-index: 3;
}

.textOveray::after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: calc(150% + 20px);
  background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.55) 150px, rgba(0, 0, 0, 0.55));
  margin: 0 0.7rem;
}

.textOverayTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: initial;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0px 10px 0px;
  z-index: 3;
}

.iconOverlayBottomRight {color:#fff; z-index:4; font-size:4rem; bottom:0; right:10px; line-height:1rem;}
.iconOverlayTopRight {color:#fff; z-index:4; font-size:4rem; top:0; right:10px; line-height:1rem;}
.iconOverlayTopLeft {color:#fff; z-index:4; font-size:4rem; top:0; left:10px; line-height:1rem;}
.iconOverlayTopLeft img {width:inherit;}
.iconOverlayTopLeftClose {color:#fff; z-index:4; font-size:4rem; top:0; left:4px; line-height:1rem;}
.iconOverlay {z-index:4; font-size:4rem; line-height:1rem;}

@media (max-width: 576px) { 
	.rwMTLine {padding:0; margin:0;}
	.textOveray::after {
	  margin: 0;
	}
}

.rwMTLine,.rwSubMTLine {overflow:hidden;}

/** RW PLAYLIST **/

@media (max-width: 575px) { 
	.rwTVPlaylist {height:250px;}
}

@media (min-width: 576px) { 
	.rwTVPlaylist {height:250px;}
}

@media (min-width: 768px) { 
	.rwTVPlaylist {height:250px;}
}

@media (min-width: 992px) { 
	.rwTVPlaylist {height:300px;}
}

@media (min-width: 1200px) { 
	.rwTVPlaylist {height:370px;}
}

@media (min-width: 1400px) { 
	.rwTVPlaylist {height:435px;}
}


.rwTVPlaylistElement {position:relative; margin:5px 5px 5px 0;}	
.rwTVPlaylistElement .rwTVPlaylistElementWrapper {position:relative; z-index:2; padding:5px;}
.rwTVPlaylistElement.nowPlaying {border:solid 1px #a01f2c !important;}

/** CONTACT LINE **/

@media (max-width: 576px) { 
	.contactLine {padding:0; margin:0;}
}

/** WIDTH **/

.w-33 { width: 33% !important; }

@media (min-width: 576px) { 
	.w-sm-25 { width: 25% !important; }
	.w-sm-33 { width: 33% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-100 { width: 100% !important; }
}

@media (min-width: 768px) { 
	.w-md-25 { width: 25% !important; }
	.w-md-33 { width: 33% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-100 { width: 100% !important; }
}

@media (min-width: 992px) { 
	.w-lg-25 { width: 25% !important; }
	.w-lg-33 { width: 33% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-100 { width: 100% !important; }
}

@media (min-width: 1200px) { 
	.w-xl-25 { width: 25% !important; }
	.w-xl-33 { width: 33% !important; }
	.w-xl-50 { width: 50% !important; }
	.w-xl-75 { width: 75% !important; }
	.w-xl-100 { width: 100% !important; }
}

@media (min-width: 1400px) { 
	.w-xxl-25 { width: 25% !important; }
	.w-xxl-33 { width: 33% !important; }
	.w-xxl-50 { width: 50% !important; }
	.w-xxl-75 { width: 75% !important; }
	.w-xxl-100 { width: 100% !important; }
}



/** OPACITY **/

.opacity-0 {opacity:0;}
.opacity-25 {opacity:25%;}
.opacity-50 {opacity:50%;}
.opacity-75 {opacity:75%;}
.opacity-100 {opacity:100%;}


/** FONT SIZES **/

.rwFs-1 {font-size:1.6rem;}
.rwFs-2 {font-size:1.5rem;}
.rwFs-3 {font-size:1.4rem;}
.rwFs-4 {font-size:1.3rem;}
.rwFs-5 {font-size:1.2rem;}
.rwFs-6 {font-size:1.1rem;}
.rwFs-7 {font-size:1rem;}
.rwFs-8 {font-size:0.9rem;}
.rwFs-9 {font-size:0.8rem;}
.rwFs-10 {font-size:0.7rem;}

@media (min-width: 576px) { 
	.rwFs-sm-1 {font-size:1.6rem;}
	.rwFs-sm-2 {font-size:1.5rem;}
	.rwFs-sm-3 {font-size:1.4rem;}
	.rwFs-sm-4 {font-size:1.3rem;}
	.rwFs-sm-5 {font-size:1.2rem;}
	.rwFs-sm-6 {font-size:1.1rem;}
	.rwFs-sm-7 {font-size:1rem;}
	.rwFs-sm-8 {font-size:0.9rem;}
	.rwFs-sm-9 {font-size:0.8rem;}
	.rwFs-sm-10 {font-size:0.7rem;}
}

@media (min-width: 768px) { 
	.rwFs-md-1 {font-size:1.6rem;}
	.rwFs-md-2 {font-size:1.5rem;}
	.rwFs-md-3 {font-size:1.4rem;}
	.rwFs-md-4 {font-size:1.3rem;}
	.rwFs-md-5 {font-size:1.2rem;}
	.rwFs-md-6 {font-size:1.1rem;}
	.rwFs-md-7 {font-size:1rem;}
	.rwFs-md-8 {font-size:0.9rem;}
	.rwFs-md-9 {font-size:0.8rem;}
	.rwFs-md-10 {font-size:0.7rem;}
}

@media (min-width: 992px) { 
	.rwFs-lg-1 {font-size:1.6rem;}
	.rwFs-lg-2 {font-size:1.5rem;}
	.rwFs-lg-3 {font-size:1.4rem;}
	.rwFs-lg-4 {font-size:1.3rem;}
	.rwFs-lg-5 {font-size:1.2rem;}
	.rwFs-lg-6 {font-size:1.1rem;}
	.rwFs-lg-7 {font-size:1rem;}
	.rwFs-lg-8 {font-size:0.9rem;}
	.rwFs-lg-9 {font-size:0.8rem;}
	.rwFs-lg-10 {font-size:0.7rem;}
}

@media (min-width: 1200px) { 
	.rwFs-xl-1 {font-size:1.6rem;}
	.rwFs-xl-2 {font-size:1.5rem;}
	.rwFs-xl-3 {font-size:1.4rem;}
	.rwFs-xl-4 {font-size:1.3rem;}
	.rwFs-xl-5 {font-size:1.2rem;}
	.rwFs-xl-6 {font-size:1.1rem;}
	.rwFs-xl-7 {font-size:1.0rem;}
	.rwFs-xl-8 {font-size:0.9rem;}
	.rwFs-xl-9 {font-size:0.8rem;}
	.rwFs-xl-10 {font-size:0.7rem;}
}

@media (min-width: 1400px) { 
	.rwFs-xxl-1 {font-size:1.6rem;}
	.rwFs-xxl-2 {font-size:1.5rem;}
	.rwFs-xxl-3 {font-size:1.4rem;}
	.rwFs-xxl-4 {font-size:1.3rem;}
	.rwFs-xxl-5 {font-size:1.2rem;}
	.rwFs-xxl-6 {font-size:1.1rem;}
	.rwFs-xxl-7 {font-size:1.0rem;}
	.rwFs-xxl-8 {font-size:0.9rem;}
	.rwFs-xxl-9 {font-size:0.8rem;}
	.rwFs-xxl-10 {font-size:0.7rem;}
}

/** PLAYER LINE **/

@media (max-width: 575px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 46%, #999999 46%, #999999 46%, #e8e8e8 55%, #e8e8e8 100%);}
}

@media (min-width: 576px) and (max-width: 767px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 26%, #999999 26%, #999999 75%, #e8e8e8 75%, #e8e8e8 100%);}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 26%, #999999 26%, #999999 75%, #e8e8e8 75%, #e8e8e8 100%);}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 18%, #999999 18%, #999999 52%, #cccccc 52%, #cccccc 82%, #e8e8e8 82%, #e8e8e8 100%);}
}

@media (min-width: 1200px) and (max-width: 1399px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 18%, #999999 18%, #999999 51%, #cccccc 51%, #cccccc 83%, #e8e8e8 83%, #e8e8e8 100%);}
}

@media (min-width: 1400px) { 
	.rwPlayerLine {background-image: linear-gradient(75deg, #a01f2c 18%, #999999 18%, #999999 51%, #cccccc 51%, #cccccc 83%, #e8e8e8 83%, #e8e8e8 100%);}
}

.rwMTLine .badge {padding:10px 20px; font-weight:700 !important; border-radius:0;}
.rwSubMTLine .badge {padding:5px 10px; font-weight:normal !important; border-radius:0;}

.alertLine {}
.alertPrefix {color:#fff;}

/* PAGGING */

.paging {font-size:1.1rem;}
.paging .disabled {color:#e8e8e8;}
.paging.top {margin-top:10px; margin-bottom:20px;}
.paging.bottom {margin-top:20px; margin-bottom:20px;}

.paging span {padding: 5px 10px; border-radius: 5px;}
.paging span a {}
.paging span.disabled {}
.paging span.current {
  background-color: #A01F2C;
  color: #FFFFFF;
}

@media (max-width: 575px) { 
	.paging {display:flex; justify-content: center;}
}

@media (min-width: 576px) and (max-width: 767px) { 
	.paging {display:flex; justify-content: center;}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.paging {display:flex; justify-content: right;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	.paging {display:flex; justify-content: right;}
}

@media (min-width: 1200px) and (max-width: 1399px) { 
	.paging {display:flex; justify-content: right;}
}

@media (min-width: 1400px) { 
	.paging {display:flex; justify-content: right;}
}

/** IMAGES RESPONSIVE **/

div.ratio {display:flex;}
div.ratio img.img-responsive {object-fit: cover;}

body main div.MTLine div.rwMTLine a div.textOveray.overtlayTextWhite span.inlineEditable textarea {background:transparent;}
body main div.MTLine div.rwSubMTLine a div.textOveray.overtlayTextWhite span.inlineEditable textarea {background:transparent;}

/** BANNER **/

.bannerHolder img {
	max-width: 100%;
	height: auto;
}