html {
  font-family: 'Montserrat', sans-serif;
  font-size: auto;
  font-weight: normal;
  font-style: normal;
  line-height: auto;
}

body {
  background: rgb(255, 255, 255);
  background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 252, 252, 1) 10%, rgba(221, 221, 221, 1) 100%);
}

h1 {
  font-size: 1.8em;
  font-weight: 700;
  padding: 1.2rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

h2 {
  font-size: 1.8em;
  font-weight: 400;
  padding: 1.2rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

.region-container>div>h2,
.region-container>nav>h2 {
  padding: 0 0 0.8em 34px;
  background-image: url("../images/HS.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

h3 {
  font-size: 1.2em;
  font-weight: 500;
  padding: 1.2rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

h4 {
  font-size: 1.1em;
  font-weight: 500;
  padding: 1.2rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

h5 {
  font-size: 1.0em;
  font-weight: 500;
  padding: 1.2rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

h6 {
  font-size: 1.0em;
  font-weight: 500;
  padding: 0.4rem 0 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
}

p {
  font-size: 1.0em;
  font-weight: 400;
  padding: 0.3rem 0;
  margin: 0.1rem 0 0.1rem 0;
  line-height: 1.6rem;
}

ul,
ol {
  line-height: 1.6rem;
}

img {
  margin: 10px;

}

div.field--name-field-image img {
  width: 100%;
  height: auto;
  margin: 0px;
}

figcaption {
  font-weight: 300;
  font-size: 0.9em;
  text-align: center;
  font-style: italic;
}

a {
  color: #000;
  font-weight: normal;
  ;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}

ul {
  display: block;
  list-style-type: disc;
  margin-top: 0.3em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

ol {
  display: block;
  list-style-type:
    decimal;
  margin-top: 0.3em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: disc;
}

/* MENU */

/* menu expander */
.menu-item--expanded>a::after {
  content: " +";
  /* font-family: 'Material Symbols Outlined';
  font-size: 1.4rem;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  content: "expand_more";
  float: right;
  */
}

#block-zkmlask-theme-menustopki a,
#block-zkmlask-theme-main-menu a {
  display: block;
  font-size: 1.1em;
  font-weight: 500;
  padding: 10px 10px;
  text-decoration: none;
}

#block-zkmlask-theme-main-menu a.is-active {
  border-bottom: 2px red solid;
}

#block-zkmlask-theme-main-menu a {
  color: #222;
}

#block-zkmlask-theme-main-menu a:hover {
  background: #921519;
  color: #fff
}

/* menu parent level 1*/
#block-zkmlask-theme-menustopki ul.menu,
#block-zkmlask-theme-main-menu ul.menu,
#block-zkmlask-theme-main-menu ul.menu-after {
  display: inline-grid;
  grid-auto-flow: column;
  padding: 0px;
  margin: 0px;
  position: relative;
  list-style: none;
  place-items: center;
}

#block-zkmlask-theme-main-menu ul.menu-after img {
  width: auto;
  height: 25px;
  margin: 0px;
  padding: 8px 5px 0 5px;
}

#block-zkmlask-theme-main-menu ul.menu-after a {
  padding: 0px;
  margin: 0px;
}

#block-zkmlask-theme-main-menu ul.menu-after a:hover {
  background: none;
}

#block-zkmlask-theme-main-menu ul.menu-after a:hover>img {
  filter: grayscale(100%);
}

#block-zkmlask-theme-main-menu ul ul.menu {
  display: none;
  grid-auto-flow: row;
  position: absolute;
  top: 41px;
  padding-top: 5px;
  z-index: 100;
}

#block-zkmlask-theme-main-menu li.menu-item--expanded:hover a:hover {
  background: #921519;
}

#block-zkmlask-theme-main-menu li.menu-item--expanded ul li a {
  color: #FFF;
  background: #E31E24;
  font-size: .9em;
}

#block-zkmlask-theme-main-menu li.menu-item--expanded:hover>ul.menu {
  display: inherit;
}


/* menu icon */

#block-zkmlask-theme-main-menu .menu-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  user-select: none;
  padding: 20px;
  float: right;
}

#block-zkmlask-theme-main-menu .menu-icon .navicon {
  background: #222;
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 29px;

}

#block-zkmlask-theme-main-menu .menu-icon .navicon:before,
#block-zkmlask-theme-main-menu .menu-icon .navicon:after {
  background: #222;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}



/* menu btn */

#block-zkmlask-theme-main-menu .menu-icon .navicon:before {
  top: 10px;
}

#block-zkmlask-theme-main-menu .menu-icon .navicon:after {
  top: -10px;
}

#block-zkmlask-theme-main-menu .menu-btn {
  display: none;
}

#block-zkmlask-theme-main-menu .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
}

#block-zkmlask-theme-main-menu .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
}

#block-zkmlask-theme-main-menu .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
}

#block-zkmlask-theme-main-menu .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
#block-zkmlask-theme-main-menu .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
}

#block-zkmlask-theme-main-menu .menu-icon {
  display: none;
}

@media only screen and (max-width: 960px) {

  #block-zkmlask-theme-main-menu .menu-icon {
    display: inline-block;
    top: 0px;
  }

  #block-zkmlask-theme-main-menu {
    height: 45px;
  }

  #block-zkmlask-theme-main-menu ul.menu {
    display: none;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    clear: both;
    text-align: center;
    z-index: 100;
    box-shadow: #000 0.5. 0.5 0.5;
  }

  #block-zkmlask-theme-main-menu ul ul.menu {
    display: contents;
    position: static;
    padding: 0px;

  }

  #block-zkmlask-theme-main-menu li {
    width: 100%;
    border-bottom: 1px #ccc solid;
    text-align: left;
  }

  #block-zkmlask-theme-main-menu a {
    background: #fff;
    color: #000;
  }

  #block-zkmlask-theme-main-menu a:hover {
    color: #fff
  }

  #block-zkmlask-theme-main-menu li.menu-item--expanded ul li a {
    color: #000;
    background-color: #fff;
    font-size: .9em;
  }

  #block-zkmlask-theme-main-menu .menu-btn:checked~ul.menu {
    display: grid;
    max-height: 240px;
  }



}



/*
#block-zkmlask-theme-main-menu ul.menu li:first-child a::after {
  font-family: 'Material Symbols Outlined';
  font-size: 1.4em;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  content: "home";
  float: left;
}
*/

/* menu child level 2*/










.site-name {
  display: none;
}

#block-zkmlask-theme-site-branding a img {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 0px;
}

/* Ukryj opis pola */

.path-frontpage h1,
.klasa {
  display: none;
}


/* FORMULARZ WYSZUKIWANIA */
.search__button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}


#block-zkmlask-theme-formularzwyszukiwania {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .9);
  display: none;
  z-index: 100;
  text-align: center;
  vertical-align: middle;
  padding-top: 25%;
}

#block-zkmlask-theme-formularzwyszukiwania input {
  font-size: 1.4rem;
  padding: 10px;
}

#edit-submit--3 {
  background-color: #E31E24;
  color: #fff;
  border-color: #E31E24;
}

.Hide {
  display: none;
}

/* BREADCRUMBS */

nav.breadcrumb {
  font-size: .8em;
  font-weight: 700px;
}

nav.breadcrumb ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

nav.breadcrumb li {
  display: inline-block;
}

nav.breadcrumb li::before {
  content: " > ";
}

nav.breadcrumb li:first-child::before {
  content: " ";
}

div.con-bt-right {
  padding-top: 1.4em;
  text-align: right;
}

div.con-bt-center {
  padding-top: 1.4em;
  text-align: center;
}

.bt {
  background-color: #E31E24;
  border: 2px solid #E31E24;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  outline: none;
  padding: 10px 25px;
  text-align: center;
  transition: transform 150ms, box-shadow 150ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  transition: background-color 1s ease-out;
  transition: color 1s ease-out;
}

.bt:hover {
  background-color: #fff;
  color: #E31E24;
}

/*# MENU USŁUGI #*/

#block-zkmlask-theme-uslugi-2 ul.menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, 370px);
  gap: 15px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}


#block-zkmlask-theme-uslugi-2 ul.menu li {
  height: 100px;
  width: 100%;
  opacity: .6;
  background: #02331b;
}


#block-zkmlask-theme-uslugi-2 ul.menu li:hover {
  opacity: .9;
}

#block-zkmlask-theme-uslugi-2 a {
  color: #fff;
  font-size: 1em;
  line-height: 1.1em;
  width: 100%;
  height: 100px;
  padding: 10px;
}

#block-zkmlask-theme-uslugi-2 a:hover {
  text-decoration: none;
}


#block-zkmlask-theme-uslugi-2 img {
  width: 48px;
  height: 48px;
  margin: 25px;
}

#block-zkmlask-theme-uslugi-2 div.field--name-field-ikona-menu-ikona {
  float: left;
  height: 100%;
}

#block-zkmlask-theme-uslugi-2 div.field-title {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 5px;
}

#block-zkmlask-theme-uslugi-2 div.field--name-field-menu-opis {
  font-size: 0.9em;
}



/* PAGE AKTUALNOSCI */


article.node--type-article>header>img {
  z-index: 0;
  position: absolute;
}

article.node--type-article header h1 {
  font-size: 2em;
  position: relative;
  z-index: 4;
  color: white;
  padding: 10px !important;
  background-color: rgba(0, 0, 0, .8);
  display: block;
}

article.node--type-article div article h1 {
  display: none;
}

article.node--type-article div article nav {
  display: none;
}



div.field--name-field-galeria-obrazy div.field__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

div.field--name-field-galeria-obrazy a {
  display: block;
  width: 100%;
  height: 100%;
}

div.field--name-field-galeria-obrazy img {
  width: 100%;
  height: max-content;
}