/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --fs-s: clamp(0.8rem, 0.18vw + 0.75rem, 0.91rem);
    --fs-osnova: clamp(1rem, 0.34vw + 0.9rem, 1.21rem);
    --fs-m: clamp(1.25rem, 0.58vw + 1.08rem, 1.61rem);
    --fs-l: clamp(1.56rem, 0.93vw + 1.3rem, 2.15rem);
    --fs-xl: clamp(1.95rem, 1.44vw + 1.54rem, 2.86rem);
    --fs-xxl: clamp(2.44rem, 2.16vw + 1.82rem, 3.8rem);
    --fs-xxxl: clamp(3.05rem, 3.18vw + 2.14rem, 5.05rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --fs-s: 0.8rem;
    --fs-osnova: 1rem;
    --fs-m: 1.25rem;
    --fs-l: 1.56rem;
    --fs-xl: 1.95rem;
    --fs-xxl: 2.44rem;
    --fs-xxxl: 3.05rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --fs-s: 0.91rem;
      --fs-osnova: 1.21rem;
      --fs-m: 1.61rem;
      --fs-l: 2.15rem;
      --fs-xl: 2.86rem;
      --fs-xxl: 3.8rem;
      --fs-xxxl: 5.05rem;
    }
  }
}
/* $dark: (
  podloga: #2e343e,
  tekst: #ffffff,
  tekst-naglasak: #2f7398,
  kontrast: #20a8ed,
  kontrast-naglasak:#419f85,
  podloga-proizvoda: #0a0a0a9e,
  placeholder: lighten(#0a0a0a82, 45%),
  tekst-kontrast: #4b5463,
  podloga-size-chart: #1c1c1c,
  progress-bar-podloga: darken(#2e343e, 7%),
  sjena: rgba(0,0,0,.3)
);
 */
html[nacin-rada="light"], html {
  --podloga: #ffffff;
  --tekst: #03221c;
  --tekst-naglasak: #ffe926;
  --tekst-naglasak-gradient: #ffb326d8;
  --kontrast-naglasak: #26a9e0;
  --kontrast-naglasak-gradient: #54ccff;
  --podloga-proizvoda: #e3e3e3;
  --placeholder: rgba(15, 13, 5, 0.3019607843);
  --tekst-kontrast: #fff;
  --progress-bar-podloga: #ededed;
  --sjena: #7104043e;
  --overlay: rgba(255, 255, 255, 0.334);
  color-scheme: light;
}
/* html[nacin-rada="dark"] {
  @include apply-theme($dark);
  color-scheme: dark;
}
 */
.margina-dolje {
  margin-bottom: 7em;
}
.djelatnici {
  display: block !important;
}
.djelatnici span.pozicija {
  display: none;
}
.djelatnici h1.page-title {
  margin-bottom: 45px;
}
.djelatnici div[class^="djelatnici"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  column-gap: 0.75em;
  row-gap: 2em;
}
.djelatnici div[class^="djelatnici"] p {
  font-size: var(--fs-s);
}
.djelatnici div[class^="djelatnici"] h3 {
  font-size: var(--fs-osnova);
}
.djelatnici div[class^="djelatnici"] .djelatnik {
  background: linear-gradient(to bottom, var(--podloga-proizvoda), var(--podloga));
  border-radius: 10px;
  overflow: hidden;
}
.djelatnici div[class^="djelatnici"] .djelatnik:has(figure.vjeronauk) {
  order: -1;
}
.djelatnici div[class^="djelatnici"] .djelatnik:has(figure.vjeronauk) .predmeti-container {
  background-color: var(--tekst-naglasak);
}
.djelatnici div[class^="djelatnici"] .djelatnik:has(figure.vjeronauk) .predmeti-container p.predmet a {
  color: var(--tekst) !important;
}
.djelatnici div[class^="djelatnici"] .djelatnik:nth-child(odd) .predmeti-container {
  background-color: var(--kontrast-naglasak);
}
.djelatnici div[class^="djelatnici"] .djelatnik:nth-child(even) .predmeti-container {
  background-color: var(--tekst-naglasak);
}
.djelatnici div[class^="djelatnici"] .djelatnik:nth-child(even) .predmeti-container p.predmet a {
  color: var(--tekst) !important;
}
.djelatnici div[class^="djelatnici"] .djelatnik.bez-predmeta {
  background: transparent;
  border-bottom: 2px solid var(--tekst);
  border-radius: 0;
}
.djelatnici div[class^="djelatnici"] .djelatnik .ime-titula {
  padding: 1em 2em;
  font-size: var(--fs-s);
}
.djelatnici div[class^="djelatnici"] .djelatnik .ime-titula p {
  text-align: left;
  text-wrap: balance;
}
.djelatnici div[class^="djelatnici"] .djelatnik .informacije {
  display: flex;
  flex-direction: column-reverse;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 1em;
  align-items: center;
  padding: 0 2em;
  height: 125px;
  box-shadow: none;
  border-radius: 0;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .ikone-predmeta {
  flex-basis: 100%;
  position: relative;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 125px;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .ikone-predmeta figure {
  box-shadow: none;
  border-radius: 0;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .ikone-predmeta figure img {
  filter: brightness(0) invert(1);
  width: 600px;
  height: 100%;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .nazivi-predmeta {
  flex-basis: 70%;
  text-align: center;
  position: relative;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .nazivi-predmeta .predmet {
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.25;
  text-align: center;
}
.djelatnici div[class^="djelatnici"] .djelatnik figure.predmeti-container .nazivi-predmeta .predmet a {
  font-size: var(--fs-osnova) !important;
  margin-bottom: 0;
  text-transform: uppercase;
  pointer-events: none;
}
.djelatnici figure.predmeti-container.posebni-odjeli img {
  filter: brightness(0) !important;
}
.djelatnici figure.predmeti-container.posebni-odjeli div.nazivi-predmeta p.predmet a {
  color: var(--tekst) !important;
}
.djelatnici .djelatnik.multi .predmet {
  position: relative;
}
.djelatnici .djelatnik.multi .predmet:first-child, .djelatnici .djelatnik.multi .predmet:last-child {
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.djelatnici .djelatnik.multi .ikone-predmeta::before {
  content: "";
  width: 100vw;
  height: 2px;
  position: absolute;
  top: 90px;
  left: -50vw;
  display: block;
  background-color: var(--podloga);
}
.djelatnici .djelatnik.multi .ikone-predmeta figure:first-child, .djelatnici .djelatnik.multi .ikone-predmeta figure:last-child {
  height: 90px;
}
.djelatnici .djelatnik.multi .ikone-predmeta figure:first-child img, .djelatnici .djelatnik.multi .ikone-predmeta figure:last-child img {
  object-fit: contain;
  object-position: center;
  padding: 6px;
}
.djelatnici .djelatnik.multi .nazivi-predmeta {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.djelatnici .djelatnik.multi .nazivi-predmeta p:first-child {
  top: 0;
}
.djelatnici .djelatnik.multi .nazivi-predmeta p:last-child {
  margin-top: 0;
}
.djelatnici section.razredna-nastava {
  margin: 4em 0;
}
section.ravnatelj-i-strucni-suradnici, section.kuhinja, section.odrzavanje, section.administrativno-osoblje, section.duhovnik {
  margin-top: 2em;
}
section.ravnatelj-i-strucni-suradnici div, section.kuhinja div, section.odrzavanje div, section.administrativno-osoblje div, section.duhovnik div {
  grid-template-columns: repeat(1, 1fr) !important;
}
section.ravnatelj-i-strucni-suradnici div .djelatnik.ravnatelj, section.kuhinja div .djelatnik.ravnatelj, section.odrzavanje div .djelatnik.ravnatelj, section.administrativno-osoblje div .djelatnik.ravnatelj, section.duhovnik div .djelatnik.ravnatelj {
  order: -1;
}
section.ravnatelj-i-strucni-suradnici div .djelatnik.knjiznicarka, section.kuhinja div .djelatnik.knjiznicarka, section.odrzavanje div .djelatnik.knjiznicarka, section.administrativno-osoblje div .djelatnik.knjiznicarka, section.duhovnik div .djelatnik.knjiznicarka {
  order: 10;
}
.djelatnici .djelatnik div.nazivi-predmeta p.predmet a {
  color: var(--podloga) !important;
  text-decoration: none;
}
html[nacin-rada=dark] figure.posebni-odjeli .ikone-predmeta figure img {
  filter: brightness(0) invert(1) !important;
}
html[nacin-rada=dark] figure.posebni-odjeli div.nazivi-predmeta p.predmet a {
  color: var(--tekst) !important;
}
@media (max-width: 992px) {
  .djelatnik h3 {
    font-size: var(--fs-m) !important;
  }
  .djelatnik .ime-titula p {
    font-size: var(--fs-osnova) !important;
    text-wrap: initial !important;
  }
  .djelatnik figure.predmeti-container {
    flex-direction: column !important;
    gap: 0.5em !important;
    justify-content: center;
  }
  .djelatnik .ikone-predmeta, .djelatnik .nazivi-predmeta {
    flex-basis: unset !important;
    height: initial !important;
  }
  .djelatnik .ikone-predmeta::before {
    width: 2px !important;
    height: 100vh !important;
    top: auto !important;
    left: auto !important;
  }
  .djelatnik.multi figure.predmeti-container {
    padding: 0 !important;
  }
  .djelatnik.multi .ikone-predmeta, .djelatnik.multi .nazivi-predmeta {
    flex-direction: row !important;
    width: 100% !important;
  }
  .djelatnik.multi .ikone-predmeta figure:first-child {
    position: relative;
  }
  .djelatnik.multi .ikone-predmeta figure:last-child {
    position: relative;
  }
  .djelatnik.multi .nazivi-predmeta p:first-child {
    width: 100%;
    height: unset !important;
  }
  .djelatnik.multi .nazivi-predmeta p:last-child {
    width: 100%;
    height: unset !important;
  }
  .djelatnik.multi .predmet {
    height: unset !important;
    display: block !important;
    padding-inline: 2em;
  }
}
/*# sourceMappingURL=11325-partials.map */