.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: color: var(--main-kolor);
    border-radius: 100%;
    z-index: 1000;
    transition
Shorthand property combines four of the transition properties into a single property.

Widely available across major browsers (Baseline since March 2018)
Learn more

Don't show
: all .3s ease;
}

#sp-main-body a {
    color: var(--main-kolor);
}

@media (min-width: 1200px) {
  .h2, h2 {
        font-size: 1.6rem;  
    }
}
  @media (min-width: 1200px) {

  .h3, h3 {
        font-size: 1.4rem;
    }
}
.com-dpcalendar-calendar .fc-header-toolbar h2 {
    font-size: 23.5px;
    font-weight: 600;
}
.com-dpcalendar-calendar .fc-event span {
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    padding: 5px;
}
.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
  color: var(--main-kolor);
}
.fc .fc-daygrid-day-number {
    padding: 4px;
    position: relative;
    z-index: 4;
  color: var(--main-kolor);
}
.burger-icon {
    width: 30px;
    cursor: pointer;
  color: #fff;
}
.burger-icon>span {
    display: block;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}

#sp-galeria .osgalery-cat-tabs li a.active {
    background: #ffffff;
    color: var(--main-kolor);
  font-size: 1.6rem;
  padding-bottom: 25px;
}
.fc-list-table  a {color: #000;}
.article-introtext a {color: var(--main-kolor);}

/*
@package Helix Ultimate Framework
 */
:root {
  --main-kolor: #b30068; /* bordo */
  --main-komunikat: #E30421; /* czerwony */
}
 /* Top */
#sp-header .container {
    background-color: var(--main-kolor);
}
#sp-header {
    height: 100px;
	box-shadow: none;
}

 /* Footer */
#sp-footer {
  background-color: #fff;
}
#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 0px solid rgba(255, 255, 255, .1);
}
#sp-footer .container {
  border-top: var(--main-kolor) 3px solid;
}
#sp-footer {
    background: #ffffff;
    color: #000; 
}
#sp-footer {
  margin-top: 25px;
}
#sp-footer #sp-footer2 {
    text-align: left;
}

/* 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-menu-stopka {
  margin-top: 25px;
}
#sp-menustopka a:focus {
  color: #000;
  outline:3px solid #000; 
  outline-offset: 2px;
  }
#sp-footer a {
    color: var(--main-kolor);
}
#sp-footer a:hover {
    color: var(--main-kolor);
  text-decoration: underline;
}

 /* Main */
#sp-main-body {
    padding: 25px 0;
}
#sp-wydarzenia h1 {
    color: var(--main-kolor);
    margin-bottom: 30px;
  margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--main-kolor);
    font-size: 1.7rem;
}
.article-body h2 {
  color: var(--main-kolor);
}
#sp-main-body p a {
  text-decoration: underline;
color: var(--main-kolor);
}

 /* Menu */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active > a:hover {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding-right: 15px;
  text-decoration: underline;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 12px;
    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;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0px;
    text-decoration: none;
    text-align: left;
}
.sp-megamenu-parent>li:hover>a {
    color: #fff;
  text-decoration: underline;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    background-color: var(--main-kolor);
    color: #fff;
}
.sp-megamenu-parent>li.active:hover>a{color:#fff}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: var(--main-kolor);
    padding: 5px;
    margin-bottom: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background-color: var(--main-kolor);
    color: #fff;
}
.sp-megamenu-parent>li activ {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #fff;
}

 /* 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-kolor);
}
.article-header h2 a {
  font-size: 1.5rem;
}
.article-header h2 a:hover {
  color: #000;
}
.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    border: 0;
    border-radius: 0;
}
.article-header h2 {
    font-size: 1.2rem;
    margin: 0 0 1.25rem 0;
  color: var(--main-kolor);
}
.article-list .article .article-header h2 a:hover {
    color: #000;
}

 /* Dzielnica */
#sp-dzielnica {
  padding-bottom: 15px;
}
#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;
}
#sp-dzielnica2 p {
    font-weight: 400;
    font-size: 1.2rem;
    padding-bottom: 15px;
}
#sp-dzielnica2 p a {
    color: var(--main-kolor);
}

 /* 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.1rem;
  padding-bottom: 20px;
}
#sp-right h4.newsflash-title a {
  color: var(--main-kolor);
  line-height: 1.5em;
}
#sp-right h4.newsflash-title a:hover {
    text-decoriation: underline;
  color: #000;
}
#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {
    border-bottom: 0; 
}

 /* Magazyn Nowohucki */
#sp-magazyn  {
	margin-bottom: 25px;
}
#sp-magazyn2 p a {
  color: var(--main-kolor);
}

span.badge.bg-danger.featured-article-badge {
    display: none;
}

/* Komunikat */
#sp-komunikat {
  background-color: var(--main-komunikat);
  padding: 10px 25px 0 25px;
  font-size: 1.1rem;
  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 {
    color: var(--main-kolor);
    margin-bottom: 30px;
    margin-top: 0;
    padding-bottom: 15px;
    color: var(--main-kolor);
  border-bottom: 3px solid var(--main-kolor);
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 0;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: -20px -20px 20px -20px;
   border-radius: 0;
    border-bottom: 0;
    overflow: hidden;
}

 /* Szukaj */
.btn-primary, .sppb-btn-primary {
    border-color: var(--main-kolor);
    background-color: var(--main-kolor);
}
.me-2 {
    margin-right: .5rem !important;
  padding: 15px 0;
}
 /* Paginacja */
.pagination>.active>a, .pagination>.active>span {
    border-color: var(--main-kolor);
    background-color: var(--main-kolor);
}
.pagination>li>a, .pagination>li>span {
    color: var(--main-kolor);
}
a:focus {
  outline:3px solid #000; 
  outline-offset: 3px;
  }
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
    background: #ffffff;
    color: var(--main-kolor);
}
.article-details .article-header h1, .article-details .article-header h2, .article-details .article-header h4 {
    color: var(--main-kolor)
}
h2 {
    color: var(--main-kolor)
}
.sp-module ul>li>a {
    color: #000000;
}
.sp-module ul>li>a:hover {
    color: #000000;
  text-decoration: underline;
}
.sp-megamenu-parent>li .sp-menu-badge {
    display: none;
}
 /* 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: 'Poppins';
	z-index:100;
	left:0;
	opacity:1;
	outline:2px solid #2a2e32;
  outline:3px solid #000;
}
/* 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
*/