.mp-rozwijka-zawartosc {
  display: none;
}

/* Menu srodek */
.menu_srodek {
  flex: 1 1;
  width: clamp(320px, 100%, 1232px);
  padding: 32px 0px 0px;
  margin: 0px auto;
  background: #fff;
}

#menu-srodek li > span {
  cursor: pointer;
}
#menu-srodek {
  max-width: 100%;
}
#menu-srodek ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.menu-srodek-1-poziom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 16px;
  margin: 0px auto 0px;
  padding: 0px 0px 0px !important;
  position: relative;
}
.menu-srodek-1-poziom > li {
  flex: 1 1 calc((100% / 3) - 10.666px);
  max-width: calc((100% / 3) - 10.666px);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.menu-srodek-1-poziom li.menu-blok-before, .menu-srodek-1-poziom li.menu-blok-after {
 display: none;
 position: relative;
 height: 0px;
 border: none;
 margin: 0px 0px 0px;
}
.menu-srodek-1-poziom > li > a, .menu-srodek-1-poziom > li > button {
  position: relative;
  z-index: 2;
  flex: 1 1;
  padding: 0px;
  margin: 0px 0px;
  display: flex;
  gap: 8px 0px;
  font-family: var(--menu-b-font);
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-align: left;
  color: #fff;
  text-decoration-color: transparent;
  background: none;
  border: none;
  cursor: pointer;
}

.menu-srodek-1-poziom>li>a[target="_blank"]>.menu-tekst:after, .menu-srodek-1-poziom>li>a[target="_blank"]>.menu-ikona-tekst:after {
  content: url(../grafika/link_zewn.png);
  position: absolute;
  right: -16px;
  top: 0px;
  opacity: 0;
}
.menu-srodek-1-poziom>li>a[target="_blank"]>.menu-ikona-tekst:after {
 right: -16px;
}

.menu-start-1-poziom>li>a[target="_blank"]>.menu-tekst:after {
  content: url(../grafika/link_zewn.png);
  position: absolute;
  left: -16px;
  top: 0px;
  opacity: 0;
}

.menu-srodek-1-poziom > li > * > span {
  position: relative;
  z-index: 2;
  flex: 1 1;
  padding: 16px;
  margin: 0px 0px;
  display: flex;
  gap: 0px 8px;
  font-family: var(--menu-b-font);
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-align: left;
  color: #fff;
  background: #000;
}

/*Ikony w 1-poziomie*/

.menu-srodek-1-poziom li.menu-ikona {
  flex: 1 1 calc((100% / 3) - 10.666px);
  max-width: calc((100% / 3) - 10.666px);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.menu-srodek-1-poziom li.menu-ikona a, .menu-srodek-1-poziom li.menu-ikona button {
  position: relative;
  z-index: 2;
  flex: 1 1 100%;
  padding: 0px 0px 0px;
  margin: 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px 0px;
  font-family: var(--menu-b-font);
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-align: left;
  color: #fff;
  text-decoration-color: transparent;
  background: none;
  border: none;
  cursor: pointer;
}
.menu-srodek-1-poziom li.menu-ikona span.menu-ikona-mini {
 flex: 0 0 auto;
 width: 100%;
 display: flex;
 justify-content: center;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
.menu-srodek-1-poziom li.menu-ikona a img, .menu-srodek-1-poziom li.menu-ikona button img {
  width: 100%;
  height: auto;
}

.menu-srodek-1-poziom li.menu-ikona .menu-ikona-tekst {
  position: absolute;
  flex: 1 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 0px;
  padding: 16px;
  font-family: var(--menu-b-font);
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-align: left;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

/*Moduły w 1-poziomie*/

.menu-srodek-1-poziom li.menu-modul {
 list-style: none;
 text-align: left;
 display: flex;
 flex-wrap: nowrap;
 position: relative;
 margin: 0px 0px 0px 0px;
 background: #fff;
 border: 1px solid #ececec;
}
li.modul-59 {
  border: none !important;
}
li.modul-59 .menu-modul-59-tytul {
 display: none;
}
li.modul-59 * {
  width: 100%;
}
li.modul-59 iframe {
 width: clamp(320px, 100%, 100%) !important;
 height: unset !important;
 aspect-ratio: 16 / 9;
}

.menu-srodek-1-poziom li.aktywna>ul {
  display: block !important;
}

/*2gi poziom*/

.menu-srodek-2-poziom {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 5;
  width: 100%;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 16px 0px !important;
  list-style: none;
  background: #000;
}

.menu-srodek-1-poziom li.menu-ikona > ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 16px 0px !important;
  list-style: none;
  background: #000;
}

ul.menu-srodek-2-poziom > li {
 margin: 0px 0px 0px;
 padding: 0px 0px 0px;
 position: relative;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
}
.menu-srodek-1-poziom li.menu-ikona > ul.menu-srodek-2-poziom > li:first-child {
 margin: 16px 0px 0px;
}
ul.menu-srodek-2-poziom > li:last-child {
 margin: 0px 0px 16px;
}
ul.menu-srodek-2-poziom li a, ul.menu-srodek-2-poziom li button, .menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-2-poziom li a, .menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-2-poziom li button {
 position: relative;
 flex: 1 1;
 flex-direction: row;
 padding: 6px 0px 6px 0px !important;
 margin: 0px 0px 0px 0px;
 font-family: var(--podmenu-b-font);
 font-size: 1.4rem;
 line-height: 1.8rem;
 font-weight: 400;
 color: #ffffff;
 text-transform: none;
 text-decoration-color: transparent;
 text-align: left;
 min-height: unset;
 background: none;
 border: none;
 cursor: pointer;
}
.menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-2-poziom li a, .menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-2-poziom li button {
 padding: 6px 0px 6px 0px !important;
}

.menu-srodek-2-poziom li>a[target="_blank"]:after {
  content: url(../grafika/link_zewn.png);
  position: absolute;
  right: 4px;
  top: 6px;
  opacity: 0;
}

ul.menu-srodek-2-poziom li > * > span {
 flex: 1 1 !important;
 position: relative;
 padding: 0px 0px 0px 12px !important;
 margin: 0px 0px 0px 0px;
 font-family: var(--podmenu-b-font);
 font-size: 1.4rem;
 line-height: 1.8rem;
 font-weight: 400;
 color: #ffffff;
 text-transform: none;
 text-decoration-color: transparent;
 min-height: unset;
 border: none;
 display: flex;
 gap: 0px 8px;
}

/*3 poziom*/
.menu-srodek-3-poziom {
  display: none;
  position: relative;
  top: 0;
  width: 100%;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px;
  list-style: none !important;
}

ul.menu-srodek-3-poziom li {
  position: relative;
  min-width: 100%;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
}
ul.menu-srodek-3-poziom > li:first-child {
 margin: 4px 0px 0px;
}
ul.menu-srodek-3-poziom li:last-child {
 margin: 0px 0px 4px;
}
ul.menu-srodek-1-poziom  ul.menu-srodek-2-poziom ul.menu-srodek-3-poziom li a, ul.menu-srodek-1-poziom  ul.menu-srodek-2-poziom ul.menu-srodek-3-poziom li button {
  display: block;
  padding: 4px 0px 4px 0px !important;
  background: none;
  border: none !important;
}

ul.menu-srodek-3-poziom li span {
  display: block;
  padding: 0px 24px 0px 24px !important;
  border: none;
}
.menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-3-poziom li span, .menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-3-poziom li span {
  padding: 0px 24px 0px 24px !important;
}

ul.menu-srodek-3-poziom>li span:before {
  display: none !important;
}

/*4 poziom*/
.menu-srodek-4-poziom {
  display: none;
  position: relative;
  top: 0;
  width: 100%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}

ul.menu-srodek-4-poziom li {
  position: relative;
  min-width: 100%;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px !important;
}

ul.menu-srodek-4-poziom li a {
  display: flex;
  padding: 4px 0px 4px 0px;
}

ul.menu-srodek-4-poziom li span {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0px;
  padding: 0px 24px 0px 32px !important;
}
.menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-4-poziom li span, .menu-srodek-1-poziom li.menu-ikona ul.menu-srodek-4-poziom li span {
  padding: 0px 24px 0px 32px !important;
}

/*strzałki przy rozwijkach */
.menu-srodek-rozwijka>span span {
  display: block;
}

/* Hover */

.menu-srodek-1-poziom li.menu-ikona:hover > a > .menu-ikona-tekst, .menu-srodek-1-poziom li.menu-ikona:hover > button > .menu-ikona-tekst  {
  background: rgba(0, 0, 0, 0.8);
}

.menu-srodek-2-poziom li a:hover > span, .menu-srodek-2-poziom li button:hover > span {
  text-decoration: underline;
}

/* Aktywna */

.menu-srodek-1-poziom li.aktywnaid > a > .menu-ikona-tekst, .menu-srodek-1-poziom li.aktywnaid > button > .menu-ikona-tekst {
  font-weight: 900;
}


@media all and (min-width: 320px) and (max-width: 1023px) {
  .menu-srodek-1-poziom  {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu-srodek-1-poziom > li  {
    flex: 1 1 100%;
    max-width: 100%;
  }
}