:root {
  --cassiopeia-color-primary: #ffffff !important;
  --cassiopeia-color-link: #00A2FF !important;
  --link-color: #0048ba;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #ff6600;
  --link-hover-color: #ff6600;
  --link-hover-color-rgb: 66, 64, 119;
  --body-font-size: 1rem;
 }
.com-content-article__body > table > tbody > tr > td {
  border: 1px solid #00A2FF;
}
.mod_events_latest_first.a.link{text-decoration:none !important;}

a:link{text-decoration:none;}
h1{font-size: 1.8rem !important; margin:20px;}

.site-grid{grid-gap:0 4px !important;}

.container-header {
	background-color: #ffffff;
	background-image: linear-gradient(135deg, var(--white) 0%, var(--white) 100%);
}

.footer {
	background-color: #00A2FF !important ; color: #ffffff !important;
	background-image: linear-gradient(135deg, #00A2FF 0%, #00A2FF 100%);
}

 
.mod-menu > li {color :var(--white) }

.metismenu.mod-menu .metismenu-item { font-size:1.2rem; padding-left:12px; padding-right:12px;}


.page-header {
  color: #00A2FF !important; /* Twój kolor tekstu */
  padding: 0px; /* np. odstęp nad/pod */
  border-bottom: 2px dotted #007bff !important;
  margin-bottom: 10px;
  font-size: 1.6rem !important;
  }

/* Kolor linków w nagłówku */
.page-header a {
  color: #00A2FF !important; font-size: 1.6rem !important;/* kolor linków */
  text-decoration: none;
}

/* Kolor linków po najechaniu */
.page-header a:hover,
.page-header a:focus {
  color: #ff6600 !important; /* kolor na hover */
  text-decoration: underline; /* lub inny efekt */
}
.container-nav{background-color:#00A2FF !important; color:#ff0000 !important; padding:0px !important; margin:0px !important;padding-left:40px !important;}
.metismenu.mod-menu .metismenu-item{font-size:1.4rem; padding 0px; margin: 0px; }
.navbar{margin-top:0px !important;}

}


.czerwone_menu{border:0px  !important; padding:0px  !important; margin:0px !important;}
div.sidebar-right.card.czerwone_menu > div.card-body > ul.mod-menu.mod-list.nav > li {background-color: #00A2FF; margin-bottom: 4px; color: #ffffff !important; padding:7px !important; border:0px !important;padding-left:15px !important; font-size: 1.4rem !important;}
div.sidebar-right.card.czerwone_menu > div.card-body > ul.mod-menu.mod-list.nav > li > a {color: #ffffff !important; font-weight: bold;}



@media (width >= 1200px) {

.mod-menu ul.mm-collapse li a {
  position: relative;
  padding-left: 20px;

}

.mod-menu ul.mm-collapse li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #00A2FF;
}

  
.mm-toggler {
  display: none !important;
  }
  
/* Ukryj podmenu domyślnie */
.mod-menu ul.mm-collapse {
  display: none !important;
  position: absolute; /* żeby wyskakiwało */
  background: white; /* tło submenu */
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border: 2px solid #00A2FF !important;
  border-radius: 10px; 
}

/* Pokaż submenu przy hover na rodzicu */
.mod-menu li.deeper:hover > ul.mm-collapse {
  display: block !important;
  }

/* Ustaw style linków w submenu */
.mod-menu ul.mm-collapse li a {
  display: block;
  padding: 2px 17px;
  white-space: nowrap;
 }

/* Możesz dodać efekt hover linków submenu */
.mod-menu ul.mm-collapse li a:hover {

}

/* Ustaw pozycję submenu względem rodzica (dopasuj jeśli trzeba) */
.mod-menu li.deeper {
  position: relative;
}



body {
  margin: 2px !important;
 
   }

body > * {
  width: 99%;
  margin: 0 auto;
  max-width:1650px;

}

  
:root{
  --body-font-size: 1.3rem !important;
     }
  
.container-sidebar-left {
  width: 12% !important;
  margin-right: 20px !important;
}

  
.container-main {
  width: 67% !important;
 
}


.container-sidebar-right {
  width: 21% !important;
  margin-left: 20px !important;
 
}


.site-grid {
  display: flex;
  flex-wrap: wrap; /* pozwala na zawijanie elementów do nowego wiersza */
  gap: 1px !important;
  margin-top:16px;
}

.bottom-b {
  flex-basis: 100%; /* zajmuje całą szerokość rodzica */
  order: 99; /* ustawiamy jej kolejność na koniec */
}

.icon-time{margin-left:18px;}

.card{border:0px; margin: 0px !important; padding-bottom:20px !important;}
.card-body{margin:0px !important; padding:0px;}
.card-header {background-color: #00A2FF; margin-top: 4px; margin:0px !important; color: #ffffff !important; font-size: 1.4rem !important; margin-left:0px; margin-right:0px;}

main{margin-top:0px !important;background-color: #f5f5f5; padding: 20px;}

.item-content{padding-left:2%; padding-right:2%;}

.com-content-article__body{ padding-left:2%; padding-right:2%;}

}



.jsn-moduletitle {background-color: #00A2FF; margin-top: 0px; padding: 10px !important; color: #ffffff !important; font-size: 1.4rem !important;}





.jb-cookie-decline {
  color: #ffffff !important;
  padding-right: 100px;
}
.pagination{--pagination-active-color:#000000 !important;}


.page-link{background-color: #ffffff !important;}

.bottom-b {
 margin:0px; padding:0px;
}
.top-a{margin:0px !important; padding:0px !important;}

.site-description{color:#0048ba !important;font-size:20px !important;}