@charset "UTF-8";
html:has(body.tax-spol-djeteta.term-muski), html:has(body.single.spol-muski) {
  --kontrast-naglasak: #20a8ed;
}
html:has(body.tax-spol-djeteta.term-zenski), html:has(body.single.spol-zenski) {
  --kontrast-naglasak: #e4087e;
}
html[nacin-rada="light"], html {
  --podloga: #ffffff;
  --tekst: #34373b;
  --tekst-naglasak: #20a8ed;
  --kontrast-naglasak: #e4087e;
  --podloga-proizvoda: #e9e9e9;
  --placeholder: rgba(15, 13, 5, 0.3019607843);
  --tekst-kontrast: #fff;
  --progress-bar-podloga: #f2f2f2;
  --sjena: #7104043e;
  color-scheme: light;
}
html[nacin-rada="dark"] {
  --podloga: #4b5463;
  --tekst: #ffffff;
  --tekst-naglasak: #e4087e;
  --kontrast: #20a8ed;
  --kontrast-naglasak: #20a8ed;
  --podloga-proizvoda: #0a0a0a82;
  --placeholder: rgba(125, 125, 125, 0.5098039216);
  --tekst-kontrast: #4b5463;
  --podloga-size-chart: #1c1c1c;
  --progress-bar-podloga: #030303;
  --sjena: rgba(155, 124, 11, 0.177);
  color-scheme: dark;
}
/* 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;
    }
  }
}
h1 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h2 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h3 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h4 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h5 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h6 {
  text-wrap: balance;
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
}
h1 {
  font-size: var(--fs-xxl) !important;
}
h2 {
  font-size: var(--fs-xl);
}
h3 {
  font-size: var(--fs-l);
}
.glavni-gumb a {
  font-size: var(--fs-osnova);
  text-transform: uppercase;
  font-family: omnes-pro, sans-serif !important;
  font-weight: 600;
  font-style: normal;
}
strong {
  font-family: omnes-pro, sans-serif !important;
  font-weight: 600;
  font-style: normal;
}
p, li {
  font-family: omnes-pro, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: var(--fs-osnova);
  text-align: justify;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  line-height: 1.4;
}
p strong, li strong {
  font-family: omnes-pro, sans-serif !important;
  font-weight: 600;
  font-style: normal;
}
/*specifičnosti teme*/
.cta h3 {
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
  font-size: var(--fs-xl);
}
ul.menu li a {
  font-size: var(--fs-osnova);
  font-family: omnes-pro, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
.posjetnica li {
  font-size: var(--fs-osnova);
}
footer .widget {
  font-family: omnes-pro, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
footer .widget * {
  font-size: var(--fs-osnova);
}
footer .widget li {
  font-size: var(--fs-osnova);
}
footer .vaucer p {
  font-size: var(--fs-s) !important;
}
footer h1, footer h3 {
  font-size: var(--fs-m) !important;
}
footer h1 span, footer h3 span {
  font-size: var(--fs-m) !important;
}
footer #nav_menu-3 .widget-title {
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
  font-size: var(--fs-m);
}
footer .vaucer h4 {
  font-family: ruddy, sans-serif !important;
  font-weight: 800;
  font-style: normal;
  font-size: var(--fs-l);
}
.forma input, .forma textarea {
  font-family: omnes-pro, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: var(--fs-osnova) !important;
}
.forma .frm_submit button {
  font-size: var(--fs-m);
  text-transform: uppercase;
  font-family: omnes-pro, sans-serif !important;
  font-weight: 600;
  font-style: normal;
}
.page-template-taxonomy-brend .logotipi-brendova {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 1em;
}
.page-template-taxonomy-brend .logotipi-brendova .brand-logo {
  display: grid;
  justify-items: center;
  align-content: center;
}
.page-template-taxonomy-brend .logotipi-brendova .brand-logo a {
  display: block;
}
.page-template-taxonomy-brend .logotipi-brendova .brand-logo a img {
  max-height: 100px;
  aspect-ratio: 1.5;
  width: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply;
}
/*# sourceMappingURL=10904-partials.map */