/* Ratio classes per breakpoint */

	/* SM */
	@media (min-width: 576px) {
	  .ratio-sm-21x9::before { padding-top: calc(9 / 21 * 100%); }
	  .ratio-sm-16x9::before { padding-top: calc(9 / 16 * 100%); }
	  .ratio-sm-4x3::before  { padding-top: calc(3 / 4 * 100%); }
	  .ratio-sm-1x1::before  { padding-top: 100%; }
	}

	/* MD */
	@media (min-width: 768px) {
	  .ratio-md-21x9::before { padding-top: calc(9 / 21 * 100%); }
	  .ratio-md-16x9::before { padding-top: calc(9 / 16 * 100%); }
	  .ratio-md-4x3::before  { padding-top: calc(3 / 4 * 100%); }
	  .ratio-md-1x1::before  { padding-top: 100%; }
	}

	/* LG */
	@media (min-width: 992px) {
	  .ratio-lg-21x9::before { padding-top: calc(9 / 21 * 100%); }
	  .ratio-lg-16x9::before { padding-top: calc(9 / 16 * 100%); }
	  .ratio-lg-4x3::before  { padding-top: calc(3 / 4 * 100%); }
	  .ratio-lg-1x1::before  { padding-top: 100%; }
	}

	/* XL */
	@media (min-width: 1200px) {
	  .ratio-xl-21x9::before { padding-top: calc(9 / 21 * 100%); }
	  .ratio-xl-16x9::before { padding-top: calc(9 / 16 * 100%); }
	  .ratio-xl-4x3::before  { padding-top: calc(3 / 4 * 100%); }
	  .ratio-xl-1x1::before  { padding-top: 100%; }
	}

	/* XXL */
	@media (min-width: 1400px) {
	  .ratio-xxl-21x9::before { padding-top: calc(9 / 21 * 100%); }
	  .ratio-xxl-16x9::before { padding-top: calc(9 / 16 * 100%); }
	  .ratio-xxl-4x3::before  { padding-top: calc(3 / 4 * 100%); }
	  .ratio-xxl-1x1::before  { padding-top: 100%; }
	}

	/** END Ratio **/

	/** Start No gutter **/

	/* Dla xs (poniżej 576px) */
	@media (max-width: 575.98px) {
	  .no-gutter-col-xs {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	/* Dla sm (576px - 767.98px) */
	@media (min-width: 576px) and (max-width: 767.98px) {
	  .no-gutter-col-sm {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	/* Dla md (768px - 991.98px) */
	@media (min-width: 768px) and (max-width: 991.98px) {
	  .no-gutter-col-md {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	/* Dla lg (992px - 1199.98px) */
	@media (min-width: 992px) and (max-width: 1199.98px) {
	  .no-gutter-col-lg {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	/* Dla xl (1200px - 1399.98px) */
	@media (min-width: 1200px) and (max-width: 1399.98px) {
	  .no-gutter-col-xl {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	/* Dla xxl (1400px i więcej) */
	@media (min-width: 1400px) {
	  .no-gutter-col-xxl {
		padding-right: 0;
		padding-left: 0;
	  }
	}

	
	/** END No gutter **/
	
	body {
		font-family: 'Roboto', 'Arial', serif;
	}

	.bannerHolder {width:100%; overflow:hidden;}
	.bannerHolder ins {width:100%; overflow:hidden; display:block;}
	.bannerHolder ins a {width:100%; overflow:hidden; display:block;}
	.bannerHolder ins a img {max-width: 1140px; width: 100%; height: auto; }
	.bannerHolder ins img {max-width: 1140px; width: 100%; height: auto;}

	.rwFSsmaller {font-size:0.8rem;}
	.rwFSsmall {font-size:0.9rem;}
	.rwFSbig {font-size:1.1rem;}
	.rwFSbigger {font-size:1.2rem;}

	a {color:#000; text-decoration:none;}
	a:hover {color:#a01f2c; text-decoration:none;}
	
	.flexbreak {
	  flex-basis: 100%;
	  height: 0;
	}
	
	/** MAIN CONTENT **/
	
	.rwRedBg {background-color:#a01f2c;}
	.rwRedBga {background-color:rgba(160,31,44,0.8);}
	.rwRedText {color:#a01f2c;}
	.rwLighterGreyText {color:#e8e8e8;}
	.rwLighterGreyBg {background-color:#e8e8e8;}
	.rwGreyText {color:#ccc;}
	.rwGreyBg {background-color:#e8e8e8;}
	.bgRWLighterGrey {background-color:#e8e8e8;}
	.RWrounded {border-radius:10px; overflow:hidden;}
	
	.titleInfoRed {background-color:#a01f2c; color:#fff; margin-right:0.5rem !important; padding:0 0.5rem !important; font-weight:normal; border-radius:10px;}
	.titleInfoGrey {background-color:#e8e8e8; color:#000; margin-right:0.5rem !important; padding:0 0.5rem !important; font-weight:normal; border-radius:10px;}
	
	span.dot {
		height: 9px;
		width: 9px;
		border-radius: 50%;
		display: inline-block;
		margin-right: 10px;
		margin-top: 0px;
	}
	
	.arrow {
      display: flex;
      align-items: center;
    }

    .arrow-line {
      height: 1px;
      background-color: #ccc;
      width: 50px;
      position: relative;
    }

    .arrow-head {
      position: relative;
      width: 10px;
      height: 10px;
      margin-left: 0;
    }

    .arrow-head::before,
    .arrow-head::after {
      content: '';
      position: absolute;
      width: 10px;
      height: 1px;
      background-color: #ccc;
      top: 5px;
      left: -10px;
      transform-origin: right center;
    }

    .arrow-head::before {
      transform: rotate(45deg);
    }

    .arrow-head::after {
      transform: rotate(-45deg);
    }

	img.img-responsive {
		filter: saturate(1.1) contrast(110%) brightness(110%);
		object-fit: cover;
	}

	/** HOVER EFFECT **/
	.mt a:hover .image img,
	.newsList a:hover .image img {
	  transform: scale(1.05);
	  transition: transform 0.5s ease;
	}

	.mt a .image img,
	.newsList a .image img {
	  transition: transform 0.5s ease;
	}

	#overlay {
		content: "";
		display: block;
		-webkit-filter: blur(1px) brightness(0.5);
		-moz-filter: blur(1px) brightness(0.5);
		-ms-filter: blur(1px) brightness(0.5);
		-o-filter: blur(1px) brightness(0.5);
		filter: blur(1px) brightness(0.5);
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(255, 255, 255, 0.3);
		z-index: 9998;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		backdrop-filter: blur(3px);
		backdrop-filter: grayscale(60%);
		width: 100%;
		height: 100%;
	}
	
	#overlay.active {
	  opacity: 1;
	  visibility: visible; /* Staje się widoczny po dodaniu klasy "active" */
	}

	#hamburgerMenu {
		background-color: #fff;
		position: fixed;
		z-index: 9999;
		top: 0;
		height:100vh;
		overflow:hidden;
		right:0;
		min-width:340px;
		transform: translateX(115%); 
		transition: transform 0.6s ease;
		-webkit-box-shadow: -10px 0px 35px -11px rgba(66, 68, 90, 1);
		-moz-box-shadow: -10px 0px 35px -11px rgba(66, 68, 90, 1);
		box-shadow: -10px 0px 35px -11px rgba(66, 68, 90, 1);
		
	}
	
	#hamburgerMenu.active {
	  transform: translateX(0);
	}
	
	#hamburgerMenu .link a, #hamburgerMenu .social a, #hamburgerMenu .mobileApp .button a {color:#000;}
	#hamburgerMenu .link a:hover, #hamburgerMenu .social a:hover, #hamburgerMenu .mobileApp .button a:hover {color:#a01f2c;}
	
	#hamburgerMenu .contact {
		text-align:center;
	}

	#hamburgerMenu .contact .link {
		padding:5px 10px;
		border:solid 1px #ccc;
		border-radius: 5px;
	}

	#hamburgerMenu .socials {
		text-align:center;
	}
	
	#hamburgerMenu .social {
		padding:5px 10px;
		border:solid 1px #ccc;
		font-size: 1.5rem;
		border-radius: 5px;
	}
	
	
	#hamburgerMenu .socials .text, #hamburgerMenu .mobileApp .text, #hamburgerMenu .contact .text {
		font-weight:bold;
		font-size:0.8rem;
		text-transform: uppercase;
	}

	#hamburgerMenu .mobileApp {
		text-align:center;
	}
	
	#hamburgerMenu .mobileApp .button {
		border:solid 1px #ccc;
		padding:5px;
		margin: 0 2px;
		width:130px;
		border-radius: 5px;
	}
	
	
	#hamburgerMenu .mobileApp .button i {
		font-size: 1.3rem;	
	}

	#hamburgerMenu .mobileApp .button .small {
		font-size: 0.8rem;	
		font-weight:normal;
	}
	
	#hamburgerMenu .mobileApp .button .textBlock {
		font-weight:bold;
		display:inline-block;
		font-size: 0.9rem;	
	}
	
	#hamburgerMenu .mobileApp .button .icon {
		display:inline-block;
		padding-right:10px;
		vertical-align: top;
		margin-top:5px;
	}

	#hamburgerMenu .adverts {
		margin-bottom:20px;
		text-align:center;
	}
	
	#hamburgerMenu .adverts .text {
		font-weight:bold;
		font-size:0.8rem;
		text-transform: uppercase;
		color:#666;
		font-weight:lighter;
	}
	
	#hamburgerMenu a {
		text-decoration:none;
	}

	#hamburgerMenu .top {
		position:relative;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		height:45px;
	}

	#hamburgerMenu img.logo {
		height:25px;
		margin:10px;
	}

	#hamburgerMenu .close-menu {
	  background: none;
	  border: none;
	  font-size: 2rem;
	  margin: 0px;
	  position:absolute;
	  right:10px;
	  top:-5px;
	}
	
	
	#hamburgerMenu .bottom {
		height: calc(100vh - 45px);
		overflow: auto;
	}
	
	#hamburgerMenu #mainMenu ul.nav li.nav-item ul.nav li.nav-item:hover {	
		background-color: #f8f9fa;
	}
	
	#searchButton {
		background-color:#fff;
		border: solid 1px #ccc;
	}
	
	#searchButton i {
		color:#ccc;
	}
	
	#searchButton:hover {
		background-color:#a01f2c;
	}
	
	#searchButton:hover i {
		color:#fff;
	}
	
    .menu-heading {
      color: #a01f2c;
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer;
    }
	
	#selectedMenu .menu-heading {
      color: #000;
    }

    /* Dodatkowe odstępy i stylowanie listy */
    .nav-link {
      color: #000;
    }
    .nav-link:hover {
      color: #c3002f;
    }
   
    .nav-item .dropdown-toggle::after {
      display: none;
    }
    .caret-icon {
      float: right;
      transition: transform 0.2s;
    }
    	
	.menu-heading.collapsed .caret-icon {
      transform: rotate(-180deg);
    }
	
	.menu-heading.dropdown-toggle .caret-icon {
      transform: rotate(-180deg);
	  font-size:0.8rem;
	  color:#a01f2c;
    }
	
	.menu-heading.dropdown-toggle.show .caret-icon {
		transform: rotate(0deg);
	}
	
	.menu-heading.dropdown-toggle::after {
		content:none;
	}
	
	#selectedMenu .dropdown-item a { width: 100% !important; }
	
	#selectedMenu .dropdown-item:focus,
	#selectedMenu .dropdown-item:active {
		background-color: #f8f9fa !important;
		color: #212529 !important;
	}
	
	#selectedMenu .dropdown-item:hover {
		background: #ccc;
		color: #000;
	}
	
	#selectedMenu .dropdown-item:hover a {

	}
	
	.highContrastMode #selectedMenu .dropdown-item:focus,
	.highContrastMode #selectedMenu .dropdown-item:active {
		background-color: #000 !important;
		color: #fff !important;
	}
	
	.highContrastMode #selectedMenu .dropdown-item:hover {
		background-color: #000;
		color: #fff !important;
	}
	
	.highContrastMode #selectedMenu .dropdown-item:hover a {
		color: #fff !important;
	}
	
	/* MENU GŁÓWNE */

    /* Nagłówek - menu fixed */
    .fixed-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1050;
      transition: all 0.3s ease;
    }
    /* Kontener wewnętrzny zgodny z container-sm */
    
	
	@media screen and (max-width: 992px) {
		.header-container {
		  width: 100%;
		  padding-right: 0; /* połowa 1.5rem */
		  padding-left: 0;  /* połowa 1.5rem */
		  margin-right: auto;
		  margin-left: auto;
		}
		.header-container .topBar {
			padding-right: 0.75rem; /* połowa 1.5rem */
			padding-left: 0.75rem;  /* połowa 1.5rem */
		}
		.header-container .bottomBar {
			padding-right: 0.75rem; /* połowa 1.5rem */
			padding-left: 0.75rem;  /* połowa 1.5rem */
		}		
	}
    
	@media screen and (max-width: 992px) {
		.topBar {
			height: 60px;
		}
		.topBar.scrolled {
		  height: 50px;
		}
		.bottomBar {
			height: 35px;
		}
		body {
			padding-top: 95px; /* 80px + 35px */
		}
	}
	
	@media screen and (min-width: 993px) {
		.topBar {
			height: 80px;
		}
		.topBar.scrolled {
		  height: 60px;
		}
		.bottomBar {
			height: 35px;
		}
		body {
			padding-top: 115px; /* 80px + 35px */
		}
	}
	
	
	/* Górna belka */
    .topBar {
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: height 0.3s ease;
	  position:relative;
	  z-index:9998;
    }

    /* Dolna belka – przyjmujemy wysokość 35px */
    .bottomBar {
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: transform 0.3s ease;
	  position:relative;
	  z-index:9997;
    }
    .bottomBar.hide {
      transform: translateY(-100%);
    }
	
    /* Zapewniamy, że linki wewnątrz zajmują 100% dostępnego miejsca i są równomiernie rozłożone */
    .bottomBar nav {
      width: 100%;
    }
	
	.mainMenu .topBar {
		z-index: 9997;
		background-color: #fff;
		border-bottom: solid 1px #ccc;
	}
		
	.mainMenu .bottomBar {
		z-index: 9996;
		background-color: #fff;
	}	
	
	.mainMenu .separator {
	  display: inline-block;      
	  height: 33px;               
	  border-left: 1px solid #ccc;
	  margin: 0 8px;             
	  padding: 1px 0;          
	  vertical-align: middle;
	}
	
	.mainMenu .bottomBar li.separator {
		margin:0;
	}
	
	.mainMenu .socials {
		font-size:1.3rem;
		vertical-align: middle;
	}
	
	.mainMenu .socials .social {
		padding:0 4px;
		vertical-align: middle;
	}
	
	.mainMenu .contact {
		font-size:1.3rem;
		vertical-align: middle;
	}
	
	.mainMenu .contact .channel {
		padding:0 4px;
		vertical-align: middle;
	}
	
	.mainMenu .more {
		font-size:1.5rem;
		vertical-align: middle;
		cursor: pointer;
	}
	
	.mainMenu .mobileApp {
		font-size:1.3rem;
		vertical-align: middle;
	}
	
	.mainMenu .mobileApp .app {
		padding:0 4px;
		vertical-align: middle;
	}
	
	.mainMenu .adverts {
		vertical-align: middle;
	}
	
	.mainMenu .adverts .advert {
		padding:0 4px;
		vertical-align: middle;
		height:100%;
	}
	
	.mainMenu .adverts .advert a{
		vertical-align: middle;
	}
	
	.mainMenu a {
		text-decoration:none;
	}
	
	.mainMenu .link {
		color:#000;
		cursor: pointer;
		transition: color 0.3s ease;
	}
	
	.mainMenu .link a{
		color:#000;
		cursor: pointer;
		transition: color 0.3s ease;
	}
	
	.mainMenu .link a:hover {
		color:#a01f2c;
		cursor: pointer;
		transition: color 0.3s ease;
	}
	
	
	/* ------------------ */
	
	.mainMenu ul.nav li a.nav-link {font-weight:300; display:table;}
	.mainMenu ul.nav li a.nav-link .listenText {font-weight:400;}
	.mainMenu ul.nav li a.nav-link span {vertical-align: middle; display: table-cell; padding-left: 5px;}
	.mainMenu ul.nav li a i {color:#000;}
	.mainMenu ul.nav li a i.red {color:#a01f2c;}

	.mainMenu div.logoLine a.radioButton i.red {color:#a01f2c;}
	
	.fixed-header .topBar .haGroup button {font-size:1.05rem;}
	#hamburgerMenu .bottom .haGroup button {font-size:1.1rem;}
	
	@media screen and (max-width: 335px) {
		#bottomMenuBar ul.nav li a {font-size:0.95rem;}
	}

	@media screen and (min-width: 336px and max-width: 361px) {
		#bottomMenuBar ul.nav li a {font-size:1.0rem;}
	}
	
	@media screen and (min-width: 362px) {
		#bottomMenuBar ul.nav li a {font-size:1.1rem;}
	}
	
	@media screen and (max-width: 992px) {
		.mainMenu ul.nav li a.nav-link {font-size:1.0rem;}
		.mainMenu ul.nav li a.nav-link i {font-size:1.6rem;}
		.mainMenu div.logoLine a.radioButton i {font-size:1.6rem;}
		.haGroup { margin-right: 20px !important; }
	}
	
	@media screen and (min-width: 993px) {
		.mainMenu ul.nav li a.nav-link {font-size:1.1rem;}
		.mainMenu ul.nav li a.nav-link i {font-size:1.6rem;}
		.mainMenu div.logoLine a.radioButton i {font-size:1.6rem;}
	}
	
	.highContrastMode {
     
    }
	
	.highContrastMode .articleDetailContainer {color:#000 !important;}
	.highContrastMode .articleDetailContainer .txtDetail {color:#000 !important;}
	.highContrastMode a {color:#000 !important;}
	.highContrastMode .articleFotoAuthorContainer {color:#000 !important;}
		
	.highContrastMode div#main-comment-form .commentInputBtn .submit input {
		color: #fff !important;
		background-color: #000 !important;
		border-color: #000 !important;
	}
	
	.highContrastMode div#mainArticleCommentContainer .commentsContainer .commentTopHeader span.commentReply a {
		color: #fff !important;
		background-color: #000 !important;
		border: solid 1px #000 !important;
	}
	
	.highContrastMode div#mainArticleCommentContainer .commentsContainer .commentTopHeader .commentData {
		color: #000 !important;
	}
	
	.highContrastMode div#mainArticleCommentContainer div.commentTopHeader span.nick {
	  background-color: #000 !important;
	  color: #fff !important;
	}
	
	.highContrastMode div#mainArticleCommentContainer textarea {border:solid 1px #000 !important;}
	.highContrastMode div#mainArticleCommentContainer input {border:solid 1px #000 !important;}
	
	.highContrastMode hr {color:#000 !important; opacity:1;}
	
	.highContrastMode {font-weight:bold !important;}
	
	.highContrastMode div#mainArticleCommentContainer .commentsContainer { border:solid 1px #000 !important; }
	
	.highContrastMode div#mainArticleCommentContainer .commentsContainer::before {
	  border-top: 15px solid transparent;
	  border-right: 15px solid #000 !important;
	  border-bottom: 15px solid transparent;
	  border-left: 0 solid #000 !important;
	}
	
	.highContrastMode .newsMeta {font-weight:bold !important;}
	
	.highContrastMode .mt .mtNews.one a {
	  color: #fff !important;
	}
	
	.highContrastMode .rwRedText {
		color: #000 !important;
	}
	
	.highContrastMode .newsBadge.redBadge, .highContrastMode .newsListBadge.redBadge {
	  color: #fff;
	  background-color: #000 !important;
	}
	
	.highContrastMode .newsBadge.greyBadge, .highContrastMode .newsListBadge.greyBadge {
	  color: #fff !important;
	  background-color: #000 !important;
	}
	
	.highContrastMode #broadcast #progressContainerBroadcast #progressBarBroadcast {
		background-color: #000 !important;
	}
	
	.highContrastMode .mtNews .RWVideoPlayer div.mute-overlay button {
		background: rgba(0,0,0,0.8) !important;
	}
		
	.highContrastMode .RWVideoPlayer button.yt-play-button {
		background: rgba(0,0,0,0.8) !important;
	}
		
	.highContrastMode .RWVideoPlayer div.mute-overlay button {
		background: rgba(0,0,0,0.8) !important;
	}
	
	.highContrastMode .rwRedBg {
		background-color: #000 !important;
	}
	
	.highContrastMode .lineHeader .button {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	.highContrastMode .lineHeader .infoText span.rwGreyBg {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	.highContrastMode .lineHeader .infoText .rwGreyBg a {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	.highContrastMode div.bgRWLighterGrey {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	.highContrastMode div.bgRWLighterGrey a {
		color: #fff !important;
	}
	
	.highContrastMode .newsList.sevenElements .newsListNews.one a {
		color: #fff !important;
	}
	
	.highContrastMode .mainMenu .bottomBar {
		border-color:#000 !important;
	}
	
	.highContrastMode .mainMenu .topBar {
		border-color:#000 !important;
	}
	
	.highContrastMode #hamburgerMenu .social {
		border: solid 1px #000 !important;
	}
	
	.highContrastMode #hamburgerMenu .link {
		border: solid 1px #000 !important;
	}
	
	.highContrastMode #hamburgerMenu .button {
		border: solid 1px #000 !important;
	}
	
	.highContrastMode #broadcastFuture .button {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	.highContrastMode #broadcastFuture .button a {
		color: #fff !important;
	}
	
	.highContrastMode .arrow-line {
		background-color: #000 !important;
	}
	
	.highContrastMode .arrow-head::before, .highContrastMode .arrow-head::after {
		background-color: #000 !important;
	}
	
	.highContrastMode .articleContent .waveplayer .controls button.btn {
		color: #fff;
		background-color: #000 !important;
		background-color: #000 !important;
	}
	
	.highContrastMode .mainMenu .separator {
		border-left: 1px solid #000 !important;
	}
	
	
	.highContrastMode .topBar #searchButton {
		border: 1px solid #000 !important;
		color: #fff !important;
		background-color: #000 !important;
	}

	.highContrastMode .topBar .form-control {
		border: 1px solid #000 !important;
		color: #000 !important;
	}
	
	.highContrastMode #progressContainer {
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		border-left: solid 1px #000;
	}
	
	.highContrastMode #progressBar {
		background-color: #000;
	}

	.highContrastMode .ui-state-default, .highContrastMode .ui-widget-content .ui-state-default, .highContrastMode .ui-widget-header .ui-state-default {
		border: 1px solid #000 !important;
		background: #000 !important;
		color: #fff !important;
	}
	
	.highContrastMode .ui-state-hover {
		border: 1px solid #000 !important;
		background: #000 !important;;
		color: #fff !important;
	}
	
	.highContrastMode .ui-state-default .ui-icon {
		filter: brightness(200%);
	}
	
	.highContrastMode .ui-state-hover .ui-icon {
		filter: brightness(170%) !important;
	}
	
	.highContrastMode .paging span.current {
		background-color: #000 !important;
		color: #FFFFFF;
	}
	
	.highContrastMode #mainArticlesPodcasts .controls button {
		color: #fff;
		background-color: #000 !important;
		border-color: #000;
		font-weight:bold;
	}
	
	.mainMenu .topBar .haButton {padding:4px;}
	
	.mainMenu .bottomBar ul.dropdown-menu { border-radius:2px; box-shadow: 0px 0px 10px rgba(17,17,17,0.2); }
	
	header div.topBar a.radioButton i {font-size:2rem;}
	header div.topBar a.radioButton i.red {color:#a01f2c;}	
	
	@media screen and (max-width: 575px) {
		.topBar a.radioWroclawLogo img {
			height: 80%;
			margin: auto;
		}
	}
	
	@media screen and (min-width: 576px) {
		.topBar a.radioWroclawLogo img {}
	}
	
	 /* Pasek postępu - kontener */
    #progressContainer {
      position:relative;
      width: 100%;
      height: 3px;
      background-color: #fff;
      z-index: 9998;
	  display:none;
	  border-bottom: solid 1px #ccc;
	  border-right: solid 1px #ccc;
	  border-left: solid 1px #ccc;
    }
    /* Wypełnienie paska postępu */
    #progressBar {
      height: 100%;
      width: 0;
      background-color: #ccc; /* kolor paska */
      transition: width 0.2s ease-out;
    }
	
	#progressContainer.scrolled {
		display:block;
	}
	
	#scrollTopBtn {
	  position: fixed;
	  bottom: 20px;
	  right: 20px;
	  width: 50px; 
	  height: 50px;
	  border-radius: 50%;
	  background-color: #a01f2c;  /* tło kółka */
	  color: #fff;               /* kolor strzałki */
	  border: none;
	  outline: none;
	  cursor: pointer;
	  z-index:9999;

	  opacity: 0;                /* Nieprzezroczysty dopiero w klasie .show */
	  justify-content: center;   /* Ikona wycentrowana pion/poziom */
	  align-items: center;
	  font-size: 1.3rem;

	  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* delikatny cień */
	  transition: opacity 0.3s ease;
	}

	#scrollTopBtn.show {
	  display: flex;  /* Pokazuj jako flex container */
	  opacity: 1;
	   transition: opacity 0.3s ease;
	}

	/* Ewentualnie efekt hover */
	#scrollTopBtn:hover {
	  background-color: #8b1b26;
	   transition: background-color 0.3s ease;
	}
	
	#showHamburgerMenu {
	  position: fixed;
	  bottom: 80px;
	  right: 20px;
	  width: 50px; 
	  height: 50px;
	  border-radius: 50%;
	  background-color: #a01f2c;  /* tło kółka */
	  color: #fff;               /* kolor strzałki */
	  border: none;
	  outline: none;
	  cursor: pointer;
	  z-index:9999;

	  opacity: 0;                /* Nieprzezroczysty dopiero w klasie .show */
	  justify-content: center;   /* Ikona wycentrowana pion/poziom */
	  align-items: center;
	  font-size: 1.3rem;

	  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* delikatny cień */
	  transition: opacity 0.3s ease;
	}

	#showHamburgerMenu.show {
	  display: flex;  /* Pokazuj jako flex container */
	  opacity: 1;
	  transition: opacity 0.3s ease;
	}

	/* Ewentualnie efekt hover */
	#showHamburgerMenu:hover {
	  background-color: #8b1b26;
	   transition: background-color 0.3s ease;
	}
	
	/** FOOTER **/
	footer .frequencies .frequency { color: #666; }
	footer .frequencies .spacer { padding: 0 1rem; }
	footer .frequenciesLabel {font-weight:700; font-size:1.5rem;}
	
	/** BROADCAST FUTURE - ALERTLINE **/
	
	#broadcastFuture.alert {padding:10px; border:solid 4px #a01f2c; margin: 20px 0 !important;}
	
	#broadcastFuture { }
	@media screen and (min-width: 576px) and (max-width: 991px){
		#broadcastFuture .infoType {width:190px;}
	}
	@media screen and (min-width: 992px) and (max-width: 1200px){
		#broadcastFuture .infoType {width:235px;}
	}
	@media screen and (min-width: 1201px) {
		#broadcastFuture .infoType {width:165px;}
	}
	
	#broadcastFuture .images {}
	
	@media screen and (max-width: 575px) {
		#broadcastFuture .images .image { height:50px; width:40px; overflow:hidden; }
		#broadcastFuture .images .image img { height:50px; width:40px; object-fit: cover; border-radius:3px; }
		#broadcastFuture.employees-0 .infoText {width:100%;}
		#broadcastFuture.employees-1 .infoText {width:calc(100% - 45px); padding-left:5px;}
		#broadcastFuture.employees-2 .infoText {width:calc(100% - 90px); padding-left:5px;}
	}
	
	@media screen and (min-width: 576px) {
		#broadcastFuture .images .image { height:60px; width:60px; overflow:hidden; }
		#broadcastFuture .images .image img { height:60px; width:60px; object-fit: cover; border-radius:3px;}
		
		#broadcastFuture .images.customPrefix .image { height:45px; width:45px; overflow:hidden; margin-left:5px; margin-right:5px;}
		#broadcastFuture .images.customPrefix .image img { height:45px; width:45px; object-fit: cover; border-radius:3px;}
		
	}
	
	#broadcastFuture .infoType .topLine {font-weight:bold;}
	#broadcastFuture .infoTypeCustom .topLine {font-weight:bold; font-size:1.1em;}
	
	#broadcastFuture .infoText {font-size: 1.2em; font-weight:bold;}
	#broadcastFuture .infoType .bottomLine {font-weight: 400; letter-spacing: -1px;}
	
	@media screen and (max-width: 575px) {
		#broadcastFuture .infoText {font-size: 1.0em; line-height:1.3;}
		#broadcastFuture .infoType {line-height:1.3;}
		
		#broadcastFuture .infoTypeCustom .topLine {font-weight:bold; font-size:1.0em;}
	}
	
	#broadcastFuture .button {
		border:solid 1px #ccc;
		padding:5px;
		margin: 0 2px;
		width:130px;
		border-radius: 5px;
		background-color:#fff;
	}
	
	/** BROADCAST **/
	
	#broadcast { border-radius: 10px; overflow:hidden; background: url('/nnlayout/img/broadcastBackground.jpg') no-repeat center center; background-size: cover;}
	#broadcast .title {font-size:1.2rem;}
	#broadcast .player {height: 60px;}
	
	@media screen and (min-width: 993px) {
		#broadcast {min-height: 270px;}
	}
	
	@media screen and (max-width: 768px) {
		#broadcast.employeesImages-0 .player .remainingTimeBar {padding-left:20px; padding-right:20px; width:calc(100%);}
		#broadcast.employeesImages-1 .player .remainingTimeBar {padding-left:20px; padding-right:120px; width:calc(100% - 40px);}
		#broadcast.employeesImages-2 .player .remainingTimeBar {padding-left:20px; padding-right:120px; width:calc(100% - 60px);}
		#broadcast .image.one {bottom:0; right:5px; z-index:1; height:130px; overflow:hidden;}
		#broadcast .image.two {bottom:0; right:5px; z-index:1; height:100px; overflow:hidden;}
		#broadcast .image.one img {width:130px; max-height:150px;}
		#broadcast .image.two img {width:100px; max-height:120px;}
	}
	
	@media screen and (min-width: 769px) and (max-width: 992px) {
		#broadcast.employeesImages-0 .player .remainingTimeBar {padding-left:20px; padding-right:20px; width:calc(100%);}
		#broadcast.employeesImages-1 .player .remainingTimeBar {padding-left:20px; padding-right:120px; width:calc(100% - 40px);}
		#broadcast.employeesImages-2 .player .remainingTimeBar {padding-left:20px; padding-right:120px; width:calc(100% - 60px);}
		#broadcast .image.one {bottom:0; right:5px; z-index:1; height:130px; overflow:hidden;}
		#broadcast .image.two {bottom:0; right:5px; z-index:1; height:100px; overflow:hidden;}
		#broadcast .image.one img {width:130px; max-height:150px;}
		#broadcast .image.two img {width:100px; max-height:120px;}
	}
	
	@media screen and (min-width: 993px) and (max-width: 1199px) {
		#broadcast.employeesImages-0 .player .remainingTimeBar {padding-left:20px; padding-right:20px; width:calc(100%);}
		#broadcast.employeesImages-1 .player .remainingTimeBar {padding-left:20px; padding-right:10px; width:calc(100% - 40px);}
		#broadcast.employeesImages-2 .player .remainingTimeBar {padding-left:20px; padding-right:0px; width:calc(100% - 20px);}
		#broadcast .image.one {bottom:0; right:5px; z-index:1; height:90px; overflow:hidden;}
		#broadcast .image.two {bottom:0; right:5px; z-index:1; height:80px; overflow:hidden;}
		#broadcast .image.one img {width:90px; max-height:90px;}
		#broadcast .image.two img {width:80px; max-height:80px;}
	}
	
	@media screen and (min-width: 1200px) and (max-width: 1399px) {
		#broadcast.employeesImages-0 .player .remainingTimeBar {padding-left:20px; padding-right:20px; width:calc(100%);}
		#broadcast.employeesImages-1 .player .remainingTimeBar {padding-left:20px; padding-right:70px; width:calc(100% - 40px);}
		#broadcast.employeesImages-2 .player .remainingTimeBar {padding-left:20px; padding-right:0px; width:calc(100% - 40px);}
		#broadcast .image.one {bottom:0; right:5px; z-index:1; height:110px; overflow:hidden;}
		#broadcast .image.two {bottom:0; right:5px; z-index:1; height:100px; overflow:hidden;}
		#broadcast .image.one img {width:110px; max-height:110px;}
		#broadcast .image.two img {width:100px; max-height:100px;}
	}
	
	@media screen and (min-width: 1400px) {
		#broadcast.employeesImages-0 .player .remainingTimeBar {padding-left:20px; padding-right:20px; width:calc(100%);}
		#broadcast.employeesImages-1 .player .remainingTimeBar {padding-left:20px; padding-right:90px; width:calc(100% - 40px);}
		#broadcast.employeesImages-2 .player .remainingTimeBar {padding-left:20px; padding-right:0px; width:calc(100% - 40px);}
		#broadcast .image.one {bottom:0; right:5px; z-index:1; height:130px; overflow:hidden;}
		#broadcast .image.two {bottom:0; right:5px; z-index:1; height:100px; overflow:hidden;}
		#broadcast .image.one img {width:130px; max-height:150px;}
		#broadcast .image.two img {width:100px; max-height:120px;}
	}
	
	#broadcast .player .remainingTimeBar .start, #broadcast .player .remainingTimeBar .stop {color:#fff; border-radius:3px; font-size:0.8rem;}
	#broadcast .player .remainingTimeBar #progressContainerBroadcast {height:8px; border:solid 1px #ccc; background-color:#fff;}
	#broadcast .player .playerControll a {font-size:1.8em; color:#a01f2c; width:30px; transition: transform 0.3s ease; }	
	
	#broadcast .player .playerControll .listenPlay {
		font-size: 1.8rem;
		z-index: 2;
		position:relative;
		pointer-events: none; /* ikona nie łapie hovera, tylko kontener */
	}
	
	#broadcast .player .playerControll .circleBackground {
		width: 24px;
		height: 24px;
		background-color: white;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

	#broadcast .player .playerControll:hover {
		transform: translate(0%, 0%) scale(1.1);
		transition: transform 0.3s ease;
	}
	
	#broadcast #progressContainerBroadcast #progressBarBroadcast {height:100%; width:20px; background-color:#a01f2c;}
	#broadcast .meta {z-index:2;}
	#broadcast .meta .name {line-height:1.3rem;}
	
	
	
	/** NEWS BADGES **/
	.newsBadge.redBadge, .newsListBadge.redBadge {color:#fff; background-color:#a01f2c;}
	.newsBadge.greyBadge, .newsListBadge.greyBadge {color:#000; background-color:#e8e8e8;}
	
	/** MT **/
	
	.mt .mtNews a {text-decoration:none;}
	.mt .mtNews a .image {border-radius:10px; overflow: hidden;}
	
	@media screen and (max-width: 575px) {
		.mt .mtNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 75%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
		
		.mt .mtNews.one .image.longTitle::after {
		  content: "";
		  width: 100%;
		  height: 90%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
		
	}
	
	@media screen and (min-width: 576px) and (max-width: 991px) {
		.mt .mtNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 75%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
	}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		.mt .mtNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 75%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
	}
	
	@media screen and (min-width: 1200px) {
		.mt .mtNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 60%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
	}
	
	
	.mt .mtNews a {color:#000;}
	.mt .mtNews.one a {color:#fff;}
	.mt .mtNews.one .newsBadge {top:10px; right:20px;}
	.mt .mtNews.one .newsBadge {padding:5px 10px; border-radius:3px; font-size:1rem;}
	.mt .mtNews .newsBadge {padding:2px 5px; border-radius:3px; font-size:0.9rem;}
	
	.mt .mtNews.one .newsTitle {padding-bottom: 0;}
	.mt .mtNews .newsTitle {min-height: 72px;}
	
	@media screen and (max-width: 575px) {
		.mt .mtNews .newsTitle {min-height: 72px; line-height: 1.3;}
	}
	
	.mt .mtNews.one .newsTitle.small {font-size:1.3rem;}
	.mt .mtNews.one .newsTitle.medium {font-size:1.5rem;}
	.mt .mtNews.one .newsTitle.large {font-size:1.6rem;}
	.mt .mtNews.one .newsTitle {bottom:60px; left:30px; width:calc(100% - 30px);}
	.mt .mtNews.one .redRectangle {bottom:60px; left:0; height:80px; width:15px;}
	.mt .mtNews.one .newsMeta {bottom:10px; left:30px; width:calc(100% - 60px); height: 30px; font-size:0.9rem; font-weight:300;}
	.mt .mtNews.one .newsMeta .author .imageRound { border-radius: 50% !important; overflow: hidden; width: 30px; height: 30px; margin-right:5px;}
	.mt .mtNews .newsMeta {bottom:-3px; left:0px; width:100%; height: 30px; font-size:0.9rem; font-weight: 300;}
	.mt .mtNews .newsMeta .author .imageRound { border-radius: 50% !important; overflow: hidden; width: 20px; height: 20px; margin-right:5px;}
	.mt .mtNews .newsMeta .metaAddons {right:0;}
	.mt .mtNews .newsMeta .metaAddons .ico.video {padding-bottom:2px;}
	.mt .mtNews .newsBadge.rwRedBg {color:#fff;}
	
    .RWVideoPlayer { border-radius:10px; overflow: hidden; }
	.RWVideoPlayer.hls-container, .RWVideoPlayer.YT-container {
      position: relative;
      margin-bottom: 0.5rem;
    }
	.RWVideoPlayer .hls-wrapper, .RWVideoPlayer .YT-wrapper {
      overflow: hidden;
    }
	.RWVideoPlayer .hls-wrapper video {
      position: relative;
      z-index: 2;
      display: block;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

	.RWVideoPlayer .YT-wrapper iframe {
      position: relative;
      z-index: 2;
      display: block;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

	.RWVideoPlayer div.mute-overlay {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      padding:20px;
	  z-index: 4;
    }
	.mtNews.one .RWVideoPlayer div.mute-overlay button {
		font-size:1.5rem;
		
			background: rgba(0,0,0,0.6);
			border: none;
			border-radius: 50%;
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			cursor: pointer;
	}
	
	.mtNews .RWVideoPlayer div.mute-overlay button {
		font-size:1.2rem;
		
			background: rgba(0,0,0,0.6);
			border: none;
			border-radius: 50%;
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			cursor: pointer;
	}
	
	.RWVideoPlayer div.mute-overlay button {
		color:#fff;
		font-size:1.2rem;
		transform: scale(1);
		transition: transform 0.5s ease-in-out;
		font-size: 1.2rem;
		background: rgba(0,0,0,0.6);
		border: none;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	
	.RWVideoPlayer div.mute-overlay button:hover {
	  transform: scale(1.1);
      transition: transform 0.5s ease-in-out;
	  color:#fff;
	}
	.RWVideoPlayer div.mute-overlay button i {
		color:#fff;
		font-size:2rem;
	}
	.RWVideoPlayer .white-overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(255,255,255,0.2);
      z-index: 3;
    }
    .RWVideoPlayer .bg-blur {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-position: center;
      background-size: cover;
      filter: blur(5px);
      transform: scale(1.1);
      transition: opacity 0.8s ease-in-out;
      opacity: 0;
      z-index: 1;
    }
    .RWVideoPlayer .bg-blur.visible {
      opacity: 1;
    }
	
	.RWVideoPlayer .top-right-texts {
	  position: absolute;
	  left: 15px;
	  top: 15px;
	  text-align: center;
	  z-index:5;
	  font-size:0.8rem;
	}

	.RWVideoPlayer .live-label {
	  background-color: #a01f2c;
	  color: white;
	  font-weight: bold;
	  padding: 0.3rem 0.6rem;
	  display: inline-block;
	  margin-bottom: 0.2rem;
	  border-radius:3px;
	}

	.newsList.sixElements .newsListNews div.newsTitle .newsBadge {
	  padding: 2px 5px;
	  border-radius: 3px;
	  font-size: 0.9rem;
	}

	.RWVideoPlayer .live-dot {
	  width: 10px;
	  height: 10px;
	  background-color: #fff;
	  border-radius: 50%;
	  animation: blink 2s infinite;
	}
	.newsTitle .newsBadge .live-dot {
	  width: 6px;
	  height: 6px;
	  margin-bottom:2px;
	  background-color: #fff;
	  border-radius: 50%;
	  animation: blink 2s infinite;
	}

	@keyframes blink {
	  0%, 100% { opacity: 1; }
	  50% { opacity: 0.1; }
	}
	
	
	.mt .mtNews.one .RWVideoPlayer .white-overlay::after {
	  content: "";
	  width: 100%;
	  height: 65%;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background-size: 100%;
	  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: linear-gradient(0deg, rgba(0,0,0,0.7) 40%,rgba(0,0,0,0) 100%);
	  z-index:2;
	}
	
	.mt .mtNews.one .RWVideoPlayer .YT-wrapper.underTitleBlackAfter::after {
	  content: "";
	  width: 100%;
	  height: 65%;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background-size: 100%;
	  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: linear-gradient(0deg, rgba(0,0,0,0.7) 40%,rgba(0,0,0,0) 100%);
	  z-index:2;
	}
	
	.mt .mtNews.one .RWVideoPlayer .videoTitleWrapper {
		z-index:3;
		bottom:0px; 
		left:0px; 
		font-size:1.5rem;
		color:#fff;
		font-weight:bold;
	}
	.mt .mtNews.one .RWVideoPlayer .videoTitleWrapper {
		color:#fff;
		padding:20px;
		font-size:1.5rem;
		font-weight: bold;
		text-align:left;
		transform: scale(1.0);
		transition: transform 0.5s ease-in-out;
	}	
	.mt .mtNews.one .RWVideoPlayer .videoTitleWrapper:hover {
		transform: scale(1.02);
		transition: transform 0.5s ease-in-out;
	}	
	.mt .mtNews.one .RWVideoPlayer .videoTitleWrapper .videoTitle i {padding-left:10px;}
	
	@media (max-width: 767.98px) {
	  .js-expand-target {
		/* dodane width obok flex-basis i max-width */
		transition: width 0.3s ease,
					flex-basis 0.3s ease,
					max-width 0.3s ease;
	  }
	}
	
	.mt .mtNews .js-expand-target.js-expanded-target div.newsTitle {min-height:30px;}
	
	/** TICKER **/
	
	.ticker .header {font-size:1.4rem;}
	.ticker .time {}
	.ticker .article {font-size: 0.9em;}
	.ticker .article a {text-decoration:none; color:#000;}
	
	.ticker .scrollable {height: 160px; overflow: auto;}
	
	/* Dla sm (576px - 767.98px) */
	@media (min-width: 576px) and (max-width: 767.98px) {
		.ticker .scrollable {height: 160px; overflow: auto;}
	}
	/* Dla md (768px - 991.98px) */
	@media (min-width: 768px) and (max-width: 991.98px) {
		.ticker .scrollable {height: 160px; overflow: auto;}
	}

	@media (min-width: 992px) and (max-width: 1199.98px) {
		.ticker .scrollable {height: 130px; overflow: auto;}
	}
	@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
		.ticker .scrollable {height: 208px; overflow: auto;}
	}
	@media screen and (min-width: 1400px) {
		.ticker .scrollable {height: 240px; overflow: auto;}
	}
	
	.ticker .scrollable::after {
	content: "";
	  height: 50px;
	  width: 100%;
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	  background: linear-gradient(0deg, #ffffff 0%,rgba(255,255,255,0) 100%);
	  z-index: 10;
	  pointer-events: none;
	}
	
	/** NEWS LIST MT LINE **/
	
	@media (max-width: 576px) {
		.mtNews .newsMeta .longAuthor {display:none !important;}
		.newsListNews .newsMeta .longAuthor {display:none !important;}
	}
	
	.newsList a {text-decoration:none;}
	.newsList a .image {border-radius:10px; overflow: hidden;}
	.newsList a {color:#000;}
	.newsList .newsMeta {bottom:0; left:0px; width:100%; height: 30px; font-size:0.9rem; font-weight: 300;}
	.newsList .newsMeta .author .imageRound { border-radius: 50% !important; overflow: hidden; width: 20px; height: 20px; margin-right:5px;}
	.newsList .newsMeta .metaAddons {right:0;}
	.newsList .newsMeta .metaAddons .ico.video {padding-bottom:2px;}
	.newsList .newsBadge.rwRedBg {color:#fff;}
	
	.newsList.sixElements .insidePhotoNewsMeta .newsMeta {position:absolute; bottom:0; right:0px; width:100%; height: 30px; font-size:0.9rem; font-weight: 400;}
	.newsList.sixElements .insidePhotoNewsMeta .newsMeta .metaAddons {position:absolute; right:10px;}
	
	.newsList.twelveElements .insidePhotoNewsMeta .newsMeta {position:absolute; bottom:0; right:0px; width:100%; height: 30px; font-size:0.9rem; font-weight: 400; z-index:3;}
	.newsList.twelveElements .insidePhotoNewsMeta .newsMeta .metaAddons {position:absolute; right:10px;}
	
	.newsList.twelveElements.selfLine .image::after {
	  content: "";
	  width: 100%;
	  height: 35%;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background-size: 100%;
	  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
	  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0) 100%);
	}
	
	.lineHeader .button {
	  border: solid 1px #ccc;
	  padding: 2px;
	  margin: 0 2px;
	  width: 120px;
	  border-radius: 5px;
	  background-color: #fff;
	}
	
	.newsList .newsListBadge {padding:2px 5px; border-radius:3px; font-size: 0.9rem;}
	
	.newsList .newsListBadge {margin:3px 0;}
	
	.newsList .newsListBadge.rwRedBg {color:#fff;}
	
	.newsList .lineHeader .category {font-size:1.4rem;}
	.newsList .lineHeader .dot {margin-bottom:3px;}
	
	.newsList .newsListNews .newsTitle {padding-bottom: 0;}
	.newsList .newsListNews .newsTitle {min-height: 87px;}
	
	.newsListNews div.col-12.newsBottom div.newsTitle {min-height: 30px;}
	
	.newsList.sixElements .newsListNews .insidePhotoNewsMeta .newsMeta {text-align: right; color:#fff; text-shadow: #000 2px 0 2px; align-items: center; padding: 0 10px;} 
	
	.newsList.sixElements .newsListNews.one .newsTitle {min-height: 30px;}
	
	@media (min-width: 576px) and (max-width: 767px){
		.newsList.sixElements .newsListNews.one .newsTitle {min-height: 30px;}
		.newsList.sixElements .newsListNews .newsTitle {min-height: 120px;}
		.newsList.fourElements .newsListNews .newsTitle {min-height: 120px;}
	}

	/* MD */
	@media (min-width: 768px) and (max-width: 991px){
		.newsList.sixElements .newsListNews.one .newsTitle {min-height: 50px;}
		.newsList.sixElements .newsListNews .newsTitle {min-height: 55px;}
		.newsList.fourElements .newsListNews .newsTitle {min-height: 55px;}
	}

	/* LG */
	@media (min-width: 992px) and (max-width: 1199px){
		.newsList.sixElements .newsListNews .newsTitle {min-height: 75px;}
		.newsList.fourElements .newsListNews .newsTitle {min-height: 96px;}
		
	}

	/* XL */
	@media (min-width: 1200px) and (max-width: 1399px){
		.newsList.sixElements .newsListNews .newsBottom {min-height: 105px; line-height: 1.3;}
		
		.newsList.fourElements .newsListNews .newsBottom {min-height: 95px; line-height: 1.3;}
		.newsList.fourElements .newsListNews .newsTitle {min-height: 65px;}
	}

	/* XXL */
	@media (min-width: 1400px) {
		
		.newsList .newsListNews .newsBottom {min-height: 130px; line-height: 1.3;}
		.newsList.fourElements .newsListNews .newsBottom {min-height:65px;}
		.newsList.fourElements .newsListNews .newsBottom .newsTitle {min-height:65px;}
		
		.newsList.sixElements.selfLine .newsListNews .newsBottom {min-height:65px;}
		.newsList.sixElements.selfLine .newsListNews .newsBottom .newsTitle {min-height:65px;}
			
		.newsList.twelveElements.selfLine .newsListNews .newsBottom {min-height:65px;}
		.newsList.twelveElements.selfLine .newsListNews .newsBottom .newsTitle {min-height:65px;}
		
		.newsList.twelveElements .newsListNews .insidePhotoNewsMeta .newsMeta {text-align: right; color:#fff; text-shadow: #000 2px 0 2px; align-items: center;} 
		
		.newsList.sevenElements .newsListNews .newsBottom {min-height:65px;}
		.newsList.sevenElements .newsListNews .newsBottom .newsTitle {min-height:65px;}
	}
	
	/* PODCASTS */
	
	.podcastsLine .categoryCover {left:10px; top:10px; overflow:hidden; border-radius:10px; width: 100px; height: 100px; position:relative; z-index:3;}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) {
	.podcastsLine .categoryCover {width: 65px; height: 65px; }
	}
	
	.podcastsLine .categoryCover.small {left:10px; top:10px; overflow:hidden; border-radius:3px; width: 30px; height: 30px; position:relative; z-index:3; color:#fff;}
	.podcastsLine .categoryCover img {object-fit: cover; width: 100%; height: auto;}
	.podcastsLine .categoryMeta .newsMeta {text-align: right; color:#fff; text-shadow: #000 2px 0 2px; z-index:3;} 
	.podcastsLine .categoryMeta .listenTime {text-shadow: #000 2px 0 3px; width:100%; padding-right:10px;}
	.podcastsLine.newsList .newsListNews .newsBottom {min-height: 65px;}
	.podcastsLine.newsList .newsListNews .newsBottom .newsTitle {min-height: 65px;}
	.podcastsLine.newsList .newsListNews .newsBottom .newsTitle .categoryMeta {border-radius:3px; color:#fff; font-weight:normal; font-size:0.9rem;}
	
	.podcastsLine .image::after {
		content: "";
		width: 100%;
		height: 60%;
		position: absolute;
		left: 0;
		bottom: 0;
		background-size: 100%;
		background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
	}
	
	/* SIX ELEMENTS */
	.newsList.sixElements.selfLine .image::after {
		content: "";
		width: 100%;
		height: 35%;
		position: absolute;
		left: 0;
		bottom: 0;
		background-size: 100%;
		background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0) 100%);
	}
	
	.newsList.sixElements.selfLine .newsListNews .insidePhotoNewsMeta {z-index:3}
	
	/* SEVEN ELEMENTS */
	
	.newsList.sevenElements .newsListNews.one a .newsTitle {position:absolute;}
	.newsList.sevenElements .newsListNews.one a .newsMeta {position:absolute;}	
	
	@media screen and (max-width: 575px) {
		.newsList.sevenElements .newsListNews.one a .newsTitle {color:#000; position:relative; left:0; bottom:0; width:100%; min-height:50px; font-size:1rem !important; line-height:1.5;}
		.newsList.sevenElements .newsListNews.one a .newsMeta {color:#000; position:relative; padding:0;}	
		
		
	}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		.newsList.sevenElements .newsListNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 75%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
	}
	
	@media screen and (min-width: 1200px) {
		.newsList.sevenElements .newsListNews.one .image::after {
		  content: "";
		  width: 100%;
		  height: 60%;
		  position: absolute;
		  left: 0;
		  bottom: 0;
		  background-size: 100%;
		  background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
		  background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 100%);
		}
	}
	
	
	.newsList.sevenElements .newsListNews.one a {color:#fff;}
	
	.newsList.sevenElements .newsListNews.one .newsTitle {padding-bottom: 0;}
	.newsList.sevenElements .newsListNews.one .newsTitle {min-height: 72px;}
	
	@media screen and (max-width: 575px) {
		.newsList.sevenElements .newsListNews.one .newsTitle {min-height: 72px; line-height: 1.3;}
	}
	
	.newsList.sevenElements .newsListNews.one .newsTitle.small {font-size:1.3rem;}
	.newsList.sevenElements .newsListNews.one .newsTitle.medium {font-size:1.5rem;}
	.newsList.sevenElements .newsListNews.one .newsTitle.large {font-size:1.6rem;}
	.newsList.sevenElements .newsListNews.one .newsTitle {bottom:60px; left:30px; width:calc(100% - 60px);}
	.newsList.sevenElements .newsListNews.one .newsMeta .author .imageRound { border-radius: 50% !important; overflow: hidden; width: 30px; height: 30px; margin-right:5px;}
	.newsList.sevenElements .newsListNews.one .newsMeta {position:absolute; bottom:15px; left:0px; width:100%; height: 30px; font-size:0.9rem; font-weight: 400; padding:0 20px;}
	.newsList.sevenElements .newsListNews.one .newsMeta .author .imageRound { border-radius: 50% !important; overflow: hidden; width: 20px; height: 20px; margin-right:5px;}
	.newsList.sevenElements .newsListNews.one .newsMeta .metaAddons {padding-right:10px;}
	.newsList.sevenElements .newsListNews.one .newsMeta .metaAddons .ico.video {padding-bottom:2px;}
	
	/* EVENTS LIST */
	
	.newsList.fourElements.eventsList .textOverayTop {
		height: 55px;
		color: #fff;
		width: unset;
		right: 10px;
		left: 10px;
		bottom: 10px;
		top: unset;
		border-radius: 10px;
	}
	
	.newsList.fourElements.eventsList .textOverayTop > span {border-radius:3px;}
	.newsList.fourElements.eventsList .textOverayTop span.date {font-weight:bold;}
	.newsList.fourElements.eventsList .textOverayTop span.time {font-size:0.9rem;}
	
	/* RW TV */
	
	/** RW PLAYLIST **/
	
	.videosLine .scrollable {position:relative;}

	.videosLine .scrollable::after {
	  content: "";
	  height: 50px;
	  width: 100%;
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	  background: linear-gradient(0deg, #ffffff 0%,rgba(255,255,255,0) 100%);
	  z-index: 10;
	  pointer-events: none;
	}

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

	@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;}
	
	.lineHeader .category {font-size:1.4rem;}
	
	/*EVENTS */
	
	.eventsList .newsTitle .eventMeta {
		border-radius: 3px;
		color: #fff;
		font-weight: normal;
		font-size: 0.9rem;
	}
	
	.eventsList .newsTitle .eventMeta .date {font-weight:700;}
	
	/* VIDEOS */
	
	.videosLine .iconOverlay {
	  font-size: 4rem;
	}
	
	.videosLine .lineHeader i.bi-youtube {color:#a01f2c;}
	
	/* OTHER */
	
	div.newsList section a.rounded-pill {border-radius:10px !important;}
	
	/* RWTV LINE */
	
	.RWTVLine iframe {border-radius:10px;}
	.RWTVLine .scrollable::after {
		content: "";
		height: 50px;
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		background: linear-gradient(0deg, #ffffff 0%,rgba(255,255,255,0) 100%);
		z-index: 10;
		pointer-events: none;
	}
	
	/* Videos Line */
	
	.videosLine iframe {
			border-radius:10px;
			overflow:hidden;
	}
	
	.videosLine .cover {
		border-radius:10px;
		overflow:hidden;
	}
	
	.videosLine button.yt-play-button {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(0,0,0,0.6);
		border: none;
		border-radius: 50%;
		color: #fff;
		font-size: 1.2rem;
		cursor: pointer;
		
		/* od razu łączymy translate i scale */
		transform: translate(-50%, -50%) scale(1);
		transform-origin: center center;
		
		/* przejście tylko transformy */
		transition: transform 0.5s ease-in-out;
	}

	.videosLine button.yt-play-button:hover {
		/* powiększenie przy zachowaniu środka */
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	body.adminMode .mtNews .RWVideoPlayer div.mute-overlay { top:60%; }
	body.adminMode .mtNews .RWVideoPlayer div.mute-overlay button { width:50px; height:50px;}
	body.adminMode .mtNews .RWVideoPlayer button.yt-play-button { top:60% !important; width:50px !important; height:50px !important; }
	
	body.adminMode .mt .mtNews.one .RWVideoPlayer div.mute-overlay {top:45%; }
	body.adminMode .mt .mtNews.one .RWVideoPlayer button.yt-play-button { top:45% !important; }
	
	body.adminMode .newsList .newsListNews .RWVideoPlayer button.yt-play-button { top:65% !important; width:40px !important; height:40px !important; }
	body.adminMode .newsList .newsListNews .RWVideoPlayer div.mute-overlay { top:65% !important; }
	body.adminMode .newsList .newsListNews .RWVideoPlayer div.mute-overlay button { top:65% !important; width:40px !important; height:40px !important; }
	
	body.adminMode div.newsList.sixElements div.newsListNews div.RWVideoPlayer div.YT-wrapper div.editButtons button {padding:4px 10px;}
	
	/* additional */
	#mainSeeAlso img {border-radius:10px;}
	#mostRedColumn img  {border-radius:10px;}
	#recommendedColumn img  {border-radius:10px;}
	
	#mostRedColumn .newsTitle  {font-size:1em;}
	#recommendedColumn .newsTitle  {font-size:1em;}
	
	.advertContainer .advertText {font-size:0.9rem; color:#ccc;}
	
	body main#content.content div.mostColumn a:hover img { transform: scale(1.05); transition: transform 0.5s ease; }
	body main#content.content div.mostColumn a img { transform: scale(1.00); transition: transform 0.5s ease;	}
	
	body main#content.content div#mainSeeAlso a:hover img { transform: scale(1.05); transition: transform 0.5s ease; }
	body main#content.content div#mainSeeAlso a img { transform: scale(1.00); transition: transform 0.5s ease; }
	
	body main#content.content div#mainSeeAlso a:hover .image::after { transform: scale(1.05); transition: transform 0.5s ease; }
	
	
	body main#content.content div.mostColumn .image {
	  position: relative;
	  overflow: hidden;
	  border-radius: 10px;
	}

	body main#content.content div.mostColumn .image::after {
	  content: "";
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 35%;
	  background: linear-gradient(
		to top,
		rgba(0,0,0,0.8) 10%,
		rgba(0,0,0,0) 100%
	  );
	  border-radius: 0 0 10px 10px;
	  transition: height 0.5s ease;
	  z-index: 2;
	}

	body main#content.content div.mostColumn .insidePhotoNewsMeta {
	  z-index: 3;
	}
	body main#content.content div.mostColumn .insidePhotoNewsMeta .newsMeta {
	  position: absolute;
	  right: 10px;
	  bottom: 5px;
	  text-align: right;
	  color: #fff;
	  text-shadow: #000 2px 0 2px;
	  align-items: center;
	}
	
	body main#content .mainArticleContainer img, body main#content #mainSeeAlso img, body main#content .mostColumn img {
		filter: saturate(1.1) contrast(110%) brightness(110%);
	}
	
	.inlineAlertEditable textarea {min-width:600px; height:100px;}
	
	/* 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;}
	}

	/** BANNER **/

	.bannerHolder img {
		max-width: 100%;
		height: auto;
	}
	
	#category.categoryList .articleItemList .photo img {border-radius:10px;}
	
	.breadcumbs h2 {font-size:1.3em; text-transform: uppercase; font-weight: bold;}
	.breadcumbs h3 {font-size:1.3em; text-transform: uppercase; font-weight: bold;}

	#category.categoryList .articleItemList h3 {font-size:1.3em; text-transform: uppercase; font-weight: bold;}
	
	.newsList.category .newsListNews .newsTitle, .newsList.search .newsListNews .newsTitle {
		min-height: unset;
		font-size:1em;
	}
	
	.newsList.category .date, .newsList.search .date {color:#ccc; font-size:0.9em;}
	.highContrastMode .newsList.category .date, .highContrastMode .newsList.search .date {color:#000 !important;}
	
	@media (max-width: 575px) { 
		.newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
			min-height: 120px;
			
		}
	}

	@media (min-width: 576px) and (max-width: 767px) { 
		.newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
			min-height: 130px;
			
		}
	}
	
	@media (min-width: 768px) and (max-width: 991px) { 
		.newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
			min-height: 130px;
			
		}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) { 
		.newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
			min-height: 120px;
			
	  }
	}

	@media (min-width: 1200px) and (max-width: 1399px) { 
		.newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
			min-height: 140px;
			
	  }
	}
	
	@media (min-width: 1400px) {
	  .newsList.category .newsListNews .newsBottom, .newsList.search .newsListNews .newsBottom {
		min-height: 170px;
		
	  }
	}
	
	.highContrastMode .newsList.category .date {color:#000 !important;}
	
	button.btn.btn-default {
		color: #fff;
		background-color: #a01f2c;
		border-color: #ccc;
		font-size: 1em;
	}
	
	.highContrastMode button.btn.btn-default {
		color: #fff;
		background-color: #000;
		border-color: #000;
		font-size: 1em;
	}