:root{
    --kolor-dominujacy: #202f79;
    --kolor-uzupelniajacy: #5067d9;
    --kolor-trzeci: #005781;
    --kolor-czcionki-jasny: white;
    --kolor-czcionki-ciemny:black;
}


body{
  font-family: 'Roboto Condensed', sans-serif;
}

#navbar-main > .main-header-grid{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}


div, a, span, p, h1, h2, h3, h4, h5, h6, li {
  font-family: 'Roboto Condensed', sans-serif !important;
  }

a{
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
  }

.row{
    margin: 0;
}

.row > * {
    padding-right: 0;
    padding-left: 0;
  }

a:hover, a:focus, .link:hover, .link:focus {
    color: #0378b1;
}

.skip-link{
  position: absolute;
  color: var(--kolor-czcionki-jasny);
}

div[id*="block-udostepnionyformularzwyniki-wyszukiwaniapage"] .js-form-item-search-api-fulltext{
  margin-bottom: 0 !important;
  display: flex;
}

.respo-ukrycie{
    display: none;
}

#block-bip-menuglownepoziome,
#block-ikonydostepnoscirespo,
#block-bip-zamykaniemenu{
  margin: 0;
}

#block-ikonydostepnoscirespo ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#block-bip-accessibilitytoolbar{
  margin: 0;
  padding: 0;
}


#navigationRegion h2,
.info-otwarcie,
.ukryty-naglowek > h2, #block-cookiesui h2{
    font-size: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  #block-oficjalnastronainternetowatwojejinstytucji {
    display: none;
  }

  .navbar{
    flex-wrap: nowrap;
  }

  #navbar-main{
    padding: 10px;
  }

  .featured-bottom .container{
    max-width: 100%;
    padding: 0;
  }

.navbar-brand img{
  height: 120px;
  width: auto;
  background: white !important;
}

 .featured-top .field--name-field-film-w-naglowku{
    margin: 0 !important;
  }

  .page-node-18 iframe{
    width: 100%;
    border: 2px solid var(--kolor-dominujacy);
  }

  /* formatka */

  .formatka, .node--type-article > .inline__links {
    border-top: 2px solid var(--kolor-dominujacy);
    padding-top: 10px;
    margin-top: 20px;
}

.formatka .field__label {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: #787575;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.formatka .field__label::after {
  content: ':';
}

  /* przelacznik wersji jezykowych */

  html[lang*="en"] .en,
  html[lang*="pl"] .pl{
    display: none;
  }

  .language-link {
    font-size: 0;
    margin: 0;
    padding: 0;
  }

  .block-language .nav-link {
    display: flex;
    padding: 5px;
  }

  .block-language .nav-link > a {
    background-repeat: no-repeat;
  }

  .block-language img{
    width: 35px !important;
  }

  /* wyszukiwarka */

  .wyniki-wyszukania li{
    margin-bottom: 20px !important;
  }

  .wyniki-wyszukania .views-field-title{
    font-size: 1.5rem;
    font-weight: 600;
  }

  div[id*="udostepnionyformularzwyniki-wyszukiwaniapage"] .row > .js-form-item {
    max-width: 160px;
    margin-bottom: 0px !important;
    display: flex;
  }

  form[id*="views-exposed-form-wyszukiwanie"] legend, form[id*="views-exposed-form-wyszukiwanie"] label {
    font-size: 0;
    margin: 0;
    border: 0;
    width: 0;
  }

  div[id*="udostepnionyformularzwyniki-wyszukiwaniapage"] input[id*="edit-search-api-fulltext"] {
    border-radius: 0;
    border: none;
    border-bottom: 3px solid var(--kolor-dominujacy);
    background: transparent;
  }

  div[id*="udostepnionyformularzwyniki-wyszukiwaniapage"] .form-actions {
    padding-left: 0;
    margin-bottom: 0px !important;
    width: max-content;
    border-bottom: 3px solid var(--kolor-dominujacy);
  }

  div[id*="udostepnionyformularzwyniki-wyszukiwaniapage"] .button {
    border-radius: 0 10px 10px 0;
    color: var(--kolor-czcionki-ciemny);
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    display: inline;
    font-size: 15px;
    background: transparent !important;
    border: none;
    border-radius: 0;
  }

  /* kolory tła */

  .blok-z-tlem-cala-szerokosc,
  .featured-top .field--name-field-film-w-naglowku,
  .blok-z-tlem{
    background: #f5f5f5;
  }

  .blok-bez-tla,
  .blok-z-tlem .content{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .blok-bez-tla > h2,
  .blok-z-tlem > h2{
    max-width: 1320px;
    margin: 0 auto;
    padding: 69px 20px 33px 20px;
  }

  .blok-bez-tla .view-content,
  .blok-z-tlem .view-content{
    margin-bottom: 41px;
  }

  .blok-bez-tla .more-link,
  .blok-z-tlem .more-link{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 62px;
  }

  .blok-bez-tla .more-link > a,
  .blok-z-tlem .more-link > a{
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    color: var(--kolor-czcionki-jasny);
    font-weight: 600;
    background: var(--kolor-dominujacy);
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .blok-bez-tla .more-link > a:hover,
  .blok-z-tlem .more-link > a:hover{
    background-color: #5067d9;
  }

  .blok-z-tlem .more-link > a:focus +  .blok-z-tlem .more-link > a,  .blok-z-tlem .more-link > a:focus,
  .blok-bez-tla .more-link > a:focus + .blok-bez-tla .more-link > a, .blok-bez-tla .more-link > a:focus {
    color: #fff;
    background-color: var(--kolor-uzupelniajacy);
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
  }

  /* menu boczne */

  .menu-boczne{
    padding: 0 !important;
  }

  .menu-boczne .menu{
    list-style: none;
    padding: 0;
  }

  .menu-boczne .menu > li > a{
    margin-bottom: 10px;
    color: var(--kolor-dominujacy);
    display: inline-block;
    width: 100%;
    border: 1px solid var(--kolor-dominujacy);
  }

  .menu-boczne .menu-level-1 > li > a{
    padding: 10px 20px 10px 30px;
  }

  .menu-boczne .menu-level-2 > li > a{
    padding: 10px 20px 10px 35px;
  }

  .menu-boczne .menu-level-3 > li > a{
    padding: 10px 20px 10px 40px;
  }

  .menu-boczne .menu-level-10 > li > a,
  .menu-boczne .menu-level-9 > li > a,
  .menu-boczne .menu-level-8 > li > a,
  .menu-boczne .menu-level-7 > li > a,
  .menu-boczne .menu-level-6 > li > a,
  .menu-boczne .menu-level-5 > li > a,
  .menu-boczne .menu-level-4 > li > a{
    padding: 10px 20px 10px 45px;
  }

  .menu-boczne > .menu > li > a{
    padding: 10px 20px;
    background: #ebebeb;
    margin-bottom: 10px;
    color: var(--kolor-dominujacy);
    display: inline-block;
    width: 100%;
    border: 1px solid #ebebeb;
  }

  .menu-boczne .menu > li > a:hover,
  .menu-boczne .menu > li > a:focus,
  .menu-boczne .menu-item--active-trail > a,
  .menu-boczne .is-active{
    background: var(--kolor-dominujacy) !important;
    color: var(--kolor-czcionki-jasny) !important;
  }

  .banery-boczne{
    padding: 0 !important;
  }

  /* banerki wysówane */

  .view-banery-wysuwane .banerki-wysowane, .view-banery-wysuwane #hide {
    display: none;
  }

  #navbar-top{
    left: -154px;
    top: 260px;
    width: 218px;
    position: fixed;
    z-index: 10;
    background: none;
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0;
}

.view-banery-wysuwane > div > .views-row{
    width: 218px;
    height: 60px;
    margin-bottom: 10px;
    cursor: pointer;
}

.node--type-banery > div > a > img, .node--type-banery > div > img{
    margin-bottom: 0;
}

.view-banery-wysuwane > div > .views-row > div > span > a{
    transition-duration:0.5s;
}

.view-banery-wysuwane > div > .views-row > div > span > a:hover,
.view-banery-wysuwane > div > .views-row > div > span > a:focus{
    margin-left: 151px;
}

.view-banery-wysuwane button {
  position: relative;
  left: 153px;
  margin-bottom: 10px;
  max-width: 66px;
}

  /* bardzo ważne informacje */

  .view-bardzo-wazne-informacje > .view-content {
    font-size: 18px;
    padding: 20px 50px;
    display: block;
    background-size: 20px;
    min-height: 100px;
    background: rgb(31,116,118);
    background: linear-gradient(90deg, rgba(31, 116, 118, 0.2) 0%, rgba(54, 153, 215, 0.2) 63%);
    margin-bottom: 20px;
  }

  .view-bardzo-wazne-informacje > .view-content {
    font-size: 18px;
  }

  .view-bardzo-wazne-informacje .view-header {
    background: var(--kolor-uzupelniajacy);
    width: max-content;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 15px;
    display: inline-block;
    color: var(--kolor-czcionki-jasny);
  }

  .view-bardzo-wazne-informacje > div > div > div > span > a {
    display: flex;
    flex-direction: column;
  }

  .view-bardzo-wazne-informacje .tytul-informacje {
    color: var(--kolor-czcionki-ciemny);
  }

  .view-bardzo-wazne-informacje .tekst_zajawki {
    font-size: 0.9rem;
    color: var(--kolor-czcionki-ciemny);
  }

/* panel respo */

ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
  background: var(--kolor-dominujacy);
  color: var(--kolor-czcionki-jasny) !important;
}

div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
  color: var(--kolor-czcionki-jasny);
}

.site-footer .content ol:not(.menu), .site-footer .content ul:not(.menu) {
  padding-left: 0;
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons .sf-accordion-button::after {
  margin: 0;
  font-size: 1rem;
}

.opacify-links a:not(.btn):not(.address-book__set-default-link):not(.address-book__add-link):not(.button) {
  transition: opacity 0.15s linear;
  color: currentColor;
}

.theme__hivis .btn-close {
  background-image: url(/themes/custom/bip/grafiki/close.svg) !important;
  opacity: 1;
}

.zamykaniemenu i {
  display: none;
}

.bg-primary {
    background: #fff !important;
  }

  #navigationRegion .region-navigation {
    overflow-y: auto;
  }

  div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    background: var(--kolor-dominujacy);
    color: var(--kolor-czcionki-jasny);
  }

/* ikony dostępności */

.dostepnosc {
  display: none;
}

#block-ikonydostepnosci ul > li:last-child {
    margin-right: 0px;
  }

.ikony-dostepnosci-blok {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

.ikony-dostepnosci-bip > a{
  display: flex;
  justify-content: center;
  align-items: center;
}

#block-ikonydostepnosci, #block-accessibilitytoolbar {
    width: max-content;
    margin: 0;
  }

div[id*="ikonydostepnosci"] > div > div {
    display: flex;
    flex-direction: row;
    margin-bottom: 0px !important;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
  }

div[id*="ikonydostepnosci"] > div > div > ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    padding: 0;
      padding-left: 0px;
    margin-bottom: 0;
  }

  div[id*="ikonydostepnosci"] > div > div > ul {
    list-style: none;
  }

  div[id*="ikonydostepnosci"] > div > div > ul > li {
    margin-right: 10px;
  }

  /* div[id*="ikonydostepnosci"] > div > div > ul > li > *, div[id*="ikonydostepnosci"] > div > div > ul > li > a {
    background: var(--kolor-dominujacy);
    color: var(--kolor-czcionki-jasny) !important;
    width: 30px;
    display: block;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    border-radius: 10px;
    margin-top: 6px;
    border: none;
  } */

  div[id*="ikonydostepnosci"] img{
    width: 30px;
    display: block;
    height: auto;
  }


  .ikony-dostepnosci-blok > div{
    background: none !important;
  }

  div[id*="ikonydostepnosci"] > div > div > ul > li > button > .dostepnosc, div[id*="ikonydostepnosci"] > div > div > ul > li > a > .dostepnosc {
    display: none;
  }

  /* div[id*="ikonydostepnosci"] > div > div > ul > li > a:hover {
    background: var(--kolor-uzupelniajacy);
    color: black !important;
  } */

  .accessibility--controls .button__normal {
    display: none;
  }

  .accessibility--controls{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .accessibility--controls > *{
    width: max-content;
  }

/* ikony funkcyjne */

div[id*="block-ikonyfunkcyjne"] > div > div > ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    font-size: 1rem;
  }

  div[id*="block-ikonyfunkcyjne"] li{
    text-transform: uppercase;
    margin-right: 30px;
    display: flex;
    align-items: center;
  }

  div[id*="ikonyfunkcyjne"] > div > div > ul > li > a {
    font-size: 1em;
    color: var(--kolor-czcionki-ciemny) !important;
  }

  div[id*="ikonyfunkcyjne"] > div > div > ul > li > a > span {
    padding-left: 10px;
  }

  div[id*="block-ikonyfunkcyjne"] i {
    color: var(--kolor-dominujacy);
  }

/* menu respo */

ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 19px 28px;
    font-weight: 500;
  }

div[id*="zamykaniemenu"] p {
    margin-bottom: 0;
  }

div[id*="przyciskmenu"] button {
    background: none;
    border: none;
  }

.sf-accordion-toggle {
    display: none;
  }

  ul[id*="accordion"].sf-hidden {
    width: 100% !important;
    height: 100% !important;
  }

  ul[id*="accordion"] {
    left: auto !important;
    position: relative !important;
    top: auto !important;
  }

.opacify-links a:not(.btn):not(.address-book__set-default-link):not(.address-book__add-link):not(.button) {
    transition: opacity 0.15s linear;
    color: currentColor;
  }

ul.sf-menu.sf-accordion {
    display: block !important;
  }

ul[id*="accordion"].sf-hidden {
    width: 100% !important;
    height: 100% !important;
  }

  ul.sf-menu.sf-accordion li, ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent;
    color: var(--kolor-czcionki-ciemny);
    font-size: 1.1rem;
  }

/* stopka */

.zapis-do-newslettera, .menu-stopka{
  padding: 10px !important;
}

.menu-stopka{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-end;
}

.site-footer > .container{
    margin: 0;
    padding: 0;
    max-width: 100% !important;
}

.site-footer__top{
    background: #ebebeb;
}

.site-footer .block{
    border: none;
}

.odstep-miejsce {
    margin-left: 27px;
  }

  .site-footer__top h2 {
  border: none;
  color: var(--kolor-czcionki-jasny);
  margin-bottom: 20px;
  text-transform: none;
  font-size: 1.3rem;
  margin-top: 12px;
  font-weight: bold;
}


  .region-footer-first ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    list-style: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  .menu-stopka .nav-link{
    color: var(--kolor-czcionki-ciemny);
  }

  .menu-stopka .nav-link:hover,
  .menu-stopka .nav-link:active{
    text-decoration: underline;
  }

  .dane-teleadresowe li{
    margin-bottom: 1.4rem;
  }

  .dane-teleadresowe li:last-child{
    margin-bottom: 0;
  }

  .region-footer-first span {
    color: var(--kolor-czcionki-ciemny);
    font-size: 1rem;
  }

  .site-footer__top .content li a {
    display: inline-block;
    border: none;
    color: var(--kolor-czcionki-ciemny);
    padding-left: 14px;
  }

  .site-footer__top .content li a:hover, .site-footer__top .content li a:focus {
    background: none;
    text-decoration: underline;
    color: var(--kolor-dominujacy);
  }

  .region-footer-first i {
    margin-right: 5px;
    color: var(--kolor-uzupelniajacy);
    font-size: 1.2em;
  }

  /* zapis do newslettera */

  .zapis-do-newslettera small,
  .zapis-do-newslettera label{
    font-size: 0;
  }

  .zapis-do-newslettera label::after{
    width: 0;
    height: 0;
    background-image: none;
  }

  .zapis-do-newslettera .field--name-mail{
    margin: 0 !important;
  }

  .zapis-do-newslettera .js-form-type-email{
    margin: 0 !important;
    display: flex;
    flex-direction: row;
  }

  .zapis-do-newslettera form{
    display: flex;
    flex-wrap: nowrap;
  }

  .zapis-do-newslettera input,
  .zapis-do-newslettera button{
    border-radius: 0;
  }

  .zapis-do-newslettera button{
    min-width: max-content;
  }

  .zapis-do-newslettera button{
    background: var(--kolor-uzupelniajacy);
    border-color: var(--kolor-uzupelniajacy);
  }

  .zapis-do-newslettera button:focus,
  .zapis-do-newslettera button:active,
  .zapis-do-newslettera button:hover{
    background: var(--kolor-dominujacy);
    border-color: var(--kolor-dominujacy);
  }

  .zapis-do-newslettera .form-control:focus{
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
  }

/* za stopka */

.site-footer__top > .region,
.site-footer__bottom {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    float: inherit;
}

.region-footer-fifth {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0;
  }

  .region-footer-fifth > * {
    width: max-content;
  }


  .region-footer-fifth span {
    color: black;
  }


  .region-footer-fifth a{
    color: var(--kolor-czcionki-ciemny) !important;
  }

  /* paginator */

  .page-item:last-child .page-link{
    border-radius: 0;
  }

  .pagination {
    justify-content: flex-start;
    margin-top: 16px;
  }

  .page-link:focus, .page-item.active .page-link {
    background: var(--kolor-dominujacy) !important;
    border-color: var(--kolor-dominujacy) !important;
    border-radius: 0 !important;
    color: var(--kolor-czcionki-jasny) !important;
  }

  .page-link, .page-link:hover {
    color: var(--kolor-czcionki-ciemny) !important;
    font-weight: 500;
    padding: 5px 10px;
    border: none;
  }

  .page-link:hover, .pager__item--next > .page-link:hover, .page-item > .page-link:hover, .page-item > .page-link:focus, .page-item > .page-link:active {
    background: var(--kolor-uzupelniajacy) !important;
    color: var(--kolor-czcionki-jasny) !important;
  }


  /* zbiorcza lista aktualności */

  .aktualnosci-strona-glowna-lista .form-select > ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .aktualnosci-strona-glowna-lista .form-select {
    border: none;
    padding: 0;
    background-image: none;
  }

  .aktualnosci-strona-glowna-lista .form-select > ul > li > a {
    color: var(--kolor-czcionki-ciemny);
    padding: 10px 30px;
    border-radius: 20px;
    font-weight: 500;
    background: #f5f5f5;
    display: inline-block;
  }

  .aktualnosci-strona-glowna-lista .form-select > ul > li > a:hover, .aktualnosci-strona-glowna-lista .bef-link--selected {
    background: var(--kolor-dominujacy) !important;
    color: var(--kolor-czcionki-jasny) !important;
  }

  .aktualnosci-strona-glowna-lista .form-select > ul > li {
    display: inline-block;
    padding: 5px;
  }

  /* zajawka aktualności */

  .wiersza-aktualnosci-sp2{
    margin-bottom: 20px;
  }

  .zajawka,
  .zajawka > a {
    display: flex;
    flex-direction: column;
  }

  .zajawka .tytul {
    padding: 12px 5px 5px 13px;
  }

  .podstrony .tytul-podstrony,
  .podstrony .tytul-podstrona,
  .zajawka .podtytul {
    font-size: 1.25rem;
    z-index: 3;
    margin: 0;
    color: var(--kolor-dominujacy);
    font-weight: 600;
    grid-column: 1/4;
    display: flex;
    flex-direction: column;
  }

  .zajawka .info {
    color: var(--kolor-czcionki-ciemny);
    padding-top: 8px;
    line-height: 1.3rem;
    display: inline-block;
  }

  .zajawka .data {
    font-weight: normal;
    font-size: 1rem;
    color: #a60c38;
    text-transform: capitalize;
    display: inline-block;
  }

  .grafika-newsbox, .zajawka-zdjecie {
    display: grid;
  }

  .grafika-newsbox img, .zajawka-zdjecie img {
    grid-column: 1;
    grid-row: 1;
  }

  /* naglowek strona glowna */

  .widoczny-naglowek h2{
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--kolor-dominujacy);
    margin-bottom: 20px;
  }

  /* strony w dziale */

  .podstrony {
    margin-bottom: 20px;
    width: fit-content;
  }

  .zawartosc-podstrony {
    display: inline-block;
  }

  .podstrony .tytul-podstrony,
  .podstrony .tytul-podstrona{
    padding: 0 5px 5px 5px;
  }


  /* hover na zajawkach */

  .podstrony:hover,
  .zajawka:hover {
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  }

  /* fotorelacja */

  .media:hover .media__icon--litebox {
    opacity: 0.75;
  }

  .media__icon--litebox {
    background: var(--kolor-dominujacy);
    border-radius: 50%;
  }

  .node .blazy--photoswipe {
    width: 100%;
  }


  .field--name-field-fotorelacja .field__items,
  .field--name-field-fotorelacja {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px !important;
  }

  .field--name-field-fotorelacja img {
    margin: 2px !important;
    object-fit: cover;
  }

  /* zalaczniki tabelka*/

  thead {
    background: var(--kolor-dominujacy);
    color: var(--kolor-czcionki-jasny);
  }

  th:last-child {
    border-right: 1px solid var(--kolor-dominujacy);
  }

  tr td {
    border: 1px solid black;
      border-bottom-width: 1px;
  }

  tr th {
    border-top: 1px solid var(--kolor-dominujacy);
    border-bottom: 1px solid var(--kolor-dominujacy);
  }

  table tr th {
    background: none;
      background-color: rgba(0, 0, 0, 0);
  }

  th:first-child {
    border-left: 1px solid var(--kolor-dominujacy);
  }

  .file--x-office-spreadsheet, .file-download-rar, .field--name-field-zalaczniki-link > .field__item > a, .file--mime-application-zip, .file-download-zip, .file--video, .file-download-x-ms-wmv, .file--image, .file-download-image, .field--name-field-media-document a[href$=".xlsx"], .field--name-field-zalaczniki a[href$=".xlsx"], .field--name-field-zalaczniki > div > div > a[href$=".xls"], .field--name-field-zalaczniki > div > div > a[href$=".ods"], .field--name-field-zalaczniki a[href$=".odt"], .field--name-field-zalaczniki [href$=".docx"], .field--name-field-media-document a[href$=".docx"], .file--x-office-document, .file-download-msword, .file--application-pdf, .file-download-pdf, .file--text, .file--audio, .file-download-audio, .file-download-mp4, .file-download-text, .field--name-field-zalaczniki > div > div > a[href$=".wma"] {
    background-image: none;
    padding-left: 0;
  }

  /* zalaczniki lista*/

  .field--name-field-zalaczniki a[href$=".odt"],
.field--name-field-zalaczniki-link > .field__item > a,
.field__item > .file,
.field__item > .file-download,
.field__item > .file-download-application{
    padding-left: 60px;
    display: inline-block;
    min-height: 60px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 10px;
    text-decoration: underline;
}

.file--text,
.file-download-text{
    background-image: url(/themes/custom/bip/grafiki/ikony/TXT.png);
}

.file--application-pdf,
.file-download-pdf{
    background-image: url(/themes/custom/bip/grafiki/ikony/PDF.png);
}

.field--name-field-media-document a[href$=".docx"],
.field--name-field-media-document > div > a[href$=".docx"],
.file--x-office-document,
.file-download-msword{
    background-image: url(/themes/custom/bip/grafiki/ikony/DOC.png);
}

.field--name-field-zalaczniki > div > div > a[href$=".odt"]{
    background-image: url(/themes/custom/bip/grafiki/ikony/ODT.png);
}

.field--name-field-zalaczniki > div > div > a[href$=".ods"]{
    background-image: url(/themes/custom/bip/grafiki/ikony/ODS.png);
}

.field--name-field-zalaczniki > div > div > a[href$=".xlsx"],
.field--name-field-zalaczniki > div > div > a[href$=".xls"]{
    background-image: url(/themes/custom/bip/grafiki/ikony/XLS.png);
}

.file--image,
.file-download-image{
    background-image: url(/themes/custom/bip/grafiki/ikony/JPG.png);
}

.file--video,
.file-download-x-ms-wmv{
    background-image: url(/themes/custom/bip/grafiki/ikony/VIDEO.png);
}

.field--name-field-zalaczniki > div > div > a[href$=".wma"]{
    background-image: url(/themes/custom/bip/grafiki/ikony/WMA.png);
}

.file-download-mp4{
    background-image: url(/themes/custom/bip/grafiki/ikony/MP4.png);
}

.file--audio,
.file-download-audio{
    background-image: url(/themes/custom/bip/grafiki/ikony/audio2.png);
}

.file-download-rar,
.field--name-field-zalaczniki-link > .field__item > a,
.file--mime-application-zip,
.file-download-zip{
    background-image: url(/themes/custom/bip/grafiki/ikony/ZIP.png);
}

.table-responsive .file{
  background-image: none !important;
}


.field--name-field-zalaczniki > div > div > table > thead > tr > th{
    background: var(--kolor-dominujacy);
}

.field--type-file tr > th{
  width: 10%;
}

.field--type-file tr > th:first-child{
  width: 80%;
}

/* tablica ogłoszeń */

#quicktabs-tablica_ogloszen .quicktabs-tabs {
  flex-direction: row;
  flex-wrap: wrap;
}

#quicktabs-tablica_ogloszen .list-group, .nav-tabs {
  border-bottom: 2px solid var(--kolor-dominujacy);
  border-radius: 0;
}

#quicktabs-tablica_ogloszen .list-group-item > a:hover, #quicktabs-tablica_ogloszen .active > a, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .menu-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--kolor-czcionki-jasny);
  background-color: var(--kolor-dominujacy);
  border-color: var(--kolor-dominujacy);
}

#quicktabs-tablica_ogloszen .quicktabs-loaded {
  padding: 8px 16px;
  font-size: 1.1rem;
}

#quicktabs-tablica_ogloszen .item-list > ul > li, #quicktabs-tablica_ogloszen .list-group-item + .list-group-item {
  margin-right: 2px;
}

#quicktabs-tablica_ogloszen .item-list > ul > li {
  padding: 4px 0;
}

#quicktabs-tablica_ogloszen .active, #quicktabs-tablica_ogloszen .list-group-item + .list-group-item {
  padding: 4px 0;
}

#quicktabs-tablica_ogloszen .list-group-item {
  border: none;
}

.view-blok-na-strone-glowna > .view-content > .views-row {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--kolor-dominujacy);
  margin-bottom: 20px;
}

.view-blok-na-strone-glowna > .view-content, .blok-strona-glowna-zamowienia {
  display: flex;
  flex-direction: column;
  color: var(--kolor-czcionki-ciemny);
}

.blok-strona-glowna-tytul {
  font-size: 1.1rem;
  font-weight: bold;
}



/* treść główna */

.links, .pre_links {
  padding-left: 5px;
  margin-bottom: 0px;
}

.links {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  width: 100%;
}

.links a{
  color: var(--kolor-czcionki-ciemny);
}

.links a:hover{
  text-decoration: underline;
  color: var(--kolor-dominujacy);
}

.print > a::before {
  content: "\f02f";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 1.2rem;
  padding-right: 8px;
}

.main-content .block-system{
  margin-bottom: 50px;
}

.page-view-strona-glowna .main-content .block-system{
  margin-bottom: 0px;
}

details {
  border: 1px solid #ced4da;
  padding: 7px !important;
  border-radius: 5px;
  margin-bottom: 20px;
}

.node details > summary {
  font-weight: 700;
}

details .list-group-item{
  border: none;
}

.przejscie-poprzednie div, .przejscie-nastepne div {
  width: 100%;
}

.przejscie-poprzednie div {
  text-align: right;
}

.przejscie-kolejne, .drukowanie {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.przejscie-kolejne a, .drukowanie a {
  color: var(--kolor-czcionki-ciemny);
  font-weight: 500;
}

.przejscie-kolejne .previous > a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  padding-left: 8px;
}

.przejscie-kolejne .next > a::before {
  content: "\f0d9";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  padding-right: 8px;
}

.block-page-title-block > .content > h1{
  font-size: 1.86rem;
  color: var(--kolor-dominujacy);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;font-size: 1.86rem;
  color: var(--kolor-dominujacy);
  padding: 10px 18px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}


.field--name-field-zalaczniki{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.node--type-media video{
  width: 100%;
  height: auto;
}


.node .field__label{
    font-size: 1.5rem;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--kolor-dominujacy);
    margin-bottom: 20px;
}

.node > *{
    margin-bottom: 20px;
}

.pswp__caption__center{
    text-align: center;
}

table {
    caption-side: top;
  }

.field--name-field-image{
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.node .field--type-image {
    float: left;
    margin: 0;
  }

  .node .field--type-image > .field__item > img{
    padding: 10px;
  }

/* slider w nagłowku */

.featured-top {
  background-size: cover;
  background-repeat: repeat;
  background-image: url("/themes/custom/bip/grafiki/naglowek.png");
}


.page-view-strona-glowna .header{
  border-bottom: 0;
}

.header{
  position: relative;
  z-index: 3;
  border-bottom: 1px solid var(--kolor-dominujacy);
}


.featured-top video{
  width: 100%;
  object-fit: cover;
  height: auto;
}

.featured-top__inner{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.slider-w-naglowku img{
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.layout-main-wrapper{
    margin-top: 30px;
}

.page-view-strona-glowna .layout-main-wrapper{
  margin-top: 0px !important;
}

/* strzałki w karuzelach */

.slick-arrow::before {
    color: var(--kolor-dominujacy);
    font-weight: bold;
    font-size: 3rem;
    font-family: "Font Awesome 6 Free";
  }

  .slick-prev::before {
    content: '\f053';
    text-shadow: -2px 0px 3px rgb(255, 255, 255);
  }

  .slick-next::before {
    content: '\f054';
    text-shadow: 3px 0px 3px rgb(255, 255, 255);
  }

  /* banery boczne */

  .banery-pozycja-boczna a > img:hover,
  .view-partnerzy a > img:hover {
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  }

  .view-partnerzy .field-content{
    margin: 20px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .banery-pozycja-boczna{
    margin-bottom: 20px;
  }

  .slick__arrow{
    height: 0;
  }

  #block-bip-daneteleadresowe img{
    width: 230px;
    background: white !important;
  }


  @media only screen and (min-width: 400px){
    form[id*="contact-message-kontakt"] textarea, form[id*="contact-message-kontakt"] input {
      max-width: 280px;
  }

}

@media only screen and (min-width: 576px){

    .wiersza-aktualnosci-sp2{
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }

    .wiersza-aktualnosci-sp2:nth-child(2n + 2) {
        margin-right: 0 !important;
      }


    .podstrony {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
      }

      .strony-dzial{
        margin: 0 -10px;
      }


}

@media only screen and (min-width: 768px){

  .main-content {
    padding-left: 80px;
  }

  .zapis-do-newslettera,
  .menu-stopka{
    width: 50%;
    margin: 0 !important;
  }

    /* za stopka */

    .region-footer-fifth{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
    }

}

@media only screen and (min-width: 992px){

  .dane-teleadresowe,
  .zapis-do-newslettera, .menu-stopka {
    width: 33%;
    margin: 0 !important;
    padding: 10px !important;
  }

    .col-md-4{
        width: 25%;
    }

    /* obiekty w nagłówku */


  #navbar-main > .main-header-grid{
      max-width: 1350px;
      padding: 10px 0;
      margin: 0 auto;
      background-color: transparent !important;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      width: 100%;
  }

    .navbar-brand{
        grid-column: 1/6;
        padding: 0;
        display: flex;
        align-items: center;
        grid-row: 1/3;
    }

    div[id*="ikonydostepnosci"]{
        grid-column: 6/13;
        grid-row: 1/3;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        align-items: center;
    }

    div[id*="ikonyfunkcyjne"]{
        grid-column: 8/13;
        grid-row: 2;
        display: flex;
        justify-content: flex-end;
        padding-right: 10px;
    }


    .ukryte-wersja-desktop{
        display: none;
    }

    .respo-ukrycie {
        display: flex;
      }

    /* menu */

    .highlighted{
        background: var(--kolor-dominujacy);
    }

    ul.sf-menu a, ul.sf-menu span.nolink {
        padding: 22px 1em;
      }

      .menu-glowne .menu > li > a{
        color: var(--kolor-czcionki-jasny) !important;
      }

      li[class*="sf-depth"] > a {
        color: var(--kolor-czcionki-ciemny) !important;
        text-transform: uppercase;
        font-weight: 500;
      }

      .sf-depth-1 > a {
        color: var(--kolor-dominujacy) !important;
      }

    .menu-glowne{
        display: block;
        max-width: 1285px;
        width: 100%;
        margin: 0 auto;
        grid-column: 4/13;
        grid-row: 2;
    }

    .menu-glowne .menu{
        display: flex !important;
        justify-content: center;
    }

    .menu-glowne .menu > li{
        text-align: start;
    }

      .menu-glowne .menu > li > span, .menu-glowne .menu > li > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-weight: 600;
        transform: skew(18deg,0deg);
      }

      .menu-glowne .menu > li > ul {
        top: 59px !important;
        transform: skew(18deg,0deg);
      }


      .menu-glowne .menu > li > ul > li > a {
        background: #dee8f4;
        color: var(--kolor-czcionki-ciemny);
        border: 1px solid var(--kolor-dominujacy);
        border-top: none;
      }

      .menu-glowne .menu > li > ul > li > ul > li > span,
      .menu-glowne .menu > li > ul > li > ul > li > a,
      .menu-glowne .menu > li > ul > li > span,
      .menu-glowne .menu > li > ul > li > a {
        border-top: none;
        display: flex;
        flex-direction: row;
        padding: 10px 20px;
        font-weight: normal !important;
      }

      .menu-glowne .menu > li > ul > li > a:hover{
        text-decoration: underline;
      }

      .menu-glowne .menu > .sfHover > a:hover::before, .menu-glowne .menu > .sfHover > span:hover::before, .menu-glowne .menu > li > span:hover::before, .menu-glowne .menu > li > a:hover::before {
          background: var(--kolor-dominujacy);
      }

      .menu-glowne > .content > .menu > li:first-child > a {
        width: max-content;
        padding: 22px 1em;
        transform: skew(18deg,0deg);
      }

      .menu-glowne > .content > .menu > li {
        text-align: start;
        transform: skew(-18deg,0deg);
      }

      .menu-glowne > .content > .menu > .active-trail {
        background: var(--kolor-uzupelniajacy);
      }

      .menu-glowne > .content > .menu > li:hover {
        transform: skew(-18deg,0deg);
        background: var(--kolor-uzupelniajacy);
      }


    .wiersza-aktualnosci-sp2{
        width: calc(33% - 11px);
        margin: 0 20px 20px 0;
    }


    .wiersza-aktualnosci-sp2:nth-child(2n + 2) {
        margin-right: 20px !important;
      }

      .wiersza-aktualnosci-sp2:nth-child(3n + 3) {
        margin-right: 0px !important;
      }


    .podstrony {
        width: calc(33% - 20px);
      }

      .main-content{
        max-width: 970px;
      }


}

@media only screen and (min-width: 1140px){

  .view-banery-wysuwane .view-header{
    display: none;
  }

  .banerki-wysowane {
    display: block !important;
  }

}

@media only screen and (min-width: 1600px){

  .view-partnerzy .slick-prev{
    left: -50px;
  }

  .view-partnerzy .slick-next{
    right: -50px;
  }

}

 *:focus {
	outline: none !important;
}

body.user-is-tabbing *:focus {
	outline: 2px solid red !important;
}

/* body {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
} */