:root{
  --kolor-dominujacy: #0b3077;
  --kolor-uzupelniajacy: #f7f282;
  --kolor-trzeci: #f7f282;
  --kolor-czcionki-jasny: white;
  --kolor-czcionki-ciemny:black;
}


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

#block-ikonydostepnoscirespo #block-ikonyfunkcyjne{
  display: flex;
  padding: 0;
  margin: 0;
}

.sf-accordion .menuparent > .sf-hidden{
  display: none;
}

.sf-accordion .sf-expanded > ul{
  display: inline-block;
}

form[id*="views-exposed-form-aktualnosci"] div > ul > li > ul{
  display: none;
}

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

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

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

  #alert_placeholder2,
#alert_placeholder{
  position: absolute;
  z-index: 5;
  top: 3.5rem;
  font-size: 1rem;
  width: max-content;
  padding: 10px;
}

#alert_placeholder2 .btn-close,
#alert_placeholder .btn-close{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin: 1.25rem 0 1.25rem 1rem;
  color: transparent !important;
}

#alert_placeholder2 .alert-danger::before,
#alert_placeholder .alert-danger::before

#alert_placeholder2::before,
#alert_placeholder::before{
  margin: 0 5px;
}

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

.cookiesjsr-links.links--row li a:hover,
.cookiesjsr-links.links--row li a:focus,
.cookiesjsr-links.links--row li a:active{
  color: var(--kolor-czcionki-jasny);
  text-decoration: underline;
}

.cookiesjsr-banner,
.cookiesjsr-btn{
  background-color: var(--kolor-dominujacy);
}

.cookiesjsr-btn.important{
  color: var(--kolor-dominujacy);
}

.respo-ukrycie{
    display: none;
}

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

  div[id*="oficjalnastronainternetowatwojejinstytucji"] h1 {
    font-size: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  #navbar-top{
    padding: 0;
  }

  #navbar-main{
    padding: 10px;
  }



  /* oznaczenie projektu */

  #block-oznaczenieprojektu{
    max-width: 1000px;
    margin: 50px auto 20px auto;
  }

  .dostepna-szkola{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logo-unia{
    margin-top: 30px;
  }

  #block-zamykaniemenu i {
    display: none;
  }

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

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

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

  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: #c8e7b5;
    outline: 0;
  }

  ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul {
    background: #a3bf92;
  }

  /* 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(11, 48, 119);
    background: linear-gradient(90deg, rgb(11, 48, 119) 0%, rgba(11, 48, 119, 0.56) 100%);
    margin-bottom: 50px;
  }

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

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

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

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

/* panel respo */

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

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

/* wyszukiwarka */

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-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
  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;
}

/* ikony dostępności */

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

.ikony-dostepnosci-blok {
    display: flex;
    flex-direction: column;
    justify-content: 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;
    flex-wrap: wrap;
  }

  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 > .ikony-dostepnosci-blok > *, div[id*="ikonydostepnosci"] > div > div > ul > .ikony-dostepnosci-blok > 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: 0px;
    border: none;
  }

  div[id*="ikonydostepnosci"] .ikony-dostepnosci-blok:first-child > a{
    background: none;
  }

  .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: var(--kolor-czcionki-ciemny) !important;
  }

  div[id*="dostepnionyformularzwyniki-wyszukiwaniapage"] .js-form-type-textfield{
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: row;
  }

  .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:hover{
    text-decoration: underline;
  }

  .theme__hivis div[id*="ikonyfunkcyjne"] > div > div > ul > li > a{
    color: #ff0 !important;
  }

  .theme__hivis div[id*="ikonyfunkcyjne"] > div > div > ul > li > a:hover{
    text-decoration: underline;
  }

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

/* przydatne linki */


.przdatne-linki{
  background: var(--kolor-dominujacy) !important;
  border-radius: 0px;
  padding: 25px 25px 10px 25px!important;
}

.theme__hivis .przdatne-linki{
  background: #000 !important;
}

.przdatne-linki h2{
  border-bottom: 2px solid var(--kolor-uzupelniajacy);
  padding-bottom: 0.6rem;
  margin-bottom: 0.6rem;
  text-shadow: none;
  font-weight: 600;
  color: var(--kolor-czcionki-jasny);
  text-align: center;
}

.przdatne-linki ul{
  list-style: none;
  padding-left: 1rem;
}

.przdatne-linki li{
  padding-bottom: 15px;
}

.przdatne-linki li > a{
  color: var(--kolor-czcionki-jasny);
}

.przdatne-linki li > a:hover,
.przdatne-linki li > a:focus,
.przdatne-linki li > a:active{
  color: var(--kolor-czcionki-jasny);
  text-decoration: underline;
}

  /* stopka */


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

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

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

.odstep-miejsce {
    padding-left: 34px;
  }

  .odstep-miejsce-dzien,
  .pierwsza-pozycja{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .odstep-miejsce-dzien{
    padding-left: 30px;
  }

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

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

  .region-footer-first ul > li{
    width: 100%;
    max-width: 300px;
  }

  .godziny-otwarcia{
    display: flex;
  }

  .region-footer-first span {
    color: var(--kolor-czcionki-jasny);
    font-size: 1.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-trzeci);
    font-size: 1.2em;
  }

  .blok-mapa iframe{
    max-width: 100%;
    border: 3px solid var(--kolor-trzeci);
  }

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

  /* aktualności quick tab */

  .list-group-item + .list-group-item, .list-group-item.active {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
  }

  #quicktabs-aktualnosci .quicktabs-tabs {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 5px 0 20px 0;
  }

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

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

  #quicktabs-aktualnosci .list-group-item > a:hover,
  #quicktabs-aktualnosci .active > a{
    color: var(--kolor-dominujacy);
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
  }

  #quicktabs-aktualnosci .quicktabs-loaded {
    border-radius: 0px;
    padding: 8px 10px;
    font-size: 1.1rem;
    color: var(--kolor-czcionki-ciemny);
  }

  /* zajawka aktualności */

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

  .zajawka .tytul {
    padding: 0 5px 5px 5px;
  }

  .theme__hivis .newsbox-opis,
  .theme__hivis .zajawka .podtytul{
    background: transparent !important;
  }

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

  .podstrony a{
    display: flex;
    flex-direction: column;
  }

  .zajawka .podtytul{
    padding: 10px 20px 0 20px;
  }

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

  .zajawka > a .data {
    font-weight: normal;
    font-size: 0.9rem;
    color: #737373;
    text-transform: capitalize;
  }

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

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

  div[id*="slick-views-slider-naglowek"] .slick__slide{
    padding: 20px 10px;
  }

  .newsbox img{
    border-radius: 0px;
  }

  .newsbox-opis{
    border-radius: 0px;
  }

  

  /* naglowek strona glowna */

  .title,
  .widoczny-naglowek h2{
    font-size: 1.2rem;
    font-weight: 600;
    width: max-content;
    color: var(--kolor-czcionki-jasny);
    background: var(--kolor-dominujacy);
    padding: 10px 20px;
    margin: 0;
  }

  div[id*="content"],
  .widoczny-naglowek > .content{
    border-top: 2px solid var(--kolor-dominujacy);
    padding-top: 40px;
  }

  .block-quicktabs-blockaktualnosci > .content{
    padding-top: 18px;
  }

  .path-frontpage div[id*="content"]{
    border-top: none;
    padding-top: 0;
  }

  /* strony w dziale */

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

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

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

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

  .podstrony img{
    border-radius: 0px;
  }

  /* hover na zajawkach */

  .zajawka-wydarzenia{
    display: inline-block;
  }

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

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

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

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

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

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

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

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

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

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

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


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


/* treść główna */


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

/* strzałki w karuzelach */

.slick-arrow:hover::before,
.slick-arrow:focus::before,
.slick-arrow:active::before{
  color: var(--kolor-dominujacy);
}

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

  .theme__hivis .slick-arrow:hover::before,
  .theme__hivis .slick-arrow:focus::before,
.theme__hivis .slick-arrow:active::before
  .theme__hivis .slick-arrow::before{
    color: #ff0 !important;
  }

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

  .poprzenie-wydarzenia > summary{
    font-size: 1.4rem;
    opacity: 0.8;
    margin-bottom: 30px;
  }

  .banery-pozycja-boczna .field-content{
    display: inline-block;
    width: 100%;
  }
  
  .banery-pozycja-boczna .field-content > a{
    display: flex;
  }
  

  .nastepne-wydarzenia > summary{
    font-size: 1.4rem;
  }

  .node--type-wydarzenia .field--name-field-lokalizacja{
    margin-top: 30px;
  }

  .field--name-field-data-wydarzenia .list-group-item{
    padding: 5px;
    margin: 5px 0;
  }

  .field--name-field-data-wydarzenia .list-group-item:first-child{
    border-radius: 0;
    border-color: var(--kolor-dominujacy);
  }

  #sidebar_second div[id*="block-wydarzenia"],
  div[id*="jakoscpowietrza"],
  div[id*="banery-boczne-block"]{
    padding: 0 !important;
  }

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

  .banery-pozycja-boczna img{
    background: white !important;
    width: auto;
  }

  .view-partnerzy img{
    background: white !important;
    height: 80px !important;
    width: auto;
  }

  .view-partnerzy .field-content{
    margin: 10px;
    display: inline-block;
  }

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

  /* newsbox */

  .view-newsbox .slick--thumbnail.slick--skin--asnavfor{
    display: none;
  }

  /* Strefy

  .view-strefy li{
    display: flex;
    flex-direction: column;
    background-color: #c8e7b5;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 10px;
    margin-bottom: 20px !important;
    padding: 0 !important;
  }

  .view-strefy li > div{
    width: 100%;
    height: 100%;
  }

  .view-strefy li > div > span > a:focus,
  .view-strefy li > div > span > a:active,
  .view-strefy li > div > span > a:hover{
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
    border-radius: 10px;
    color: var(--kolor-czcionki-ciemny);
    text-decoration: underline;
  }

  .view-strefy li > div > span > a::after{
    content: "";
    display: inline-block;
    background-repeat: no-repeat !important;
  }

  .view-strefy li:first-child > div > span > a::after{ 
      background-image: url("/themes/szablon/grafiki/icon1.png");
      width: 89px;
      height: 89px;
  }

  .view-strefy li:nth-child(2) > div > span > a::after{ 
    background-image: url("/themes/szablon/grafiki/icon2.png");
    width: 90px;
    height: 86px;
}

.view-strefy li:nth-child(3) > div > span > a::after{ 
  background-image: url("/themes/szablon/grafiki/icon3.png");
  width: 90px;
  height: 90px;
}

.view-strefy li:nth-child(4) > div > span > a::after{ 
  background-image: url("/themes/szablon/grafiki/icon4.png");
  width: 77px;
  height: 90px;
}

  .view-strefy a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: var(--kolor-czcionki-ciemny);
    font-weight: bold;
    padding: 20px;
    display: flex;
  justify-content: space-between;
  } */
  
  /* partnerzy */

  .featured-bottom{
    margin-top: 40px;
  }

  .region-featured-bottom-first > div{
    margin-top: 75px;
  }

  /* przycisk zobacz więcej */

 .more-link a{
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: var(--kolor-czcionki-jasny);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--kolor-dominujacy);
    border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: 0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .more-link a:hover,
  .more-link a:focus,
  .more-link a:active{
    background: var(--kolor-uzupelniajacy);
    color: var(--kolor-czcionki-ciemny);
  }

  .more-link{
    display: flex;
    justify-content: flex-end;
  }

  /* kategorie aktualności */

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

  #edit-field-tags-target-id {
    border: none;
    background-image: none;
  }

  .views-exposed-form ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .views-exposed-form .form-select > ul > li {
    padding: 5px;
  }

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

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

  .theme__hivis .views-exposed-form .form-select > ul > li > a:hover,
  .theme__hivis .views-exposed-form .bef-link--selected{
    background: #ff0 !important;
    color: var(--kolor-czcionki-ciemny) !important;
  }

/* paginator */

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

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

/* wyniki wyszukiwania */

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

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

/* wydarzenia */

.zajawka-wydarzenia .tytul{
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.zajawka-wydarzenia .podtytul{
  font-size: 1.2rem;
  line-height: 1.2;
  text-transform: inherit !important;
  letter-spacing: normal !important;
  font-weight: bold;
}

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

  .wiersza-wydarzenia-lista,
  .wiersza-wydarzen-sp2 {
    width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

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

}

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

  .wiersza-wydarzenia-lista,
  .wiersza-wydarzen-sp2 {
    width: calc(33% - 11px);
    margin: 0 20px 20px 0;
  }

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

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

  #sidebar_second{
    padding-left: 30px;
  }

  #sidebar_first{
    padding-right: 30px;
  }

  /* media */

  .view-strefy ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .view-strefy li{
    width: calc(50% - 10px);
    margin-right: 20px !important;
  }

  .view-strefy li:nth-child(2n+2) {
    margin-right: 0 !important;
  }

  /* Stopka */

  /* .blok-mapa{
    width: 50%;
  }

  .blok-kontakt{
    width: 50%;
  } */

    /* za stopka */

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

}

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

  /* strefy

  #block-views-block-strefy-block-1{
    margin: 53px 0 20px 0;
  }

  .view-strefy li{
    width: calc(25% - 15px);
  }

  .view-strefy li:nth-child(2n+2) {
    margin-right: 20px !important;
  }

  .view-strefy li:nth-child(4n+4) {
    margin-right: 0px !important;
  } */




  

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

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

/* newsbox */

.newsbox > a{
  display: grid;
}

.newsbox-opis,
.newsbox .grafika-newsbox{
  grid-column: 1;
  grid-row: 1;
}

.newsbox-opis{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  box-shadow: inset 0px -140px 51px -34px rgba(0,0,0,0.85);
  -webkit-box-shadow: inset 0px -140px 51px -34px rgba(0,0,0,0.85);
  -moz-box-shadow: inset 0px -140px 51px -34px rgba(0,0,0,0.85);
  background: #0000002e;
}

.newsbox .slide__link{
  margin: 10px;
}

.newsbox .tekst_zajawki{
  color: var(--kolor-czcionki-jasny) !important;
}

.newsbox .tytul-newsbox{
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0 0 10px 0;
  font-size: 2rem !important;
  font-weight: bold;
  color: var(--kolor-czcionki-jasny);
}

.newsbox img{
  height: 100% !important;
  width: 100%;
}



    /* obiekty w nagłówku */

    #navbar-main{
        max-width: 1350px;
        padding: 20px 0;
        margin: 0 auto;
        background-color: transparent !important;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

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

    .theme__hivis .navbar-brand img{
      background: white !important;
    }

    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;
        margin-top:15px;
    }

    


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

    .respo-ukrycie {
        display: flex;
      }

    /* menu */

    .menu-glowne .sf-hidden {
      display: none;
    }

    .menu-glowne .menu > li::after {
      content: '';
      display: block;
      background-color: var(--kolor-czcionki-jasny);
      height: 24px;
      width: 1px;
      position: absolute;
      right: auto;
      left: -1px;
      top: 17px;
      z-index: 1;
    }

    .menu-glowne .menu > li:first-child:after{
      display: none !important;
    }

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

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

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

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

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

    .menu-glowne{
        display: block;
        max-width: 1285px;
        width: 100%;
        margin: 0 auto;
    }

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

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

    .menu-glowne .menu > li > span:hover, .menu-glowne .menu > li > a:hover{
        background: var(--kolor-uzupelniajacy);
        color: var(--kolor-czcionki-ciemny) !important;
    }

      .menu-glowne .menu > li > span, .menu-glowne .menu > li > a {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

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

       .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: 59px !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;
      }

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

      .menu-glowne .menu > .sfHover > a,
      .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-uzupelniajacy);
          color: var(--kolor-czcionki-ciemny) !important;
      }

      .theme__hivis .menu-glowne .menu > li > ul > li > ul > li > span:hover,
      .theme__hivis .menu-glowne .menu > li > ul > li > ul > li > a:hover,
      .theme__hivis .menu-glowne .menu > li > ul > li > span:hover,
      .theme__hivis .menu-glowne .menu > li > ul > li > a:hover,
      .theme__hivis .menu-glowne .menu > li > span:hover,
      .theme__hivis .menu-glowne .menu > li > a:hover{
        color: #ff0 !important;
        text-decoration: underline;
      }
      

    .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: 1024px){

  /* newsbox */

  #block-views-block-newsbox-block-1{
    margin: 0 -10px 50px -10px;
  }

  .view-newsbox .slick--thumbnail.slick--skin--asnavfor{
    display: block;
    max-width: 430px;
    width: 32.5%;
    height: 100%;
    margin: 10px 0;
  }

  .view-newsbox .slick--thumbnail.slick--skin--asnavfor > div{
    height: 100%;
  }

  .view-newsbox  .slick-wrapper--tn-right .slick--main {
    max-width: 67.5%;
  }

  .view-newsbox .slick-wrapper{
    display: flex;
    flex-direction: row-reverse;
  }
  .view-newsbox .slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: none;
  }

  .view-newsbox .slick--thumbnail.slick--skin--asnavfor .slick__slide.slick-current .miniaturka-newsbox{
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  }


  .view-newsbox .slick--thumbnail img {
    max-height: 130.5px;
    object-fit: cover;
    border: none !important;
    grid-column: 1;
    grid-row: 1;
  }

  .view-newsbox .slick--thumbnail .slick__arrow {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .slick__arrow{
    height: 0;
  }

  .view-newsbox .slick--thumbnail .slick-arrow::before {
    display: block;
    transform: rotate(90deg);
  }

  .view-newsbox .slick--thumbnail .slick-arrow {
    position: inherit;
    top: 0;
  }

  .view-newsbox .slick--main .slide__caption{
    padding: 0;
  }

  .view-newsbox .slide__link{
    margin: 10px;
  }

  .view-newsbox .slick--thumbnail .miniaturka-newsbox{
    display: grid;
  }

  .view-newsbox .slick--thumbnail .grafika-newsbox{
    display: grid;
    grid-column: 1;
    grid-row: 1;
  }

  .view-newsbox .slick--thumbnail .newsbox-opis{
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    color: var(--kolor-czcionki-jasny);
    box-shadow: inset 0px -140px 51px -80px rgba(0,0,0,0.85);
    -webkit-box-shadow: inset 0px -140px 51px -80px rgba(0,0,0,0.85);
    -moz-box-shadow: inset 0px -140px 51px -80px rgba(0,0,0,0.85);
  }

}

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

  .partnerzy-w-karuzeli .slick-prev {
    left: -40px;
  }

  .partnerzy-w-karuzeli .slick-next {
    right: -40px;
  }

  .wiersza-wydarzen-sp2 {
    width: calc(16.67% - 17px);
    margin: 0 20px 20px 0;
  }

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

  .wiersza-wydarzenia-lista:nth-child(4n+4),
  .wiersza-wydarzen-sp2:nth-child(6n+6) {
    margin-right: 0px !important;
  }

  .wiersza-wydarzenia-lista{
    width: calc(25% - 17px);
    margin: 0 20px 20px 0;
  }

/* 
    .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: 1600px){

}

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