/* ============================= */
/* CSS radio-loader  */
/* ============================= */

#radio-loader {
  position: fixed;
  inset: 0;
  background: #d41414; /* mocna czerwien */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  transition: opacity .4s ease, visibility .4s ease;
}

#radio-loader.hide {
  opacity: 0;
  visibility: hidden;
}

.loader-inner {
  text-align: center;
  color: #ffffff;
}

.logo-text {
  font-size: 1.4rem;
  letter-spacing: 3px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.4);
}

.loader-subtext {
  font-size: 0.75rem;
  letter-spacing: 2px;
  margin-bottom: 20px;
  color: rgba(255,255,255,.7);
  animation: fadeText 1.5s infinite ease-in-out;
}

@keyframes fadeText {
  0%,100% { opacity: .6; }
  50% { opacity: 1; }
}

.spotify-bars {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.spotify-bars span {
  width: 8px;
  height: 28px;
  background: #ffffff;
  border-radius: 3px;
  animation: spotify 1s infinite ease-in-out;
}

.spotify-bars span:nth-child(1){animation-delay:0s;}
.spotify-bars span:nth-child(2){animation-delay:.2s;}
.spotify-bars span:nth-child(3){animation-delay:.4s;}

@keyframes spotify {
  0%,100% { height: 20px; }
  50% { height: 45px; }
}


@charset "utf-8";
/* CSS Document */
/*------------------------------------*\
	RESET
\*------------------------------------*/
a,
a:link,
a:visited {
  color:#b70000;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  color:#b70000;
}
pre,
div.code {
  border-left: 5px solid #b70000;
}
.highlight {
  background: #b70000;
}
li a.active {
  color: #b70000;
}
.typo-label {
  color: #b70000;
}

/*------------------------------------*\
	Pages CSS
\*------------------------------------*/


/*  Header  */
.header-navbar-wrapper {
  background-color: #b70000;
}

/* Pager */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #b70000;
  border-color: #b70000;
}
.pagination > li > a, .pagination > li > span {
  color: #b70000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #fff;
  background-color: #b70000;
}

/*------------------------------------*\
	NAVIGATION CSS
\*------------------------------------*/
/*
 * Main menu links
 */
#block-quatro-main-menu ul.menu li:hover a,
#block-quatro-main-menu ul.menu li.active a,
#block-quatro-main-menu ul.menu li.active-trail a,
#block-quatro-main-menu ul.menu li a.active,
#block-quatro-main-menu ul.menu li a.is-active,
#block-quatro-main-menu ul.menu li a:hover,
#block-quatro-main-menu ul.menu li.open a {
  color: #fff;
  background-color: #9E0000;
}

#block-quatro-main-menu ul.menu li li.open a:hover,
#block-quatro-main-menu ul.menu li li.open a.active,
#block-quatro-main-menu ul.menu li:hover li a:hover,
#block-quatro-main-menu ul.menu li:hover li a.active,
#block-quatro-main-menu ul.menu li.open li a:hover,
#block-quatro-main-menu ul.menu li.open li a.active,
#block-quatro-main-menu ul.menu li.open li.open a,
#block-quatro-main-menu ul.menu li.active li a:hover,
#block-quatro-main-menu ul.menu li.active li a.active,
#block-quatro-main-menu ul.menu li.active li.active a,
#block-quatro-main-menu ul.menu li:hover li:hover li a:hover,
#block-quatro-main-menu ul.menu li.open li.open li a:hover,
#block-quatro-main-menu ul.menu li.open li.open li a.active,
#block-quatro-main-menu ul.menu li.active li.active li.active a:hover,
#block-quatro-main-menu ul.menu li.active li.active li.active a.active {
  background: #9E0000 url(../images/mainmenu-active.png);
  color: #fff;
  margin-bottom: 0;
}
#block-quatro-main-menu ul.menu ul {
  background: #9E0000;
}

/* Search menu item */
#block-quatro-main-menu ul.menu li:last-child {
  background-color: #9E0000;
}

/* User menu */
.block-system-user-menu ul.menu a {
  border-right: 1px solid #c7e5e5;
  color: #c7e5e5;
}
.block-system-user-menu ul li.last a {
  border: none;
}
.block-system-user-menu ul.menu a:hover,
.block-system-user-menu ul.menu a.active {
  color: #fff;
}

/* Footer menu */
#block-quatro-footer {
  border-bottom: 2px solid #b70000;
}
#block-quatro-footer ul.menu li a:hover,
#block-quatro-footer ul.menu li a.active {
  color: #b70000;
}

/* Mobile menu */
@media only screen  and (max-width: 767px) {
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      	  background: #b70000 url(../images/mainmenu-active.png);
	  border-color: #b70000;
	}
}

/*------------------------------------*\
	BLOCKS CSS
\*------------------------------------*/

h2.block-title {
  border-bottom: 2px solid #b70000;
}
.views-field-view-node a:hover,
li.node-readmore a:hover {
  color: #b70000;
}
article.node-article.node-teaser .node-title a:hover,
article.node-photos.node-teaser .node-title a:hover,
.view-article-slideshow .attachment .views-field-title a:hover,
.block-topic-news .view-content .views-field-title a:hover,
.block-topic-news .attachment .more-link a:hover,
.block-breaking-news h2.block-title,
.block-breaking-news .content .views-field-title a:hover,
article.node-article.node-teaser .node-title a:hover,
.block-latest-news .views-row .views-field-title a:hover,
.block-most-read .views-row .views-field-title a:hover,
.block-video-block .views-field-title a:hover,
.block-comments-recent-block li a:hover, 
.view-list-articles .views-field-title a:hover,
.view-more-articles .views-row .views-field-title a:hover,
.view-list-videos .views-row .views-field-title a:hover {
  color: #b70000;
}

/* Block slideshow */
.view-list-photos .views-slideshow-pager-fields .views-slideshow-pager-field-item.active,
.view-article-slideshow .views-slideshow-pager-fields .views-slideshow-pager-field-item.active {
  background: url(../images/blue/slideshow-nav-active.png) 0 0 no-repeat;
}
.view-list-photos .views-row .views-field-title a:hover {
  color: #b70000; 
}
ul.slick-dots li.slick-active button {
  background: #b70000; 
}

/*------------------------------------*\
	FORMS CSS
\*------------------------------------*/
button, input[type="reset"], input[type="submit"], input[type="button"],
#block-simplenewssubscription button#edit-subscribe { background: none repeat scroll 0 0 #b70000; }
input.form-submit:hover,
.section-content .block-simplenews .block-inner input.form-submit:hover {
  background-color: #9E0000; /*url(../images/blue/button-hover.png) 0 center repeat-x;*/
}
.section-content .block-simplenews .block-inner input.form-submit {
  background-color: #b70000; /*url("../images/blue/button-hover.png") repeat-x scroll 0 center rgba(0, 0, 0, 0);*/
}
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #b70000;
}