/**
 * @package Helix Ultimate Framework
 */
/* Kolory */
/* 
#0062ae niebieski Kraków
004587 niebieski-Kraków transport
#8232af fioletowy
D80725 czerwony-kraków
df2a21 czerwony - byl
e53212 czerwony
b30068 bordo
015f4f zielony
89BD24 zielony-kraków
F59C00 pomarańczowy
#fafafa biały złamany
*/
:root {
  --main-kolor: #b30068; /* bordo */
  --main-komunikat: #015f4f; /* zielony */
}

 /* Top */
#sp-header .container, #sp-footer .container {
    background-color: var(--main-kolor);
}
#sp-header {
    height: 100px;
	box-shadow: none;
}
 /* Main */
#sp-main-body {
    padding: 50px 0;
}
 /* Stopka */
#sp-footer {
  background-color: #fff;
}
 /* Menu */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active > a:hover {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    /* background-color: #ffc20e; */
    padding-right: 15px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 8px;
    line-height: 100px;
    font-size: 17px;
    margin: 0;
    font-weight: 500;
    text-decoration: none;
}
.sp-megamenu-parent>li>a {
    color: #fff;
}
.sp-megamenu-parent>li>a:hover {
    color: #fff;
	text-decoration: underline;
}
 /* Artykuły */
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a, .article-list .article .article-header h4 a {
    color: var(--main-bordo);
}
.article-header h2 a {
  font-size: 1.7rem;
}
.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    border: 0;
    border-radius: 0;
}
 /* Dzielnica */
#sp-dzielnica {
  padding-bottom: 50px;
}
#sp-dzielnica1 h2, #sp-dzielnica2 h3 {
    color: var(--main-kolor);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--main-kolor);
    font-size: 1.7rem;
}
h2.sp-module-title {
    color: var(--main-kolor);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--main-kolor);
    font-size: 1.7rem;
}
 /* Moduły */
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 0;
    padding: 0;
    border-radius: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    color: var(--main-kolor);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--main-kolor);
    font-size: 1.7rem;
    font-weight: 500;
}
#sp-right h4.newsflash-title {
    font-weight: 400;
    font-size: 1.2rem;
  padding-bottom: 30px;
}
#sp-right h4.newsflash-title a {
     text-decoriation: none;
     color: var(--main-kolor);
}
#sp-right h4.newsflash-title a:hover {
    text-decoriation: underline;
}


 /* Magazyn Nowohucki */
#sp-magazyn  {
	margin-bottom: 25px;
}
 /* Menu stopka */
#sp-menu-stopka {
	padding-top: 10px;
}

#sp-footer #sp-footer2 {
    text-align: left;
}

 /* Skiplinki */
.list-unstyled {
	padding-left:0;
	list-style:none;
}
.skip-links {
	position:absolute;
	top:0;
}
.skip-links a,.skip-links a:visited {
	position:absolute;
	top:0;left:-9000em;
	display:block;
	text-align:center;
	width:220px;
	text-decoration:none;
	opacity:0;
	-webkit-transition:opacity 0.3s ease 0s;
	transition:opacity 0.3s ease 0s;
}
.skip-links a:hover,.skip-links a:focus,.skip-links a:active,.skip-links a:visited:hover,.skip-links a:visited:focus,.skip-links a:visited:active {
	background:#2a2e32;
	color:#fff;
	font-size:1.2em;
	line-height: 1.5em;
	padding:5px 10px;
	font-family: 'Roboto';
	z-index:100;
	left:0;
	opacity:1;
	outline:2px solid #2a2e32;
}
/* Focus */
a:focus {
    border: 2px solid #000000;
}
/* Menu stopka */
.menu > li {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}
.sp-module ul>li>a:hover {
    color: #fff;
}
#sp-menustopka .container {
	border-top: var(--main-kolor) 3px solid;
}
#sp-menustopka {
  margin-top: 25px;
}50
#sp-menustopka a:focus {
	color: #000;
  outline:3px solid #000; 
  outline-offset: 2px;
  }

span.badge.bg-danger.featured-article-badge {
    display: none;
}
/* Komunikat */
#sp-komunikat {
  background-color: var(--main-komunikat);
  padding: 10px 25px 0 25px;
  font-size: 17px;
  color: #ffffff;
  margin-top: 25px;
}
#sp-komunikat a {
  color: #ffffff;
  text-decoration: underline;
}
.sp-page-title {
    background: #fff;
}
.sp-page-title .sp-page-title-heading {
    font-size: 32px;
    line-height: 1;
}
.sp-page-title {
    padding: 50px 0 0 0;
  }
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    margin: 0;
    padding: 0;
    color: var(--main-kolor);
}