@font-face {
  font-family: "nohemi-medium";
  src: url("/fontovi/Nohemi-Medium.woff2") format("woff2"), url("/fontovi/Nohemi-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "nohemi-thin";
  src: url("/fontovi/Nohemi-Thin.woff2") format("woff2"), url("/fontovi/Nohemi-Thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "nohemi-bold";
  src: url("/fontovi/Nohemi-Bold.woff2") format("woff2"), url("/fontovi/Nohemi-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "nohemi-light";
  src: url("/fontovi/Nohemi-Light.woff2") format("woff2"), url("/fontovi/Nohemi-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.contact-section form input::placeholder, .contact-section form textarea::placeholder {
  font-family: "nohemi-light" !important;
}
div.projects-grid article.project .text p, div.projects-grid article.project .project-status p, .contact-section form input, .contact-section form textarea, .contact-section form .frm_submit button[type="submit"] {
  font-family: "nohemi-bold" !important;
}
@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);
  }
}
@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;
    }
  }
}
html, html[nacin-rada="light"] {
  --podloga: #fff;
  --podloga-alt: #f1f1f1;
  --tekst: #000000;
  --podloga-galerija: rgba(255, 255, 255, 0.878);
  color-scheme: light !important;
}
html[nacin-rada="dark"] {
  --podloga: #0e0e0e;
  --podloga-alt: #151515;
  --tekst: #ffffff;
  --podloga-galerija: rgba(13, 13, 13, 0.878);
  color-scheme: dark !important;
}
.columns-full, .projects-section {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
div.projects-grid article.project .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
h2:not(h2.project-title) {
  font-family: "nohemi-thin" !important;
  font-size: calc(var(--fs-xxxl) - 15px) !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  z-index: 1 !important;
  font-weight: 100 !important;
}
.about-section {
  margin: 150px 0 150px 0;
  gap: 25px;
  display: flex;
  align-items: center;
}
.columns-full {
  gap: 0;
  margin: 40px 0;
}
.custom-logo {
  filter: brightness(0);
}
.home-header-container {
  flex-basis: 13%;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
}
.home-header-container h2 {
  margin-top: auto;
  writing-mode: sideways-lr;
  font-size: calc(var(--fs-xxxl) - 15px);
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 5px;
  z-index: 1;
  margin-bottom: 0;
}
.vertical-header-content {
  margin-top: 0;
}
.contact-section {
  margin: 125px 0 20px 0;
}
.projects-section .fullwidth {
  margin-top: 0;
}
.projects-section .fullwidth .wp-block-button {
  width: 100%;
}
.projects-section .fullwidth .wp-block-button a {
  width: 100%;
  padding: 25px 0;
}
div.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 0em;
}
div.projects-grid h2 {
  text-align: left;
}
div.projects-grid article.project {
  position: relative;
  overflow: hidden;
}
div.projects-grid article.project .project-thumbnail {
  transition: 0.3s ease-in;
}
div.projects-grid article.project .project-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
div.projects-grid article.project .text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2em;
}
div.projects-grid article.project .text * {
  color: #fff !important;
}
div.projects-grid article.project .text p {
  margin-bottom: 0;
}
div.projects-grid article.project .project-status {
  position: absolute;
  top: 1.5em;
  left: 2em;
}
div.projects-grid article.project .project-status p {
  font-size: calc(var(--fs-s) - 3px);
  background-color: var(--podloga);
  color: var(--tekst) !important;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 5px 10px;
}
div.projects-grid article.project a {
  transition: 0.3s ease-in;
}
div.projects-grid article.project a:hover .project-thumbnail {
  opacity: 0.85;
}
.contact-section form {
  margin-top: -10px;
}
.contact-section form fieldset {
  margin: 0;
  padding: 0;
}
.contact-section form label, .contact-section form legend {
  display: none;
}
.contact-section form input, .contact-section form textarea {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  margin-bottom: 15px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--tekst);
  color: var(--tekst);
  font-size: var(--fs-s);
}
.contact-section form .frm_submit {
  display: flex;
  justify-content: flex-end;
}
.contact-section form .frm_submit button[type="submit"] {
  margin-top: 25px;
  color: var(--podloga);
  background-color: var(--tekst);
  padding: 1.5em 3em;
  text-transform: uppercase;
  font-size: var(--fs-s);
  letter-spacing: 0.5px;
}
div.projects-grid.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
div.projects-grid.columns-1 .project-thumbnail {
  aspect-ratio: calc(16 - 2*1) / 9;
}
div.projects-grid.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
div.projects-grid.columns-2 .project-thumbnail {
  aspect-ratio: calc(16 - 2*2) / 9;
}
div.projects-grid.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
div.projects-grid.columns-3 .project-thumbnail {
  aspect-ratio: calc(16 - 2*3) / 9;
}
div.projects-grid.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
div.projects-grid.columns-4 .project-thumbnail {
  aspect-ratio: calc(16 - 2*4) / 9;
}
div.projects-grid.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
div.projects-grid.columns-5 .project-thumbnail {
  aspect-ratio: calc(16 - 2*5) / 9;
}
div.projects-grid.columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
div.projects-grid.columns-6 .project-thumbnail {
  aspect-ratio: calc(16 - 2*6) / 9;
}
div.projects-grid.columns-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
div.projects-grid.columns-7 .project-thumbnail {
  aspect-ratio: calc(16 - 2*7) / 9;
}
div.projects-grid.columns-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
div.projects-grid.columns-8 .project-thumbnail {
  aspect-ratio: calc(16 - 2*8) / 9;
}
html[nacin-rada="dark"] .project-thumbnail img {
  filter: brightness(0.75);
}