:root {
  --dol-kop-crna: #1f1d1f;
  --dol-kop-crna-2: #2b2929;
  --dol-kop-oranzna: #f89020;
  --dol-kop-oranzna-temna: #d87409;
  --dol-kop-svetla: #f7f4ef;
  --dol-kop-svetla-2: #ebe4da;
  --dol-kop-bela: #ffffff;
  --dol-kop-tekst: #272525;
  --dol-kop-muted: #5f5953;
  --dol-kop-border: #ded6ca;
  --dol-kop-odmik-glave: 9.5rem;
  --dol-kop-radius: 6px;
  --dol-kop-radius-lg: 10px;
  --dol-kop-shadow: 0 18px 45px #d8d0c5;
  --bs-primary: var(--dol-kop-oranzna);
  --bs-primary-rgb: 248, 144, 32;
  --bs-dark: var(--dol-kop-crna);
  --bs-dark-rgb: 31, 29, 31;
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-heading-color: var(--dol-kop-crna);
  --bs-body-color: var(--dol-kop-tekst);
  --bs-body-bg: var(--dol-kop-svetla);
  --bs-link-color: var(--dol-kop-crna);
  --bs-link-hover-color: var(--dol-kop-oranzna-temna);
  --bs-border-radius: var(--dol-kop-radius);
  --bs-border-radius-lg: var(--dol-kop-radius-lg);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--dol-kop-svetla);
  color: var(--dol-kop-tekst);
  font-family: var(--bs-body-font-family);
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--dol-kop-crna);
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: 0;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 60px;
  }

  h2,
  .h2 {
    font-size: 48px;
  }

  h3,
  .h3 {
    font-size: 36px;
  }

  h4,
  .h4 {
    font-size: 24px;
  }
}

@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 36px;
  }

  h2,
  .h2 {
    font-size: 30px;
  }

  h3,
  .h3 {
    font-size: 24px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  body {
    --bs-body-font-size: 1rem;
  }
}

p,
li {
  color: var(--dol-kop-tekst);
}

a {
  color: var(--bs-link-color);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus {
  color: var(--bs-link-hover-color);
}

img {
  max-width: 100%;
  height: auto;
}

::selection {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.text-primary {
  color: var(--dol-kop-oranzna) !important;
}

.bg-primary {
  background-color: var(--dol-kop-oranzna) !important;
}

.text-bg-primary {
  background-color: var(--dol-kop-oranzna) !important;
  color: var(--dol-kop-crna) !important;
}

.bg-dark {
  background-color: var(--dol-kop-crna) !important;
}

.text-dark {
  color: var(--dol-kop-crna) !important;
}

.bg-light {
  background-color: var(--dol-kop-svetla) !important;
}

.border-primary {
  border-color: var(--dol-kop-oranzna) !important;
}

.btn {
  border-radius: var(--dol-kop-radius);
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0;
  padding: 0.85rem 1.35rem;
  text-transform: uppercase;
}

.btn-primary,
.wp-block-button__link {
  background-color: var(--dol-kop-oranzna);
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.btn-primary:hover,
.btn-primary:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: var(--dol-kop-oranzna-temna);
  border-color: var(--dol-kop-oranzna-temna);
  color: var(--dol-kop-crna);
}

.btn-dark {
  background-color: var(--dol-kop-crna);
  border-color: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.btn-dark:hover,
.btn-dark:focus {
  background-color: var(--dol-kop-crna-2);
  border-color: var(--dol-kop-crna-2);
  color: var(--dol-kop-bela);
}

.btn-outline-primary {
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--dol-kop-oranzna);
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.dol-kop-oznaka {
  align-items: center;
  color: var(--dol-kop-oranzna);
  display: inline-flex;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1rem;
  font-weight: 800;
  gap: 0.55rem;
  line-height: 1;
  text-transform: uppercase;
}

.dol-kop-oznaka::before {
  background-color: var(--dol-kop-oranzna);
  content: "";
  display: inline-block;
  height: 3px;
  width: 34px;
}

.dol-kop-kartica {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  box-shadow: var(--dol-kop-shadow);
}

.dol-kop-povrsina-temna {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.dol-kop-povrsina-temna h1,
.dol-kop-povrsina-temna h2,
.dol-kop-povrsina-temna h3,
.dol-kop-povrsina-temna h4,
.dol-kop-povrsina-temna h5,
.dol-kop-povrsina-temna h6,
.dol-kop-povrsina-temna p,
.dol-kop-povrsina-temna li,
.dol-kop-povrsina-temna a {
  color: var(--dol-kop-bela);
}

.dol-kop-povrsina-oranzna {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.dol-kop-povrsina-oranzna h1,
.dol-kop-povrsina-oranzna h2,
.dol-kop-povrsina-oranzna h3,
.dol-kop-povrsina-oranzna h4,
.dol-kop-povrsina-oranzna h5,
.dol-kop-povrsina-oranzna h6,
.dol-kop-povrsina-oranzna p,
.dol-kop-povrsina-oranzna li,
.dol-kop-povrsina-oranzna a {
  color: var(--dol-kop-crna);
}

.navbar {
  --bs-navbar-color: var(--dol-kop-crna);
  --bs-navbar-hover-color: var(--dol-kop-oranzna-temna);
  --bs-navbar-active-color: var(--dol-kop-oranzna-temna);
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-weight: 800;
  text-transform: uppercase;
}

.navbar .nav-link {
  letter-spacing: 0;
}

.navbar-brand img {
  max-height: 58px;
  width: auto;
}

.site-footer,
footer {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer li,
.site-footer a,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer li,
footer a {
  color: var(--dol-kop-bela);
}

.noga-strani {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.noga-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.noga-cta h2,
.noga-cta p,
.noga-cta .dol-kop-oznaka {
  color: var(--dol-kop-crna);
}

.noga-cta .dol-kop-oznaka::before {
  background: var(--dol-kop-crna);
}

.noga-cta .btn-outline-dark {
  border-color: var(--dol-kop-crna);
  color: var(--dol-kop-crna);
}

.noga-cta .btn-outline-dark:hover,
.noga-cta .btn-outline-dark:focus {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.noga-glavna {
  background: var(--dol-kop-crna);
}

.noga-glavna h3,
.noga-glavna .h4 {
  color: var(--dol-kop-bela);
}

.noga-glavna h3::after {
  background: var(--dol-kop-oranzna);
  content: "";
  display: block;
  height: 3px;
  margin-top: 0.8rem;
  width: 34px;
}

.noga-logo img {
  display: block;
  max-width: 230px;
  width: 100%;
}

.noga-opis {
  color: var(--dol-kop-bela);
  max-width: 34rem;
}

.noga-klic {
  color: var(--dol-kop-oranzna);
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.35rem;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.noga-klic:hover,
.noga-klic:focus {
  color: var(--dol-kop-bela);
}

.noga-seznam li + li {
  margin-top: 0.65rem;
}

.noga-seznam a {
  color: var(--dol-kop-bela);
  font-weight: 700;
  text-decoration: none;
}

.noga-seznam a:hover,
.noga-seznam a:focus {
  color: var(--dol-kop-oranzna);
}

.noga-kontakt {
  display: grid;
  gap: 0.85rem;
}

.noga-kontakt li {
  align-items: flex-start;
  color: var(--dol-kop-bela);
  display: flex;
  gap: 0.75rem;
}

.noga-kontakt i {
  color: var(--dol-kop-oranzna);
  line-height: 1.5;
  min-width: 1.1rem;
}

.noga-kontakt a {
  color: var(--dol-kop-bela);
  text-decoration: none;
}

.noga-kontakt a:hover,
.noga-kontakt a:focus {
  color: var(--dol-kop-oranzna);
}

.noga-spodaj {
  background: var(--dol-kop-crna-2);
  border-top: 1px solid #3a3737;
}

.noga-spodaj p,
.noga-spodaj a {
  color: var(--dol-kop-bela);
  font-size: 0.95rem;
  text-decoration: none;
}

.noga-spodaj a:hover,
.noga-spodaj a:focus {
  color: var(--dol-kop-oranzna);
}

.glava-strani {
  background: var(--dol-kop-bela);
  box-shadow: 0 4px 10px #1f1d1f;
  position: sticky;
  top: 0;
  z-index: 1030;
}

.glava-strani > .skip-link {
  left: 1rem;
  top: 1rem;
  z-index: 1080;
}

.glava-strani > .skip-link:focus {
  background: var(--dol-kop-bela);
  color: var(--dol-kop-crna);
  padding: 0.75rem 1rem;
}

body.admin-bar .glava-strani {
  top: 32px;
}

.glava-zgornja {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
  font-size: 0.92rem;
  font-weight: 700;
}

.glava-zgornja span,
.glava-zgornja a {
  color: var(--dol-kop-bela);
  text-decoration: none;
}

.glava-zgornja i {
  color: var(--dol-kop-oranzna);
}

.glava-navigacija {
  background: var(--dol-kop-bela);
  position: relative;
}

.glava-logo,
.glava-offcanvas-logo {
  align-items: center;
  display: inline-flex;
  gap: 0.65rem;
  min-width: 0;
}

.glava-logo {
  padding-bottom: 0;
  padding-top: 0;
}

.glava-logo .glava-logo-znak {
  display: block;
  flex: 0 0 auto;
  height: 56px;
  max-height: none;
  width: auto;
}

.glava-logo .glava-logo-napis {
  display: block;
  height: auto;
  max-height: none;
  min-width: 0;
  width: 190px;
}

.glava-navigacija .container > .d-flex {
  flex-shrink: 0;
  margin-left: auto;
}

.glava-navigacija .nav-link {
  color: var(--dol-kop-crna);
  font-size: 1.08rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.glava-navigacija .nav-link:hover,
.glava-navigacija .nav-link:focus,
.glava-navigacija .nav-link.active,
.glava-navigacija .current-menu-item > .nav-link,
.glava-navigacija .current-menu-ancestor > .nav-link {
  color: var(--dol-kop-oranzna-temna);
}

.glava-navigacija .dropdown-menu {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  box-shadow: 0 4px 8px #1f1d1f;
  margin-top: 0;
  padding: 0.6rem;
}

.glava-navigacija .dropdown-item {
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.7rem 0.85rem;
}

.glava-navigacija .dropdown-item:hover,
.glava-navigacija .dropdown-item:focus {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.glava-ikona {
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  height: 46px;
  text-decoration: none;
  width: 46px;
}

.glava-ikona:hover,
.glava-ikona:focus {
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-oranzna-temna);
}

.glava-cta {
  min-height: 46px;
}

.glava-toggler {
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  height: 46px;
  padding: 0;
  width: 46px;
}

.glava-toggler:focus {
  box-shadow: 0 0 0 0.2rem #f8d6ad;
}

.glava-offcanvas {
  --bs-offcanvas-width: min(100vw, 420px);
  background: var(--dol-kop-svetla);
  border-left: 4px solid var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
  max-width: 420px;
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.glava-offcanvas .offcanvas-header {
  border-bottom: 1px solid var(--dol-kop-border);
  padding: 1.25rem;
}

.glava-offcanvas-logo .glava-logo-znak {
  display: block;
  height: 44px;
  width: auto;
}

.glava-offcanvas-logo .glava-logo-napis {
  display: block;
  height: auto;
  width: 145px;
}

.glava-zapri {
  align-items: center;
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  display: flex;
  flex: 0 0 auto;
  height: 44px;
  justify-content: center;
  margin-left: auto;
  width: 44px;
}

.glava-zapri:hover,
.glava-zapri:focus {
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-oranzna-temna);
}

.glava-offcanvas .offcanvas-body {
  padding: 1.25rem;
}

.glava-offcanvas-meni {
  gap: 0.35rem;
}

.glava-offcanvas-meni .nav-link {
  align-items: center;
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  display: flex;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.35rem;
  font-weight: 800;
  justify-content: space-between;
  line-height: 1;
  min-height: 54px;
  padding: 0.95rem 1rem;
  text-transform: uppercase;
  transform: translateX(18px);
  transition: background-color 0.24s ease, border-color 0.24s ease, color 0.24s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-link {
  transform: translateX(0);
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(2) .nav-link {
  transition-delay: 0.03s;
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(3) .nav-link {
  transition-delay: 0.06s;
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(4) .nav-link {
  transition-delay: 0.09s;
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(5) .nav-link {
  transition-delay: 0.12s;
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(6) .nav-link {
  transition-delay: 0.15s;
}

.glava-offcanvas.show .glava-offcanvas-meni .nav-item:nth-child(7) .nav-link {
  transition-delay: 0.18s;
}

.glava-offcanvas-meni .nav-link::after {
  color: var(--dol-kop-oranzna);
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 0.85rem;
  font-weight: 900;
}

.glava-offcanvas-meni .nav-link:hover,
.glava-offcanvas-meni .nav-link:focus {
  background: var(--dol-kop-oranzna);
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
  transform: translateX(-4px);
}

.glava-offcanvas-meni .nav-link:hover::after,
.glava-offcanvas-meni .nav-link:focus::after {
  color: var(--dol-kop-crna);
}

.glava-offcanvas-kontakt {
  border-top: 1px solid var(--dol-kop-border);
  padding-top: 1.25rem;
}

@media (min-width: 992px) {
  .glava-navigacija .dropdown {
    padding-bottom: 0.8rem;
    margin-bottom: -0.8rem;
  }

  .glava-navigacija .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 991.98px) {
  .glava-strani {
    position: relative;
    top: auto;
  }

  body.admin-bar .glava-strani {
    top: auto;
  }

  .glava-logo .glava-logo-znak {
    height: 44px;
  }

  .glava-logo .glava-logo-napis {
    width: 145px;
  }

  .glava-navigacija .container {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
  }

  .glava-logo {
    margin-right: 0 !important;
    max-width: calc(100% - 114px);
    min-width: 0;
  }

  .glava-navigacija .container > .d-flex {
    gap: 0.45rem !important;
    margin-left: auto;
    position: static;
    transform: none;
  }

  .glava-ikona,
  .glava-toggler {
    height: 42px;
    width: 42px;
  }

  .glava-navigacija .navbar-collapse {
    flex-basis: 100%;
    border-top: 1px solid var(--dol-kop-border);
    margin-top: 1rem;
    padding-top: 1rem;
  }

  .glava-navigacija .navbar-nav {
    gap: 0.15rem;
  }

  .glava-navigacija .nav-link {
    padding: 0.75rem 0;
  }

  .glava-navigacija .dropdown-menu {
    border: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 0 0 0.35rem 0.75rem;
  }
}

@media (max-width: 767.98px) {
  .noga-cta {
    text-align: center;
  }

  .noga-cta .dol-kop-oznaka {
    justify-content: center;
  }

  .noga-cta .dol-kop-oznaka::before {
    width: 28px;
  }

  .noga-cta h2 {
    font-size: 30px;
  }

  .noga-glavna {
    text-align: center;
  }

  .noga-logo img {
    margin-left: auto;
    margin-right: auto;
    max-width: 190px;
  }

  .noga-opis {
    margin-left: auto;
    margin-right: auto;
  }

  .noga-klic {
    background: #2b2929;
    border: 1px solid #3a3737;
    border-radius: var(--dol-kop-radius-lg);
    justify-content: center;
    min-height: 54px;
    padding: 0.85rem 1rem;
    width: 100%;
  }

  .noga-glavna h3::after {
    margin-left: auto;
    margin-right: auto;
  }

  .noga-seznam {
    display: grid;
    gap: 0.5rem;
  }

  .noga-seznam li + li {
    margin-top: 0;
  }

  .noga-seznam a {
    background: #2b2929;
    border: 1px solid #3a3737;
    border-radius: var(--dol-kop-radius);
    display: block;
    min-height: 46px;
    padding: 0.65rem 0.8rem;
  }

  .noga-seznam a:hover,
  .noga-seznam a:focus {
    background: var(--dol-kop-oranzna);
    border-color: var(--dol-kop-oranzna);
    color: var(--dol-kop-crna);
  }

  .noga-kontakt li {
    background: #2b2929;
    border: 1px solid #3a3737;
    border-radius: var(--dol-kop-radius);
    padding: 0.8rem;
    text-align: left;
  }

  .noga-kontakt i {
    padding-top: 0.1rem;
  }

  .noga-kontakt + .btn,
  .noga-glavna .btn {
    width: 100%;
  }

  .noga-spodaj {
    text-align: center;
  }
}

.domov-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
  position: relative;
}

.domov-hero-slika {
  overflow: hidden;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 48%;
}

.domov-hero-slika img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  transform-origin: right center;
  width: 100%;
}

.domov-hero::after {
  background: var(--dol-kop-oranzna);
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 48%;
  top: 0;
  width: 10px;
}

.domov-hero-vsebina {
  max-width: 39rem;
  position: relative;
  z-index: 1;
}

.domov-hero h1,
.domov-hero p,
.domov-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.domov-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.domov-hero .lead {
  font-size: 1.25rem;
  max-width: 38rem;
}

.domov-hero-tocke {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.2rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 40rem;
}

.domov-hero-tocke > [class*="col-"] {
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.domov-hero-tocke > div {
  align-items: center;
  display: flex;
  gap: 0.65rem;
  font-weight: 800;
  white-space: nowrap;
}

.domov-hero-tocke i {
  color: var(--dol-kop-oranzna);
}

.domov-hero-vrstica {
  min-height: 36rem;
}

.domov-storitev {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.domov-storitev img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.domov-storitev-vsebina {
  padding: 1.35rem;
}

.domov-storitev-ikona {
  align-items: center;
  background: var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  display: flex;
  font-size: 1.25rem;
  height: 48px;
  justify-content: center;
  margin-bottom: 1rem;
  width: 48px;
}

.domov-storitev h3 {
  margin-bottom: 0.85rem;
}

.domov-storitev a {
  color: var(--dol-kop-crna);
  font-weight: 800;
  text-decoration: none;
}

.domov-storitev a:hover,
.domov-storitev a:focus {
  color: var(--dol-kop-oranzna-temna);
}

.domov-uporaba {
  background: var(--dol-kop-bela);
}

.domov-uporaba-kartica {
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  height: 100%;
  padding: 1.25rem;
}

.domov-uporaba-kartica i {
  color: var(--dol-kop-oranzna);
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.domov-zakaj {
  background: var(--dol-kop-bela);
}

.domov-prednost {
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  height: 100%;
  padding: 1.35rem;
}

.domov-prednost i {
  color: var(--dol-kop-oranzna);
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

.domov-proces {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.domov-proces h2,
.domov-proces h3,
.domov-proces p,
.domov-proces .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.domov-korak {
  border: 1px solid #3a3737;
  border-radius: var(--dol-kop-radius-lg);
  height: 100%;
  padding: 1.35rem;
}

.domov-korak span {
  color: var(--dol-kop-oranzna);
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 1rem;
}

.domov-galerija {
  background: var(--dol-kop-svetla);
}

.domov-galerija img {
  aspect-ratio: 1 / 1;
  border-radius: var(--dol-kop-radius-lg);
  display: block;
  object-fit: cover;
  width: 100%;
}

.domov-zakljucni-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.domov-zakljucni-cta h2,
.domov-zakljucni-cta p {
  color: var(--dol-kop-crna);
}

@media (max-width: 991.98px) {
  .domov-hero {
    min-height: auto;
  }

  .domov-hero-slika {
    bottom: auto;
    height: 300px;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }

  .domov-hero::after {
    bottom: auto;
    height: 8px;
    left: 0;
    right: 0;
    top: 300px;
    width: 100%;
  }

  .domov-hero-vsebina {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }

  .domov-hero .domov-hero-vrstica {
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  .domov-hero-slika {
    height: 240px;
  }

  .domov-hero::after {
    top: 240px;
  }

  .domov-hero-vsebina {
    padding-bottom: 3rem !important;
    padding-top: 2.5rem !important;
  }

  .domov-hero .lead {
    font-size: 1.1rem;
  }

  .domov-hero .btn {
    width: 100%;
  }

  .domov-hero-tocke {
    display: grid;
    gap: 0.65rem;
    max-width: 100%;
  }

  .domov-hero-tocke > [class*="col-"] {
    width: 100%;
  }

  .domov-hero-tocke > div {
    background: #2b2929;
    border: 1px solid #3a3737;
    border-radius: var(--dol-kop-radius);
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    white-space: normal;
  }

  .domov-storitev-vsebina,
  .domov-prednost,
  .domov-korak,
  .domov-uporaba-kartica {
    padding: 1.1rem;
  }

  .domov-storitve,
  .domov-uporaba,
  .domov-zakaj,
  .domov-proces,
  .domov-galerija,
  .domov-zakljucni-cta {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }

  .domov-storitve-vrstica,
  .domov-uporaba-vrstica,
  .domov-proces-vrstica,
  .domov-galerija-vrstica {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    scroll-snap-type: x mandatory;
  }

  .domov-storitve-vrstica > [class*="col-"],
  .domov-uporaba-vrstica > [class*="col-"],
  .domov-proces-vrstica > [class*="col-"],
  .domov-galerija-vrstica > [class*="col-"] {
    flex: 0 0 84%;
    max-width: 84%;
    scroll-snap-align: start;
  }

  .domov-galerija-vrstica > [class*="col-"] {
    flex-basis: 72%;
    max-width: 72%;
  }

.domov-zakljucni-cta {
  text-align: center;
  }
}

.kontakt-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.kontakt-hero h1,
.kontakt-hero p,
.kontakt-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.kontakt-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.kontakt-hero-kartica {
  background: #2b2929;
  border: 1px solid #3a3737;
  border-radius: var(--dol-kop-radius-lg);
  padding: 1.25rem;
}

.kontakt-hitri-link {
  align-items: center;
  background: var(--dol-kop-bela);
  border-radius: var(--dol-kop-radius);
  color: var(--dol-kop-crna);
  display: flex;
  gap: 1rem;
  padding: 1rem;
  text-decoration: none;
}

.kontakt-hitri-link + .kontakt-hitri-link {
  margin-top: 0.9rem;
}

.kontakt-hitri-link i {
  align-items: center;
  background: var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius);
  display: flex;
  flex: 0 0 46px;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.kontakt-hitri-link strong {
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.kontakt-hitri-link:hover,
.kontakt-hitri-link:focus {
  color: var(--dol-kop-oranzna-temna);
}

.kontakt-vsebina {
  background: var(--dol-kop-svetla);
}

.kontakt-forma-blok,
.kontakt-info-kartica {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
}

.kontakt-forma-blok {
  padding: 1.5rem;
}

.kontakt-info {
  display: grid;
  gap: 1rem;
}

.kontakt-info-kartica {
  padding: 1.25rem;
}

.kontakt-info-kartica > i {
  color: var(--dol-kop-oranzna);
  font-size: 1.7rem;
  margin-bottom: 1rem;
}

.kontakt-info-kartica li {
  align-items: center;
  display: flex;
  gap: 0.65rem;
  margin-bottom: 0.65rem;
}

.kontakt-info-kartica li:last-child {
  margin-bottom: 0;
}

.kontakt-info-kartica li i {
  color: var(--dol-kop-oranzna);
}

.kontakt-temna {
  background: var(--dol-kop-crna);
  border-color: #3a3737;
  color: var(--dol-kop-bela);
}

.kontakt-temna h3,
.kontakt-temna p {
  color: var(--dol-kop-bela);
}

.kontakt-obrazec-okvir .form-label,
.kontakt-strinjanje {
  font-weight: 700;
}

.kontakt-obrazec-okvir .form-control,
.kontakt-obrazec-okvir .form-select {
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  min-height: 50px;
}

.kontakt-obrazec-okvir textarea.form-control {
  min-height: 150px;
}

.kontakt-obrazec-okvir .form-text {
  color: var(--dol-kop-muted);
  font-size: 0.92rem;
  margin-top: 0.45rem;
}

.kontakt-obrazec-okvir .kontakt-datoteke {
  padding-top: 0.72rem;
}

.kontakt-obrazec-okvir .form-control:focus,
.kontakt-obrazec-okvir .form-select:focus,
.kontakt-obrazec-okvir .form-check-input:focus {
  border-color: var(--dol-kop-oranzna);
  box-shadow: 0 0 0 0.2rem #f8d6ad;
}

.kontakt-obvestilo {
  align-items: flex-start;
  border-radius: var(--dol-kop-radius);
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.kontakt-obvestilo-uspeh {
  background: #edf7ed;
  border: 1px solid #b8dfb8;
  color: #143d14;
}

.kontakt-obvestilo-napaka {
  background: #fff1f1;
  border: 1px solid #efb6b6;
  color: #571515;
}

.kontakt-obvestilo i {
  margin-top: 0.2rem;
}

.dolkop-skrito-polje {
  height: 0;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.storitev-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.storitev-hero h1,
.storitev-hero p,
.storitev-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.storitev-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.storitev-hero-slika {
  border: 8px solid var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.storitev-hero-slika img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.storitev-prednosti {
  background: var(--dol-kop-svetla);
}

.storitev-prednost {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  padding: 1.25rem;
}

.storitev-prednost i {
  color: var(--dol-kop-oranzna);
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.storitev-potek {
  background: var(--dol-kop-bela);
}

.storitev-koraki {
  display: grid;
  gap: 1rem;
}

.storitev-korak {
  align-items: flex-start;
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  display: flex;
  gap: 1rem;
  padding: 1.25rem;
}

.storitev-korak span {
  color: var(--dol-kop-oranzna);
  flex: 0 0 auto;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

.storitev-galerija {
  background: var(--dol-kop-svetla);
}

.storitev-galerija img {
  aspect-ratio: 4 / 3;
  border-radius: var(--dol-kop-radius-lg);
  display: block;
  object-fit: cover;
  width: 100%;
}

.storitev-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.storitev-cta h2,
.storitev-cta p {
  color: var(--dol-kop-crna);
}

.o-nas-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.o-nas-hero h1,
.o-nas-hero p,
.o-nas-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.o-nas-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.o-nas-hero-slika,
.o-nas-pristop-slika {
  border: 8px solid var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.o-nas-hero-slika img,
.o-nas-pristop-slika img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.o-nas-predstavitev,
.o-nas-pristop {
  background: var(--dol-kop-bela);
}

.o-nas-storitev {
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  color: var(--dol-kop-crna);
  display: block;
  height: 100%;
  padding: 1.25rem;
  text-decoration: none;
}

.o-nas-storitev i {
  color: var(--dol-kop-oranzna);
  display: block;
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.o-nas-storitev span {
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.o-nas-storitev small {
  color: var(--dol-kop-tekst);
  display: block;
  font-size: 0.96rem;
  line-height: 1.45;
}

.o-nas-storitev:hover,
.o-nas-storitev:focus {
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-oranzna-temna);
}

.o-nas-zaupanje {
  background: var(--dol-kop-svetla);
}

.o-nas-kartica {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  padding: 1.25rem;
}

.o-nas-kartica i {
  color: var(--dol-kop-oranzna);
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.o-nas-koraki {
  display: grid;
  gap: 1rem;
}

.o-nas-korak {
  align-items: flex-start;
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  display: flex;
  gap: 1rem;
  padding: 1.25rem;
}

.o-nas-korak span {
  color: var(--dol-kop-oranzna);
  flex: 0 0 auto;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

.o-nas-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.o-nas-cta h2,
.o-nas-cta p {
  color: var(--dol-kop-crna);
}

.reference-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.reference-hero h1,
.reference-hero p,
.reference-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.reference-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.reference-hero-slika,
.reference-dogovor-slika {
  border: 8px solid var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.reference-hero-slika img,
.reference-dogovor-slika img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.reference-uvod,
.reference-dogovor {
  background: var(--dol-kop-bela);
}

.reference-vrsta {
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  padding: 1.25rem;
}

.reference-vrsta i {
  color: var(--dol-kop-oranzna);
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.reference-galerija {
  background: var(--dol-kop-svetla);
}

.reference-kartica {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.reference-kartica img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.reference-kartica-vsebina {
  padding: 1.25rem;
}

.reference-kartica-vsebina span {
  color: var(--dol-kop-oranzna);
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
}

.reference-seznam {
  display: grid;
  gap: 0.75rem;
}

.reference-seznam div {
  align-items: center;
  background: var(--dol-kop-svetla);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius);
  display: flex;
  font-weight: 800;
  gap: 0.65rem;
  min-height: 48px;
  padding: 0.75rem 0.9rem;
}

.reference-seznam i {
  color: var(--dol-kop-oranzna);
}

.reference-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.reference-cta h2,
.reference-cta p {
  color: var(--dol-kop-crna);
}

.napaka-404-hero {
  background: var(--dol-kop-crna);
  color: var(--dol-kop-bela);
}

.napaka-404-hero h1,
.napaka-404-hero p,
.napaka-404-hero .dol-kop-oznaka {
  color: var(--dol-kop-bela);
}

.napaka-404-hero .dol-kop-oznaka::before {
  background: var(--dol-kop-oranzna);
}

.napaka-404-stevilka {
  color: var(--dol-kop-oranzna);
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: clamp(6rem, 16vw, 13rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.75;
}

.napaka-404-slika {
  border: 8px solid var(--dol-kop-oranzna);
  border-radius: var(--dol-kop-radius-lg);
  overflow: hidden;
}

.napaka-404-slika img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.napaka-404-poti {
  background: var(--dol-kop-svetla);
}

.napaka-404-pot {
  background: var(--dol-kop-bela);
  border: 1px solid var(--dol-kop-border);
  border-radius: var(--dol-kop-radius-lg);
  color: var(--dol-kop-crna);
  display: block;
  padding: 1.25rem;
  text-decoration: none;
}

.napaka-404-pot i {
  color: var(--dol-kop-oranzna);
  display: block;
  font-size: 1.65rem;
  margin-bottom: 1rem;
}

.napaka-404-pot span {
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", var(--bs-body-font-family);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.napaka-404-pot small {
  color: var(--dol-kop-tekst);
  display: block;
  font-size: 0.96rem;
  line-height: 1.45;
}

.napaka-404-pot:hover,
.napaka-404-pot:focus {
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-oranzna-temna);
}

.napaka-404-cta {
  background: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.napaka-404-cta h2,
.napaka-404-cta p {
  color: var(--dol-kop-crna);
}

@media (max-width: 767.98px) {
  .kontakt-hero,
  .kontakt-vsebina {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }

  .kontakt-forma-blok,
  .kontakt-info-kartica,
  .kontakt-hero-kartica {
    padding: 1.1rem;
  }

  .storitev-hero,
  .storitev-prednosti,
  .storitev-potek,
  .storitev-galerija,
  .storitev-cta,
  .o-nas-hero,
  .o-nas-predstavitev,
  .o-nas-zaupanje,
  .o-nas-pristop,
  .o-nas-cta,
  .reference-hero,
  .reference-uvod,
  .reference-galerija,
  .reference-dogovor,
  .reference-cta,
  .napaka-404-hero,
  .napaka-404-poti,
  .napaka-404-cta {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }

  .storitev-hero .btn,
  .storitev-cta .btn,
  .o-nas-hero .btn,
  .o-nas-cta .btn,
  .reference-hero .btn,
  .reference-cta .btn,
  .napaka-404-hero .btn,
  .napaka-404-cta .btn {
    width: 100%;
  }

  .storitev-hero-slika,
  .o-nas-hero-slika,
  .o-nas-pristop-slika,
  .reference-hero-slika,
  .reference-dogovor-slika,
  .napaka-404-slika {
    border-width: 6px;
  }

  .storitev-prednosti-vrstica,
  .storitev-galerija-vrstica,
  .o-nas-storitve-vrstica,
  .o-nas-zaupanje-vrstica,
  .reference-vrste-vrstica,
  .reference-galerija-vrstica,
  .napaka-404-poti-vrstica {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    scroll-snap-type: x mandatory;
  }

  .storitev-prednosti-vrstica > [class*="col-"],
  .storitev-galerija-vrstica > [class*="col-"],
  .o-nas-storitve-vrstica > [class*="col-"],
  .o-nas-zaupanje-vrstica > [class*="col-"],
  .reference-vrste-vrstica > [class*="col-"],
  .reference-galerija-vrstica > [class*="col-"],
  .napaka-404-poti-vrstica > [class*="col-"] {
    flex: 0 0 84%;
    max-width: 84%;
    scroll-snap-align: start;
  }

  .storitev-korak,
  .storitev-prednost,
  .o-nas-korak,
  .o-nas-kartica,
  .o-nas-storitev,
  .reference-vrsta,
  .reference-kartica-vsebina,
  .napaka-404-pot {
    padding: 1.1rem;
  }

  .storitev-korak,
  .o-nas-korak {
    gap: 0.8rem;
  }
}

.dol-kop-fotografija {
  height: auto;
}

.kontakt-fotografija {
  aspect-ratio: 4 / 3;
  border-radius: var(--dol-kop-radius-lg);
  display: block;
  object-fit: cover;
  width: 100%;
}

section[id],
+[id^="galerija-"],
+#kontaktni-obrazec {
+  scroll-margin-top: var(--dol-kop-odmik-glave);
+}

.dol-kop-fotografija.dol-kop-foto-1,
.dol-kop-fotografija.dol-kop-foto-14,
.dol-kop-fotografija.dol-kop-foto-19,
.dol-kop-fotografija.dol-kop-foto-25 {
  object-position: center 35%;
}

.dol-kop-fotografija.dol-kop-foto-7,
.dol-kop-fotografija.dol-kop-foto-12 {
  object-position: center 60%;
}

.glava-navigacija button.nav-link {
  background: none;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
}

.glava-navigacija .dropdown-item.active,
.glava-offcanvas-meni .nav-link.active {
  background: var(--dol-kop-oranzna);
  border-color: var(--dol-kop-oranzna);
  color: var(--dol-kop-crna);
}

.glava-offcanvas-meni .nav-link.active::after {
  color: var(--dol-kop-crna);
}

.povezava-besedilo {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  padding-bottom: 0.15em;
  transition: background-size 0.22s ease;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (hover: hover) {
  a:hover .povezava-besedilo,
  button:hover .povezava-besedilo {
    background-size: 100% 2px;
  }
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--dol-kop-oranzna-temna);
  outline-offset: 4px;
}

a:focus-visible .povezava-besedilo,
button:focus-visible .povezava-besedilo {
  background-size: 100% 2px;
}

body.admin-bar {
  --dol-kop-odmik-glave: 11.5rem;
}

@media (min-width: 1200px) {
  .glava-logo .glava-logo-znak {
    height: 60px;
  }

  .glava-logo .glava-logo-napis {
    width: 206px;
  }

  .domov-hero-slika img {
    transform: scale(1.08);
  }
}

@media (min-width: 1600px) {
  .domov-hero-vrstica {
    min-height: 40rem;
  }

  .domov-hero-slika img {
    transform: scale(1.2);
  }
}

@media (max-width: 991.98px) {
  :root,
  body.admin-bar {
    --dol-kop-odmik-glave: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .domov-hero-slika img {
    transform: scale(1.2);
  }
}

@media (max-width: 359.98px) {
  .glava-logo,
  .glava-offcanvas-logo {
    gap: 0.5rem;
  }

  .glava-logo .glava-logo-znak,
  .glava-offcanvas-logo .glava-logo-znak {
    height: 38px;
  }

  .glava-logo .glava-logo-napis,
  .glava-offcanvas-logo .glava-logo-napis {
    width: 128px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .povezava-besedilo,
  .glava-offcanvas,
  .glava-offcanvas-meni .nav-link {
    transition: none;
  }

  .glava-offcanvas-meni .nav-link,
  .glava-offcanvas-meni .nav-link:hover,
  .glava-offcanvas-meni .nav-link:focus {
    transform: none;
  }
}