: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;
}

#block-udostepnionyformularzwyniki-wyszukiwaniapage-1 .js-form-type-textfield{
  display: flex;
  flex-direction: row;
}

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

.tooltip-icon{
width: 20px;
height: 20px;
}

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

a{
  text-decoration: none;
}

.align-center .field__item{
text-align: center;
}


.field--name-field-tooltip-base-image{
width: 100%;
position: relative;
margin-top: 30px !important;
}

.cookiesjsr-links{
margin: 1.5em 0 0 0;
}

.paragraph--type--image-tooltips img{
width: 100%;
margin: 0;
}

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);
}

.respo-ukrycie{
  display: none;
}

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

.film-strona-glowna video{
  width: 100%;
  height: auto;
}

.film-strona-glowna .file-download-mp4{
  background-image: none !important;
}

.view-film-na-stronie-glownej .view-header{
  height: 0;
  position: relative;
  top: -120px;
}

.view-film-na-stronie-glownej #oblezeniewarszawy{
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

#block-views-block-zobacz-jak-fundusze-europejskie{
  overflow-x: auto;
}

#block-views-block-zobacz-jak-fundusze-europejskie .popover-header{
  background: var(--kolor-dominujacy);
  color: var(--kolor-czcionki-jasny);
  padding: 25px 21px;
}

.popover{
  --bs-popover-bg: var(--kolor-dominujacy);
}

.popover-header,
.popover-body{
  display: flex;
  flex-direction: column;
}

.popover > div{
  color: var(--kolor-czcionki-jasny) !important;
  font-size: 1.2rem !important;
  font-weight: bold;
}

.popover a{
  display: inline-block;
  padding: 5px 10px;
  background: var(--kolor-uzupelniajacy);
  color: var(--kolor-czcionki-jasny);
  font-size: 1rem;
  margin: 10px 0;
  width: 100%;
  text-align: center;
}

.popover a:focus,
.popover a:active,
.popover a:hover{
  color: var(--kolor-czcionki-jasny) !important;
  text-decoration: underline;
}

#block-oficjalnastronainternetowatwojejinstytucji {
  display: none;
}

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

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

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

.node--type-galerie{
display: flex;
flex-direction: column;
}

.menu-stopka,
.site-footer .block{
padding: 10px 70px !important;
}

#navigationRegion .block{
padding: 10px !important;
padding-top: 20px !important;
}

.navbar{
  flex-wrap: nowrap;
}

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

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

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

/* 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: 10rem;
  margin-bottom: 0px !important;
  display: flex;
}

form[id*="views-exposed-form-wyniki-wyszukiwania"] legend, form[id*="views-exposed-form-wyniki-wyszukiwania"] 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"] .js-form-type-textfield{
  margin-bottom: 0 !important;
}

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);
}

/* mapa i formularz kontaktu */

.blok-z-tlem-cala-szerokosc .col-12 > div{
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.blok-z-tlem-cala-szerokosc iframe{
  width: 100%;
  height: 100%;
}

div[id*="contactblock"]{
  margin-bottom: 82px;
}

div[id*="contactblock"] > h2{
  margin-top: 54px;
}

div[id*="contactblock"] .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

form[id*="contact-message-kontakt"] textarea, form[id*="contact-message-kontakt"] input {
max-width: 210px;
border-radius: 0;
border: 2px solid var(--kolor-dominujacy);
}

form[id*="contact-message-kontakt"] {
width: max-content;
}

form[id*="contact-message-kontakt"] > div > div {
display: flex;
flex-direction: row;
}

form[id*="contact-message-kontakt"] label {
display: flex;
flex-direction: row;
justify-content: center;
margin-right: 0.5rem;
width: 2.6rem;
height: max-content;
font-size: 0;
line-height: 0;
display: flex;
justify-content: space-around;
}

form[id*="contact-message-kontakt"] label::before{
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 1.5rem;
color: var(--kolor-uzupelniajacy);
margin-top: 14px;
}

form[id*="contact-message-kontakt"] div[id*="field-imie-i-nazwisko"] > div > label::before{
  content: "\f007";
}

form[id*="contact-message-kontakt"] div[id*="field-numer-telefonu"] > div > label::before{
content: "\f3cd";
}

form[id*="contact-message-kontakt"] div[id*="field-i-class-fas-fa-envelope"] > div > label::before{
content: "\f2b6";
}

form[id*="contact-message-kontakt"] div[id*="field-i-class-fas-fa-pencil-alt"] > div > label::before{
content: "\f303";
}

form[id*="contact-message-kontakt"] i {
font-size: 1.5rem;
color: var(--kolor-uzupelniajacy);
}

.labelka {
font-size: 0;
padding: 0;
margin: 0;
line-height: 0;
}

form[id*="contact-message-kontakt"] .form-actions {
max-width: calc(100% + 3.1rem);
display: flex;
flex-direction: column;
align-items: flex-end;
}

form[id*="contact-message-kontakt"] button {
width: 100%;
max-width: calc(100% - 3.1rem);
}

.form-required::after {
content: '';
vertical-align: super;
display: inline-block;
background-image: url(/themes/custom/szablon/grafiki/required.svg);
background-repeat: no-repeat;
background-size: 7px 7px;
width: 7px;
height: 7px;
margin: 0 0.3em;
}

/* banerki wysówane */

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

#navbar-top{
  left: -154px;
  top: 15vh;
  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{
  height: 60px;
  margin-bottom: 10px;
  cursor: pointer;
}

.view-banery-wysuwane img{
height: 59px;
}

.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: 4rem;
}

/* 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 a, ul.sf-menu.sf-style-default a:visited {
color: var(--kolor-czcionki-jasny);
}

ul.sf-menu.sf-style-default span.nolink{
color: var(--kolor-czcionki-ciemny);
}

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;
}

.sf-expanded span.nolink{
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/szablon/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;
  padding-top: 5px;
}

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: #1e2340;
}

.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{
padding: 46px 0 23px 0 !important;
}

.region-footer-first ul {
  display: flex;
  flex-direction: column;
  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-jasny);
}

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

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

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

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

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

.site-footer__top .content li a:hover, .site-footer__top .content li a:focus {
  background: none;
  text-decoration: underline;
}

.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-galerii,
.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;
  width: 100%;
}

/* 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;
}

.grafika-podstrony img {
  border-radius: 5px;
}

.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/szablon/grafiki/ikony/TXT.png);
}

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

.field--name-field-zalaczniki a[href$=".docx"],
.field--name-field-zalaczniki a[href$=".doc"],
.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/szablon/grafiki/ikony/DOC.png);
}

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

.field--name-field-zalaczniki > div > div > a[href$=".ods"]{
  background-image: url(/themes/custom/szablon/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/szablon/grafiki/ikony/XLS.png);
}

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

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

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

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

.file--audio,
.file-download-audio{
  background-image: url(/themes/custom/szablon/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/szablon/grafiki/ikony/ZIP.png);
}


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

/* treść główna wydarzeń */

.rule-text{
display: none;
}

.field--name-field-tags .field__label, .field--name-field-tags ul.links {
font-size: 1.2rem;
}

.field--name-field-data-wydarzenia,
.field--name-field-tags{
display: flex;
flex-direction: column;
width: 100%;
}

.node__content > *{
margin-bottom: 1.2em;
}


/* treść główna */

.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-nastepne.przejscie-poprzednie div {
width: max-content;
}

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

.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: row;
align-items: center;
}

.block-page-title-block > .content > h1::after,
.block-page-title-block > .content > h1::before{
content: " ";
width: 260px;
height: 2px;
background: var(--kolor-dominujacy);
margin: 0 10px;
display: inline-block;
}

.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/szablon/grafiki/naglowek.png");
}

.region-featured-top{
display: grid;
}

.obsluga-animacji,
.slider-w-naglowku{
grid-column: 1;
grid-row: 1;
height: calc(100vw/16 * 6.66);
}

#wlaczenie-animacji{
display: none;
}

/* .obsluga-animacji{
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgb(255, 255, 255) 11%, rgba(255,255,255,0) 100%);
z-index: 2;
} */

.obsluga-animacji{
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
background: transparent;
z-index: 2;
}

.obsluga-animacji button {
background: rgba(226, 230, 230, 0.56) none repeat scroll 0% 0%;
color: black !important;
width: 35px;
height: 35px;
font-size: 1.3em;
border-radius: 10px;
margin-top: 6px;
border: medium none;
margin-right: 20px;
}

.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;
}

.block-views-blockbardzo-wazne-informacje-block-1{
margin-top: 30px;
}

/* strzałki w karuzelach */

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

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

.slick-next::before {
  content: '\f054' !important;
  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: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-partnerzy img{
  height: 100px !important;
  width: auto !important;
}

.slick__arrow{
  height: 0px;
}

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

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

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

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

}

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

}

@media screen and ( min-height: 0px ) and (max-height: 221px){

#navbar-top{
  display: none;
}

}

@media screen and ( min-height: 222px ) and (max-height: 300px){


.view-banery-wysuwane button {
  left: 51px;
}

.view-banery-wysuwane > div > .views-row {
  height: 20px;
}

.view-banery-wysuwane img {
  height: 20px;
}

#navbar-top {
  left: -51px;
  display: block;
}

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

}


@media screen and ( min-height: 301px ) and (max-height: 400px) {

.view-banery-wysuwane button {
  left: 90px;
}

.view-banery-wysuwane > div > .views-row {
  height: 35px;
}

.view-banery-wysuwane img {
  height: 35px;
}

#navbar-top {
  left: -90px;
}

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




}

@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){

.node--type-wydarzenia .node__content{
  display: flex;
  flex-direction: row;
}

.node--type-wydarzenia .node__content > .panel-glowny{
  width: 70%;
}

.node--type-wydarzenia .node__content > .panel-prawy{
  width: 30%;
  padding-left: 50px;
}

.wiersza-galerii{
  width: calc(33% - 10px);
  margin: 0 20px 20px 0;
}

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

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

.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){

ul.sf-menu li,
ul.sf-menu.sf-horizontal.sf-shadow ul{
  min-width: fit-content !important;
}

#navbar-top{
  top: 260px;
}

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

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

  /* obiekty w nagłówku */

  /* .featured-top{
    margin-top: -57px;
  } */

  #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);
  }

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

  div[id*="ikonydostepnosci"]{
      grid-column: 6/13;
      grid-row: 1;
      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;
  }

  #block-glownanawigacja{
    grid-row: 2;
    grid-column: 5/13;
    display: flex;
    justify-content: flex-end;
  }


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

  .respo-ukrycie {
      display: flex;
    }

  /* menu */

  .menu-glowne .menu > .sfHover > a::before, .menu-glowne .menu > .sfHover > span::before, .menu-glowne .menu > li > span::before, .menu-glowne .menu > li > a::before {
    background: transparent;
    content: " ";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 10px;
  }

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

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

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

    .theme__hivis .sf-depth-1 > a {
      color: #ff0 !important;
    }

    .sf-depth-1 > a

  .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: flex-end;
  }



  .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;
    }


    .menu-glowne .menu> li > ul > li:first-child {
      border-top: 1px solid var(--kolor-dominujacy);
    }

    .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 {
      background: #dee8f4;
      color: var(--kolor-czcionki-ciemny);
      border: 1px solid var(--kolor-dominujacy);
      border-top: none;
    }

    .menu-glowne .menu > li > ul {
      top: 66px !important;
    }

    .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;
      min-width: fit-content;
    }

    .menu-glowne .menu > li > ul > li > ul > li > span:hover,
    .menu-glowne .menu > li > ul > li > ul > li > a:hover,
    .menu-glowne .menu > li > ul > li > span:hover,
    .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);
    }


  .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);
    }


}

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





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

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

.wiersza-galerii{
  width: calc(100%/6 - 17px);
  margin: 0 20px 20px 0;
}

.wiersza-galerii:nth-child(3n + 3) {
  margin-right: 20px !important;
}

.wiersza-galerii:nth-child(6n + 6) {
  margin-right: 0px !important;
}

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

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

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


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


}

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

.menu-stopka,
.site-footer .block{
  padding: 10px !important;
}

}

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

  /* .featured-top{
    margin-top: -107px;
  } */

.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;
} */