@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/template.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/template_responsive.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/font_switcher.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/bootstrap.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/bootstrap_responsive.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/extended_layouts.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/style2.css";
@import "/media/templates/site/cassiopeia_cassiopeia_bip/css/extra_css/custom.css";
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
/*---------------------------------------------*/
.btn-primary:hover {
background: #1d5184;
color:#fff;
}
.search-btn:hover {
background: transparent;
color:#fff;
}
ol {
padding:0 15px;
}
/*---------pagination---------*/
.pagination__wrapper {
display:flex;
width:100%;
}
.pagination {
display:flex !important;
flex-direction:row;
flex-wrap: nowrap;
list-style:none;
padding-left:0;
margin:0;
justify-content:center;
}
.pagination > li {
display:block;
}
.icon-angle-left::before {
content:"\e071";
font-family:'Glyphicons Halflings';
position: relative;
font-size:15px;
}
.icon-angle-double-left::before {
content:"\e070";
font-family:'Glyphicons Halflings';
position: relative;
font-size:15px;
}
.icon-angle-right::before {
content:"\e075";
font-family:'Glyphicons Halflings';
position: relative;
font-size:15px;
}
.icon-angle-double-right::before {
content:"\e076";
font-family:'Glyphicons Halflings';
position: relative;
font-size:15px;
}
/*---------szukajka-----------*/
@media (width >= 992px) {
.awesomplete > input {
min-width:300px;
}}
/* body */
body {
background-color: #fff;
}
:root {
--body-font-family: 'Open Sans', sans-serif !important;
--menu-toggle-width: 38px;
--menu-focus-ring: #ffcc33;
}
.mod-articles-category-title {
font-size: 18px;
line-height:30px;
}
.mod-articles-category-introtext {
font-size: 14px;
}
.mod-articles-category-readmore .btn {
font-size: 14px;
border: 0 solid #1d5184;
float: right;
}
.separator {
font-size: 14px;
}
/* nagłówek z logo */
.container-header {
background: #fff;
}
body.wrapper-fluid .site-grid {
grid-gap: 0 1.2em;
grid-template-columns:[full-start]minmax(0,1fr) [main-start]repeat(4, minmax(0,19.87rem))[main-end]minmax(0,1fr)[full-end];
}
.container-banner {
margin: 0;
}
.row {
padding-left: 0;
--gutter-x: 0;
}
[class^="icon-"] {
font-family: "Merriweather";
font-weight: normal;
font-size: 21px;
color: #1d5184;
}
/* główna siatka strony i banner */
@media (min-width: 1300px) {
.site-grid {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.site-grid .container-header {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: none;
width: 1300px;
grid-column: 1 / -1;
}
.site-grid .full-width {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
width: 100vw;
grid-column: 1 / -1;
}
}
/* nagłówek strony */
.header .container-header {
background: #fff;
}
.start-link,
.start-link:visited {
display: inline-block;
margin-top: 23px;
padding-left: 23px;
text-decoration: none;
}
.start-link .name-wrapper {
display: inline-block;
font-family: "Merriweather";
margin-top: -5px;
vertical-align: middle;
font-weight: 500;
}
.naglowekh1 {
text-transform: none;
font-size: 14px;
font-family: "Merriweather";
line-height: 2.55em;
font-weight: 400;
margin: 2px 0;
color: #1d5184;
text-rendering: optimizelegibility;
}
.start-link .name-wrapper .page-name {
color: #1d5184;
display: block;
font-size:34px;
line-height: 1.15em;
--webkit-transition: color 0.3s ease 0s;
}
.start-link .name-wrapper .page-place {
color: gray;
display: block;
font-size:25.5px;
line-height: 1.15em;
--webkit-transition: color 0.3s ease 0s;
}
.text-right {
text-align: right;
}
img {
max-width: 70em;
height: auto;
vertical-align: middle;
border: 0;
}
.nav-link {
color:#1d5184;
}
.nav-item {
background:#f7f7f7;
margin-bottom:10px;
padding-left:13px;
padding-right:7px;
}
/* menu */
@media (max-width: 979px){
.menuNmodule {
display: none !important;
}}
.menuNmodule .nav-item {
background: #fff;
}
.menuNmodule {
background: #fff;
color: #fff;
margin-bottom: 18px;
--metis-menu: none;
}
.menuNmodule .nav-item.divider {
background: #103e6b;
color: #fff;
border-bottom: 1px solid #fff;
padding: 6px 15px;
border-top: 2px solid #fff;
}
.menuNmodule ul.mod-menu,
.menuNmodule ul.mod-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menuNmodule ul.mod-menu li {
margin: 0;
padding: 0;
display: block;
position: relative;
}
.menuNmodule ul.mod-menu ul {
display: none;
position: relative;
}
.menuNmodule ul.mod-menu li > ul {
margin-left: 10px;
}
.menuNmodule ul.mod-menu > li > a {
display: block;
text-decoration: none;
padding: 6px 15px;
font-size: 14px;
line-height: 25px;
margin-bottom: 0;
position: relative;
border-bottom: 1px solid #103e6b;
background: #1d5184;
color: #fff;
box-sizing: border-box;
}
.menuNmodule ul.mod-menu > li.deeper > a,
.menuNmodule ul.mod-menu > li.parent > a,
.menuNmodule ul.mod-menu > li > ul > li.deeper > a,
.menuNmodule ul.mod-menu > li > ul > li.parent > a,
.menuNmodule ul.mod-menu ul ul > li.deeper > a,
.menuNmodule ul.mod-menu ul ul > li.parent > a {
padding-right: calc(var(--menu-toggle-width) + 18px);
}
.fsize110 .menuNmodule ul.mod-menu > li.item-932 > a {
padding-bottom:24px;
}
.fsize130 .menuNmodule ul.mod-menu > li.item-1029 > a {
padding-bottom:24px;
}
.fsize120 .menuNmodule ul.mod-menu > li.item-834 > a {
padding-bottom:24px;
}
.fsize130 .menuNmodule ul.mod-menu > li.item-871 > a {
padding-bottom:24px;
}
.fsize130 .menuNmodule ul.mod-menu > li > ul > li.item-991 > a {
padding-bottom:24px;
}
.fsize110 .jednostki-tree-nav .jednostki-item-parent > .jednostki-link {
font-size: 15px;
}
.fsize110 .jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
font-size: 15px;
}
.fsize120 #mod-custom138 .jednostki-tree-nav .jednostki-item-parent > .jednostki-link {
font-size: 17px;
padding-bottom:24px;
}
.fsize120 .jednostki-tree-nav .jednostki-item-parent > .jednostki-link {
font-size: 17px;
}
.fsize120 .jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
font-size: 17px;
}
.fsize130 .jednostki-tree-nav .jednostki-item-parent > .jednostki-link {
font-size: 18px;
padding-bottom:24px;
}
.fsize130 .jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
font-size: 18px;
}
.fsize110 .sa-copy {
font-size: 16px;
}
.fsize120 .sa-copy {
font-size: 18px;
}
.fsize130 .sa-copy {
font-size: 19px;
}
.menuNmodule ul.mod-menu > li > ul > li > a {
display: block;
text-decoration: none;
padding: 6px 15px;
font-size: 14px;
line-height: 25px;
background: #366599;
color: #fff;
border-bottom: 1px solid #103e6b;
box-sizing: border-box;
}
.menuNmodule ul.mod-menu ul ul > li > a {
display: block;
text-decoration: none;
padding: 6px 15px;
font-size: 14px;
line-height: 25px;
background: #366599;
color: #fff;
border-bottom: 1px solid #103e6b;
box-sizing: border-box;
}
.mod-list li .mod-menu__sub {
padding-left: 0;
}
.menuNmodule ul.mod-menu > li > a:hover,
.menuNmodule ul.mod-menu > li > a:focus {
background: #103e6b;
color: #fff;
text-decoration: none;
}
.menuNmodule ul.mod-menu ul li > a:hover,
.menuNmodule ul.mod-menu ul li > a:focus {
background: #103e6b;
color: #fff;
text-decoration: none;
}
.menuNmodule ul.mod-menu > li.current > a,
.menuNmodule ul.mod-menu > li.active > a {
background: #103e6b;
text-decoration: none;
}
.menuNmodule ul.mod-menu ul li.current > a,
.menuNmodule ul.mod-menu ul li.active > a {
background: #1d5184;
color: #fff;
text-decoration: none;
}
.menuNmodule ul.mod-menu li.parent > a::after,
.menuNmodule ul.mod-menu li.deeper > a::after {
content: none !important;
}
.menuNmodule .submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: var(--menu-toggle-width);
height: 38px;
border: 0;
padding: 0;
cursor: pointer;
background: transparent;
z-index: 3;
/*------------------------*/
display: flex;
align-items: center;
justify-content: center;
}
.menuNmodule .submenu-toggle::before {
content: "";
display: block;
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
background-image: url("/templates/cassiopeia_cassiopeia_bip/images/next.png");
transition: transform 0.25s ease;
transform-origin: center;
}
.menuNmodule li.open > .submenu-toggle::before {
transform: rotate(90deg);
}
.menuNmodule ul.mod-menu li.parent.open > ul,
.menuNmodule ul.mod-menu li.deeper.open > ul {
display: block;
}
.menuNmodule a.is-current,
.menuNmodule li.current > a,
.menuNmodule li.current-path > a {
background: #103e6b;
color: #fff;
text-decoration: none;
}

body.wrapper-fluid footer > .grid-child {
padding-left:1em;
padding-right:1em;
margin-top:-10px;
margin-bottom:-10px;
}
.footer {
background: #1d5184;
background-image:none;
margin-top:0px;
padding-bottom:0px;
}
.footer .grid-child {
max-width:1300px;
margin-left:auto;
margin-right:auto;
width: 1300px;
grid-column: 1 / -1;
}
.sa-footer {
background: #1d5184;
color: #ffffff;
padding: 0px 5px 5px 0px;
font-size: 15px;
line-height: 1.6;
}
.sa-footer__grid {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap:15px;
align-items: start;
}
.sa-footer__col {
min-width: 0;
}
.sa-copy {
text-align:center;
background: #234b77;
color: #ffffff;
padding: 10px 10px 10px 10px;
font-size: 15px;
line-height: 1.6;
}
.sa-footer__col--right {
text-align: left;
}
.sa-footer__title {
margin: 0 0 12px;
font-size: 16px;
font-weight: 700;
letter-spacing: .02em;
color: #ffffff;
}
.sa-footer__text {
margin: 0 0 12px;
color: #e7eef3;
}
.sa-footer a {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,.25);
}
.sa-footer a:hover,
.sa-footer a:focus {
color: #d9ecff;
border-bottom-color: rgba(255,255,255,.75);
}
.sa-footer__copyright {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgba(255,255,255,.2);
}
.sa-footer__text .sa-footer__top {
display: inline-block;
margin-top: 6px;
font-weight: 400;
position: relative;
text-align:right;
}
@media (max-width: 1199px) {
.sa-footer__grid {
grid-template-columns: repeat(2, minmax(220px, 1fr));
}
}
@media (max-width: 767px) {
.sa-footer {
padding: 28px 18px 22px;
}
.sa-footer__grid {
grid-template-columns: 1fr;
gap: 22px;
}
}
@media (max-width: 991px) {
.footer .grid-child{
width:768px;
}}
@media (max-width: 767px) {
.footer .grid-child{
width:576px;
}}
@media (max-width: 576px) {
.footer .grid-child{
width:400px;
}
}
.sa-footer__col ul:not([class]) li {
padding: 0 0 0 0 !important;
}
#tabela_0{
width:100vw;
}
.back-to-top-link {
inset-inline-start: 5rem;
inset-inline-end: auto;
bottom:5rem;
background:#fff;
color:#345b77;
border: 1px solid #234b77;
}
.back-to-top-link:visited,
.back-to-top-link:focus,
.back-to-top-link:active,
.back-to-top-link:focus:not(:focus-visible) {
background:#fff;
border: 1px solid #234b77;
}
.back-to-top-link:hover,
.back-to-top-link:focus-visible {
color:#fff;
background:#234b77;
border: 1px solid #fff;
}
.icon-arrow-up {
font-family:'Glyphicons Halflings';
color: #234b77;
position: relative;
font-size:15px;
}
.icon-arrow-up::before {
content:"\e113";
}
.icon-arrow-up:hover,
.icon-arrow-up:focus-visible {
color:#fff;
}
.icon-arrow-up a:after {
color: #234b77;
}
.jednostki-module,
.jm-module .jednostki {
font-family: "Open Sans", sans-serif;
}
.jednostki-tree {
margin: 0 0 18px 0;
padding: 0;
}
.jednostki-tree-nav .jednostki-level-1 {
list-style: none;
margin: 0;
padding: 0;
}
.jednostki-tree-nav .jednostki-item {
margin: 0;
padding: 0;
}
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link {
display: block;
position: relative;
padding: 6px 15px;
background: #f7f7f7;
color: #666;
text-decoration: none;
font-size: 14px;
line-height: 25px;
box-sizing: content-box;
}
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link em {
margin-right: 5px;
}
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link::after {
content: "";
position: relative;
float:right;
width: 21px;
height: 21px;
background-image: url("/templates/cassiopeia_cassiopeia_bip/images/next_szary.png");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
transform-origin: center;
}
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link:hover,
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link:focus-visible {
border: 1px solid #103e6b;
text-decoration: none;
}
.jednostki-tree-nav .jednostki-level-2 {
list-style: none;
margin: 0;
padding: 0 0 0 10px;
display: none;
background: #fff;
}
.jednostki-tree-nav .jednostki-item-parent.open > .jednostki-level-2 {
display: block;
}
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
display: block;
padding: 6px 15px;
background: #f7f7f7;
color: #666;
text-decoration: none;
font-size: 14px;
line-height: 22px;
}
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link:hover,
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link:focus-visible {
background: #103e6b;
color: #fff;
}
.jednostki-tree-nav .jednostki-item-parent.open > .jednostki-link::after,
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link[aria-expanded="true"]::after {
transform: rotate(90deg);
}
:root {
--c-bg: #ffffff;
--c-surface: #f7f7f7;
--c-surface-2: #1d5184;
--c-text: #222222;
--c-text-soft: #666666;
--c-heading: #1d5184;
--c-link: #1d5184;
--c-link-hover-bg: #103e6b;
--c-link-menu-bg: #1d5184;
--c-link-hover-text: #ffffff;
--c-link-menu-text:#fff;
--c-border: #d7dde3;
--c-info-wrapper:#f5f5f5;
--c-separator-bg:#103e6b;
--c-text-white:#fff;
--c-search-bg:#f8f8f8;
--c-copy-bg:#103e6b;
}
body {
background: var(--c-bg);
color: var(--c-text);
}
.home-info-wrapper {
background: var(--c-info-wrapper);
}
.container-header,
.header .container-header,
.menuNmodule,
.jednostki-tree-nav .jednostki-level-2 {
background: var(--c-bg);
color: var(--c-text);
}
.naglowekh1,
.start-link .name-wrapper .page-name,
.nav-link,
[class^="icon-"] {
color: var(--c-heading);
}
.start-link .name-wrapper .page-place,
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link,
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
color: var(--c-text-soft);
}
a {
color: var(--c-link);
}
a:hover,
a:focus-visible {
color: var(--c-link);
}
.menuNmodule ul.mod-menu > li > a,
.menuNmodule ul.mod-menu ul ul > li > a,
.menuNmodule ul.mod-menu > li > ul > li > a {
background: var(--c-surface-2);
color: var(--c-text-white);
}
.footer,
.sa-footer {
background: var(--c-link-menu-bg);
color: var(--c-text-white);
}
.sa-copy {
background: var(--c-copy-bg);
color: var(--c-text-white);
}
.menuNmodule .nav-item.divider {
background: var(--c-separator-bg);
color: var(--c-text-white);
}
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link:hover,
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link:focus-visible,
.menuNmodule ul.mod-menu > li > a:hover,
.menuNmodule ul.mod-menu > li > a:focus,
.menuNmodule ul.mod-menu ul li > a:hover,
.menuNmodule ul.mod-menu ul li > a:focus,
.menuNmodule ul.mod-menu > li.current > a,
.menuNmodule ul.mod-menu > li.active > a,
.menuNmodule a.is-current,
.menuNmodule li.current-path > a {
background: var(--c-link-hover-bg);
color: var(--c-link-hover-text);
}
body.highcontrast2 .back-to-top-link:hover,
body.highcontrast2 .back-to-top-link:focus-visible {
background: var(--c-link-hover-bg);
}
body.highcontrast2 .back-to-top-link,
body.highcontrast2 .back-to-top-link:visited,
body.highcontrast2 .back-to-top-link:focus,
body.highcontrast2 .back-to-top-link:active,
body.highcontrast2 .back-to-top-link:focus:not(:focus-visible) {
border-color: var(--c-border-y);
background: var(--c-border);
}
body.highcontrast2 .icon-arrow-up {
color: #fff;
}
body.highcontrast2 .icon-arrow-up:hover,
body.highcontrast2 .icon-arrow-up:focus-visible {
color: #000;
}
body.highcontrast2 .menuNmodule .nav-item.divider{
background: #252525;
}
body.highcontrast2 .menuNmodule .nav-item {
background: #151515;
}
body.highcontrast2 .disabled > .page-link {
background: #353535;
color:#252525;
}
body.highcontrast2 .active > .page-link {
background: #ffff00;
color:#000;
}
body.highcontrast2 .disabled > .page-link .icon-angle-right,
body.highcontrast2 .disabled > .page-link .icon-angle-double-right,
body.highcontrast2 .disabled > .page-link .icon-angle-left,
body.highcontrast2 .disabled > .page-link .icon-angle-double-left {
color:#252525;
}
body.highcontrast2 .btn-primary {
background: #151515;
border:1px solid #ffff00;
}
body.highcontrast2 .btn-primary:hover {
background: #ffff00;
border:1px solid #252525;
color:#000;
}
body.highcontrast2 .icon-search::before {
content:url(/media/templates/site/cassiopeia_cassiopeia_bip/images/contrast-magnifier.png);
}
body.highcontrast2 .icon-search:hover {
content:url(/media/templates/site/cassiopeia_cassiopeia_bip/images/magnifier.png);
}
body.highcontrast2 .form-control {
background:#252525;
}
.nav-item,
.jednostki-tree-nav .jednostki-item-parent > .jednostki-link,
.jednostki-tree-nav .jednostki-level-2 > .jednostki-item > .jednostki-link {
background: var(--c-surface);
}
body.highcontrast2 .info_skalowanie1,
body.highcontrast2 .info_skalowanie2{
background:#000
}
body.highcontrast2 .table th a {
color:#8bfffb;
}
body.highcontrast2 .table th a:hover {
color:#000000;
}
.search-wrapper .search-input,
.search-wrapper .search-input:focus {
background: var(--c-search-bg);
z-index:1;
}
.menuNmodule ul.mod-menu > li > a,
.menuNmodule ul.mod-menu > li > ul > li > a,
.menuNmodule ul.mod-menu ul ul > li > a {
border-color: var(--c-border);
background: var(--c-link-menu-bg);
color: var(--c-text-white);
}
body.night {
--c-bg: #d9d9d9;
--c-surface: #cfcfcf;
--c-surface-2: #17416a;
--c-text: #1a1a1a;
--c-text-soft: #333333;
--c-heading: #103e6b;
--c-link: #103e6b;
--c-link-hover-bg: #0f3154;
--c-link-hover-text: #ffffff;
--c-border: #8f8f8f;
}
body.highcontrast {
--c-bg: #000000;
--c-surface: #000000;
--c-surface-2: #000000;
--c-text: #ffffff;
--c-text-soft: #ffffff;
--c-heading: #ffffff;
--c-link: #8bfffb;
--c-link-hover-bg: #ffffff;
--c-link-hover-text: #000000;
--c-border: #ffffff;
}
body.highcontrast2 {
--c-bg: #000000;
--c-surface: #151515;
--c-surface-2: #000000;
--c-text: #ffff00;
--c-text-white: #ffff00;
--c-text-soft: #ffff00;
--c-heading: #ffff00;
--c-link: #8bfffb;
--c-link-hover-bg: #ffff00;
--c-link-hover-text: #000;
--c-link-menu-text:#fff;
--c-border: #252525;
--c-link-menu-bg:#151515;
--c-copy-bg:#252525;
--c-info-wrapper:#000;
--c-separator-bg:#252525;
--c-search-bg:#252525;
--body-bg:#151515;
--c-border-y: #ffff00;
}
body.highcontrast3 {
--c-bg: #ffff00;
--c-surface: #ffff00;
--c-surface-2: #000000;
--c-text: #000000;
--c-text-soft: #000000;
--c-heading: #000000;
--c-link: #0000ff;
--c-link-hover-bg: #000000;
--c-link-hover-text: #000000;
--c-border: #000000;
}
body.highcontrast .sa-footer a,
body.highcontrast2 .sa-footer a,
body.highcontrast3 .sa-footer a {
color: var(--c-link);
border-bottom-color: currentColor;
}
body.highcontrast2 .sa-footer a:hover,
body.highcontrast2 .sa-footer a:focus-visible {
color: var(--c-link-hover-text);
border-bottom-color: currentColor;
}
body.highcontrast2 .settings-wrapper ul li a .icon {
color: var(--c-text);
}
body.highcontrast2 .clock::before {
content:url('/media/templates/site/cassiopeia_cassiopeia_bip/images/wall-clock.png');
}
body.highcontrast2 .phone::before {
content:url('/media/templates/site/cassiopeia_cassiopeia_bip/images/phone-blue.png');
}
body.highcontrast2 .briefcase::before {
content:url('/media/templates/site/cassiopeia_cassiopeia_bip/images/briefcase.png');
}
body.highcontrast2 .settings-wrapper ul li a .icon:hover,
body.highcontrast2 .settings-wrapper ul li a .icon:focus-visible {
color: var(--c-link-hover-text);
}
body.highcontrast2 .settings-wrapper {
background: var(--c-link-menu-bg);
color: var(--c-text);
}
body.highcontrast2 .page-header > h1 {
background: var(--c-border);
color: var(--c-text);
}
body.highcontrast2 .article-info {
background: var(--c-border);
}
body.highcontrast2 .create,
body.highcontrast2 .modified,
body.highcontrast2 .createdby,
body.highcontrast2 .producedby,
body.highcontrast2 .sharingentity,
body.highcontrast2 .parent-category-name,
body.highcontrast2 .category-name,
body.highcontrast2 .article-history {
background: var(--c-border);
color: #fff;
}
body.highcontrast2 .accordion-item {
background: var(--c-link-menu-bg);
}
body.highcontrast2 .accordion-button,
body.highcontrast2 .accordion-button::after,
body.highcontrast2 .accordion-body {
background-color: var(--c-border);
color: var(--c-text);
}
body.highcontrast2 .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
color: #ffff00;
}
body.highcontrast2 .table > :not(caption) > * > * {
color: #ffff00;
}
body.highcontrast2 #tabela_0 {
background-color: #151515;
}
body.highcontrast2 select,
body.highcontrast2 input[type="text"] {
background-color: #252525;
}
body.highcontrast2 input.button {
background-color: #ffff00;
color:#000;
border-color:#fff;
}
body.highcontrast2 input.button:hover {
background-color: #000;
color:#ffff00;
border-color:#fff;
}
body.highcontrast2 #system-message-container joomla-alert[type="info"] {
background-color: #252525;
--alert-accent-color:#151515;
--alert-close-button:#ffff00;
}
body.highcontrast2 .breadcrumb-item.active {
color:#ffd73c;
}
[data-id="mobilemenuck-169"] .mobilemenuck-item > .level1 {
background:#151515 !important;
}
[data-id="mobilemenuck-169"] .mobilemenuck-item > .level2 {
background:#262626 !important;
color:#ffffff !important;
}
[data-id="mobilemenuck-169"] .mobilemenuck-item > .level3 {
background:#404040 !important;
}
[data-id="mobilemenuck-169"] .mobilemenuck-item > .level4 {
background:#5a5a5a !important;
}
[data-id="mobilemenuck-169"].mobilemenuck a {
font-size:0.8em !important;
color:#ffffff !important;
}
/* =========================================

MENU LEWE - TRYB WYSOKIEGO KONTRASTU 2

pełny override dla wszystkich poziomów

========================================= */

body.highcontrast2 .menuNmodule,

body.highcontrast2 .menuNmodule ul.mod-menu,

body.highcontrast2 .menuNmodule ul.mod-menu ul,

body.highcontrast2 .menuNmodule ul.mod-menu li,

body.highcontrast2 .menuNmodule .nav-item {

background: #151515 !important;

color: #ffff00 !important;

}

body.highcontrast2 .menuNmodule .nav-item.divider,

body.highcontrast2 .menuNmodule .mod-menu__separator.separator {

background: #252525 !important;

color: #ffff00 !important;

border-color: #ffff00 !important;

}

/* wszystkie linki na wszystkich poziomach */

body.highcontrast2 .menuNmodule ul.mod-menu > li > a,

body.highcontrast2 .menuNmodule ul.mod-menu > li > ul > li > a,

body.highcontrast2 .menuNmodule ul.mod-menu ul ul > li > a,

body.highcontrast2 .menuNmodule ul.mod-menu ul ul ul > li > a,

body.highcontrast2 .menuNmodule ul.mod-menu li > a.menu-link,

body.highcontrast2 .menuNmodule ul.mod-menu li > a {

display: block;

background: #151515 !important;

color: #ffff00 !important;

border-bottom: 1px solid #3a3a3a !important;

text-decoration: none !important;

}

/* otwarte poziomy submenu */

body.highcontrast2 .menuNmodule ul.mod-menu li.open > ul,

body.highcontrast2 .menuNmodule ul.mod-menu li.parent.open > ul,

body.highcontrast2 .menuNmodule ul.mod-menu li.deeper.open > ul,

body.highcontrast2 .menuNmodule ul.mod-menu li.open > ul.mod-menu__sub {

display: block;

background: #151515 !important;

}

/* tła kolejnych poziomów - jeśli chcesz delikatne różnicowanie */

body.highcontrast2 .menuNmodule ul.mod-menu > li > ul {

background: #151515 !important;

}

body.highcontrast2 .menuNmodule ul.mod-menu > li > ul > li > ul {

background: #101010 !important;

}

body.highcontrast2 .menuNmodule ul.mod-menu > li > ul > li > ul > li > ul {

background: #0b0b0b !important;

}

/* hover / focus / aktywny element */

body.highcontrast2 .menuNmodule ul.mod-menu > li > a:hover,

body.highcontrast2 .menuNmodule ul.mod-menu > li > a:focus,

body.highcontrast2 .menuNmodule ul.mod-menu > li > a:focus-visible,

body.highcontrast2 .menuNmodule ul.mod-menu ul li > a:hover,

body.highcontrast2 .menuNmodule ul.mod-menu ul li > a:focus,

body.highcontrast2 .menuNmodule ul.mod-menu ul li > a:focus-visible,

body.highcontrast2 .menuNmodule ul.mod-menu li.current > a,

body.highcontrast2 .menuNmodule ul.mod-menu li.active > a,

body.highcontrast2 .menuNmodule ul.mod-menu li.current-path > a,

body.highcontrast2 .menuNmodule ul.mod-menu a.is-current,

body.highcontrast2 .menuNmodule ul.mod-menu a[aria-current="page"] {

background: #ffff00 !important;

color: #000000 !important;

border-bottom-color: #000000 !important;

text-decoration: none !important;

}

/* focus outline */

body.highcontrast2 .menuNmodule ul.mod-menu a:focus-visible,

body.highcontrast2 .menuNmodule .submenu-toggle:focus-visible {

outline: 2px solid #ffff00 !important;

outline-offset: -2px !important;

}
/* czarna strzałka przy podświetleniu w highcontrast */
body.highcontrast2 .menuNmodule li.current > .submenu-toggle,

body.highcontrast2 .menuNmodule li.active > .submenu-toggle,

body.highcontrast2 .menuNmodule li.current-path > .submenu-toggle,

body.highcontrast2 .menuNmodule li > a.is-current + .submenu-toggle,

body.highcontrast2 .menuNmodule li > a:focus + .submenu-toggle,

body.highcontrast2 .menuNmodule li > a:focus-visible + .submenu-toggle,

body.highcontrast2 .menuNmodule li > a:hover + .submenu-toggle,

body.highcontrast2 .menuNmodule .submenu-toggle:focus,

body.highcontrast2 .menuNmodule .submenu-toggle:focus-visible {

background: #ffff00 !important;

}

body.highcontrast2 .menuNmodule li.current > .submenu-toggle::before,

body.highcontrast2 .menuNmodule li.active > .submenu-toggle::before,

body.highcontrast2 .menuNmodule li.current-path > .submenu-toggle::before,

body.highcontrast2 .menuNmodule li > a.is-current + .submenu-toggle::before,

body.highcontrast2 .menuNmodule li > a:focus + .submenu-toggle::before,

body.highcontrast2 .menuNmodule li > a:focus-visible + .submenu-toggle::before,

body.highcontrast2 .menuNmodule li > a:hover + .submenu-toggle::before,

body.highcontrast2 .menuNmodule .submenu-toggle:focus::before,

body.highcontrast2 .menuNmodule .submenu-toggle:focus-visible::before {

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23000000' stroke-width='2' points='7,4 13,10 7,16'/%3E%3C/svg%3E") !important;

}






/* Joomla 6.x - obsługa nowego przycisku submenu */

.menuNmodule .submenu-toggle,

.menuNmodule .mod-menu__toggle-sub {

position: absolute;

top: 0;

right: 0;

width: var(--menu-toggle-width);

height: 38px;

border: 0;

padding: 0;

margin: 0;

cursor: pointer;

background: transparent;

z-index: 3;

display: flex;

align-items: center;

justify-content: center;

}

/* ukrycie domyślnej ikony Joomla 6 */

.menuNmodule .mod-menu__toggle-sub .icon-chevron-down {

display: none;

}

/* własna strzałka */

.menuNmodule .submenu-toggle::before,

.menuNmodule .mod-menu__toggle-sub::before {

content: "";

display: block;

width: 23px;

height: 23px;

background-repeat: no-repeat;

background-size: 15px;

background-position: center;

background-image: url("/templates/cassiopeia_cassiopeia_bip/images/next.png");

transition: transform 0.25s ease;

transform-origin: center;

}

/* stan rozwinięty dla Joomla 6 */

.menuNmodule .mod-menu__toggle-sub[aria-expanded="true"]::before,

.menuNmodule li.open > .submenu-toggle::before {

transform: rotate(90deg);

}

/* pokazanie submenu dla Joomla 6 */

.menuNmodule ul.mod-menu li > .mod-menu__toggle-sub + ul.mod-menu__sub {

display: none;

}

.menuNmodule ul.mod-menu li > .mod-menu__toggle-sub[aria-expanded="true"] + ul.mod-menu__sub {

display: block;

}
.menuNmodule .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub {

display: block;

}

.menuNmodule .mod-menu__toggle-sub[aria-expanded="false"] + .mod-menu__sub {

display: none;

}
/* poprawa wyświetlania strzałki */
.menuNmodule .mod-menu__toggle-sub {

appearance: none;

-webkit-appearance: none;

-moz-appearance: none;

background: transparent !important;

background-image: none !important;

box-shadow: none !important;

border: 0 !important;

outline: none;

}

.menuNmodule .mod-menu__toggle-sub::before,

.menuNmodule .mod-menu__toggle-sub::after {

content: "" !important;

background: none !important;

}

.menuNmodule .mod-menu__toggle-sub .icon-chevron-down {

display: none !important;

}

/* jedna wspólna strzałka dla zamkniętego i otwartego stanu */

.menuNmodule .mod-menu__toggle-sub::before {

content: "";

display: block;

width: 23px;

height: 23px;

background-repeat: no-repeat;

background-size: 15px;

background-position: center;

background-image: url("/templates/cassiopeia_cassiopeia_bip/images/next.png");

transition: transform 0.25s ease;

}

.menuNmodule .mod-menu__toggle-sub[aria-expanded="true"]::before {

transform: rotate(90deg);

}
th.w-100[scope="row"] {
background:#fff !important;
}
.table th a,
table.category th a {
  color: #1d5184;
  text-decoration: none;
}
.accordion-body .article-info {
display:flex;
flex-wrap:wrap;
align-items: stretch;
row-gap:6px;
column-gap:18px;
}
.accordion-body .article-info dd {
margin:0;
display:inline-flex;
align-items:flex-start;
gap: 4px;
}
.accordion-body .article-info .sharingentity {
order: 1;
flex:0 0 100%;
margin-bottom:2px;
}
.accordion-body .article-info .createdby {
order: 2;
flex:0 0 calc((100% - 18px) / 2);
}
.accordion-body .article-info .producedby {
order: 3;
flex:0 0 calc((100% - 18px) / 2);
justify-content:flex-end;
}
.accordion-body .article-info .category-name {
order: 4;
flex:0 0 calc((100% - 36px) / 3);
}.accordion-body .article-info .published {
order: 5;
flex:0 0 calc((100% - 36px) / 3);
justify-content:center;
}
.accordion-body .article-info .hits {
order: 6;
flex:0 0 calc((100% - 36px) / 3);
justify-content:flex-end;
}
.tlumacz_online_jezyka_migowego:before{
content: url(/media/templates/site/cassiopeia_cassiopeia_bip/images/dlonie_tlumacz.png);
padding-top:0px;
padding-left:20px;
padding-right:20px;
text-align:center;
vertical-align:middle;
display:table-cell;
font-size: 50px;
}
.ukraina:before{
content: url(/media/templates/site/cassiopeia_cassiopeia_bip/images/flaga-ukrainy.jpg);
padding-top:0px;
padding-left:20px;
padding-right:10px;
text-align:center;
vertical-align:middle;
display:table-cell;
font-size: 50px;
}