@charset "UTF-8";
.od-hover {
  display: inline-block;
  cursor: pointer;
}
.od-hover:hover {
  opacity: 0.8;
}
.od-hover:focus {
  opacity: 0.6;
  filter: invert(0.9);
}
.od-hover:active {
  filter: invert(0.9);
}

.od-no-hover:hover {
  background-color: unset !important;
}
.od-no-hover:focus {
  background-color: unset !important;
}
.od-no-hover:active {
  background-color: unset !important;
}

.od-hover-color {
  cursor: pointer;
}
.od-hover-color:hover {
  background-color: #3d70b2;
}
.od-hover-color:focus {
  background-color: #3d70b2;
}
.od-hover-color:active {
  background-color: #000;
}

.od-link, .od-tag {
  color: #fff !important;
  background-color: #3f88e3;
}
.od-link:hover, .od-tag:hover {
  background-color: #3d70b2;
}
.od-link:active, .od-tag:active {
  background-color: #000;
}

.od-tag {
  text-decoration: underline;
}

.od-link-light {
  padding: 4px 6px;
  color: #fff !important;
  background-color: #313131;
}
.od-link-light:hover {
  background-color: #3d70b2;
}
.od-link-light:active {
  background-color: #000;
}

.is-vesti {
  background-color: #3f88e3;
}

.is-vesti-prim {
  background-color: #3d70b2;
}

.is-sport {
  background-color: #ff5900;
}

.is-dešavanja {
  background-color: #18ab69;
}

.is-poljoprivreda {
  background-color: #18ab69;
}

.is-pištaljka {
  background-color: #EA0030;
}

.is-sponzorisani {
  background-color: rgb(208, 60, 6);
}

.is-foto {
  background-color: #3d70b2;
}

.is-magazin {
  background-color: #ffa600 !important;
}

.is-biznis {
  background-color: #D10056;
}

.is-nekretnine {
  background-color: rgb(28, 173, 60);
}

.is-nekretnine-prodaja {
  background-color: #18ab69 !important;
}

.is-nekretnine-izdavanje {
  background-color: #EDA12D !important;
}

.is-nekretnine-apartmani {
  background-color: #3f88e3 !important;
}

.is-agencije {
  background-color: #3d70b2;
}

.is-nekretnine-light {
  background-color: rgb(109, 171, 123);
}

.is-oglasi {
  background-color: #229ED9;
}

.is-vozila {
  background-color: rgb(208, 60, 6);
}

.is-popusti {
  background-color: rgb(208, 0, 255);
}

.is-poslovi {
  background-color: #33B4CA;
}

.is-komentari {
  background-color: #EA0030;
}

.is-darker {
  background-color: #444444;
}

.is-social-button {
  box-sizing: border-box;
  font-size: 210%;
  color: #000000;
  padding: 0px 0px;
  margin: 4px;
  transition: all 500ms;
}
@media (max-width: 769px) {
  .is-social-button {
    margin: 6px 6px;
    font-size: 240%;
  }
}
.is-social-button:hover {
  transform: scale(1.2);
  color: #FFFFFF;
  background-color: #000000;
}

.is-social-youtube {
  color: #cd201f;
}

.is-social-facebook {
  color: #1877F2;
}

.is-social-instagram {
  color: #f09433;
}

.is-social-instagram {
  color: #C13584;
}

.is-social-twitter {
  color: #1da1f2;
}

.is-social-x-twiter {
  color: #000000;
}

.is-social-telegram {
  color: #229ED9;
}

.is-social-viber {
  color: #7360F2;
}

.is-social-whatsapp {
  color: #075E54;
}

.is-baner-MAIN {
  background-color: #98FF98 !important;
  color: #000 !important;
}

.is-baner-PRIME {
  background-color: #D3D3D3 !important;
  color: #000 !important;
}

.is-baner-TOP {
  background-color: #F08080 !important;
  color: #000 !important;
}

.is-baner-TITLE {
  background-color: #FFFFE0 !important;
  color: #000 !important;
}

.is-baner-A {
  background-color: #90EE90 !important;
  color: #000 !important;
}

.is-baner-B {
  background-color: #E6E6FA !important;
  color: #000 !important;
}

.is-baner-C {
  background-color: #87CEFA !important;
  color: #000 !important;
}

.is-baner-D {
  background-color: #FFDAB9 !important;
  color: #000 !important;
}

.is-baner-E {
  background-color: #88FFFF !important;
  color: #000 !important;
}

.is-color-white {
  color: #FFFFFF !important;
}

:root {
  color-scheme: light;
  --bulma-family-primary: "Mulish", sans-serif;
  --bulma-scheme-brightness: light;
  --bulma-scheme-main-l: 100%;
  --bulma-scheme-main-bis-l: 98%;
  --bulma-scheme-main-ter-l: 96%;
  --bulma-background-l: 96%;
  --bulma-border-weak-l: 93%;
  --bulma-border-l: 86%;
  --bulma-text-weak-l: 48%;
  --bulma-text-l: 29%;
  --bulma-text-strong-l: 21%;
  --bulma-text-title-l: 14%;
  --bulma-scheme-invert-ter-l: 14%;
  --bulma-scheme-invert-bis-l: 7%;
  --bulma-scheme-invert-l: 4%;
  --bulma-body-background-color: #f5f6f8;
  --bulma-body-color: #313131;
  --bulma-scheme-main: #fff;
  --bulma-background: #f5f5f5;
  --bulma-border: #dcdcdc;
  --bulma-border-weak: #e8e8e8;
  --bulma-box-background-color: #fff;
  --bulma-button-border-color: #444444;
  --bulma-input-border-color: #dcdcdc;
  --bulma-primary-h: 213.8461538462deg;
  --bulma-primary-s: 48.9539748954%;
  --bulma-primary-l: 46.862745098%;
  --bulma-primary-rgb: 61, 112, 178;
  --bulma-link-h: 213.2926829268deg;
  --bulma-link-s: 74.5454545455%;
  --bulma-link-l: 56.862745098%;
  --bulma-link-rgb: 63, 136, 227;
  --bulma-info-h: 207.1232876712deg;
  --bulma-info-s: 60.8333333333%;
  --bulma-info-l: 52.9411764706%;
  --bulma-info-rgb: 62, 142, 208;
  --bulma-success-h: 153.0612244898deg;
  --bulma-success-s: 75.3846153846%;
  --bulma-success-l: 38.2352941176%;
  --bulma-success-rgb: 24, 171, 105;
  --bulma-warning-h: 36.25deg;
  --bulma-warning-s: 84.2105263158%;
  --bulma-warning-l: 55.2941176471%;
  --bulma-warning-rgb: 237, 161, 45;
  --bulma-danger-h: 359.4713656388deg;
  --bulma-danger-s: 93.4156378601%;
  --bulma-danger-l: 52.3529411765%;
  --bulma-danger-rgb: 247, 20, 22;
  --bulma-dark-h: 0deg;
  --bulma-dark-s: 0%;
  --bulma-dark-l: 26.6666666667%;
  --bulma-dark-rgb: 68, 68, 68;
}

html {
  font-size: 16px;
  background: #f5f6f8;
}

body {
  min-height: 100vh;
  display: block;
  color: #313131;
  background: #f5f6f8;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 1.5;
}
body.is-dark {
  background: #171c26;
  color: #f5f6f8;
}
body.is-dark #main-navbar {
  border-bottom-color: rgba(255, 255, 255, 0.12);
  background: rgba(23, 28, 38, 0.98);
}
body.is-dark #main-navbar .navbar-item,
body.is-dark #main-navbar .navbar-burger {
  color: #f5f6f8;
}
body.is-dark .light-image {
  display: none;
}
body.is-dark .dark-image {
  display: inline-block;
}
body.is-dark .nav-drop .inner,
body.is-dark .form-panel {
  border-color: rgba(255, 255, 255, 0.12);
  background: #283143;
}
body.is-dark .nav-drop::before {
  border-color: rgba(255, 255, 255, 0.12);
  background: #283143;
}
body.is-dark .account-item {
  color: #f5f6f8;
}
body.is-dark .od-search .search-select,
body.is-dark .od-search .search-input-field,
body.is-dark .od-search .search-submit-btn {
  color: #fff;
}
body.is-dark .od-search .search-input-field::placeholder {
  color: #a2a5b9;
}
body.is-dark .od-search .select-wrapper::after,
body.is-dark .od-search .search-submit-btn,
body.is-dark .od-search .search-submit-btn i,
body.is-dark .od-search .search-submit-btn .icon,
body.is-dark .od-search .search-submit-btn span {
  color: #fff !important;
}
body.is-dark .is-account-dropdown .username {
  color: #fff;
}
body.is-dark .is-account-dropdown .username small {
  color: #cbd5e1;
}
body.is-dark .is-account-dropdown .theme-toggle-caption {
  color: #cbd5e1;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Mulish", sans-serif !important;
}

a {
  color: #3f88e3;
  cursor: pointer;
}
a:hover, a:focus {
  color: #3d70b2;
}
strong,
b {
  color: unset !important;
}

.app-overlay,
.dark-image {
  display: none;
}

.view-wrapper {
  width: 100%;
  min-height: calc(100vh - 64px);
  display: block;
  padding: 60px 12px !important;
  transition: all 0.3s;
}
.view-wrapper .view-wrap {
  padding: 20px 0;
}

.view-wrap {
  width: 100%;
}

#main-feed {
  padding-top: 60px !important;
}

#main-navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 19;
  width: 100%;
  height: 58px;
  min-height: 58px;
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.3s;
}
#main-navbar .navbar-brand {
  align-items: center;
  height: 58px;
  padding-left: 20px;
}
#main-navbar .navbar-brand .navbar-item,
#main-navbar .navbar-brand .navbar-item:first-child {
  margin-left: 0;
  padding-left: 0;
}
#main-navbar .container.is-fluid {
  padding: 0;
}
#main-navbar .navbar-menu {
  background: transparent;
}
#main-navbar .navbar-item {
  color: #171c26;
  cursor: pointer;
}
#main-navbar .navbar-item:hover, #main-navbar .navbar-item:focus {
  color: #000;
  background: transparent;
}
#main-navbar .navbar-item img {
  width: auto;
  height: auto;
  max-height: 39px;
  object-fit: contain;
}
#main-navbar .navbar-item.is-vesti {
  color: #171c26;
}
#main-navbar .navbar-item.is-vesti:hover, #main-navbar .navbar-item.is-vesti:focus, #main-navbar .navbar-item.is-vesti.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-vesti:hover > span, #main-navbar .navbar-item.is-vesti:focus > span, #main-navbar .navbar-item.is-vesti.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-vesti > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-vesti {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-vesti:hover, body.is-dark #main-navbar .navbar-item.is-vesti:focus, body.is-dark #main-navbar .navbar-item.is-vesti.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-vesti-prim {
  color: #171c26;
}
#main-navbar .navbar-item.is-vesti-prim:hover, #main-navbar .navbar-item.is-vesti-prim:focus, #main-navbar .navbar-item.is-vesti-prim.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-vesti-prim:hover > span, #main-navbar .navbar-item.is-vesti-prim:focus > span, #main-navbar .navbar-item.is-vesti-prim.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-vesti-prim > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-vesti-prim {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-vesti-prim:hover, body.is-dark #main-navbar .navbar-item.is-vesti-prim:focus, body.is-dark #main-navbar .navbar-item.is-vesti-prim.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-sport {
  color: #171c26;
}
#main-navbar .navbar-item.is-sport:hover, #main-navbar .navbar-item.is-sport:focus, #main-navbar .navbar-item.is-sport.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-sport:hover > span, #main-navbar .navbar-item.is-sport:focus > span, #main-navbar .navbar-item.is-sport.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-sport > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-sport {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-sport:hover, body.is-dark #main-navbar .navbar-item.is-sport:focus, body.is-dark #main-navbar .navbar-item.is-sport.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-desavanja {
  color: #171c26;
}
#main-navbar .navbar-item.is-desavanja:hover, #main-navbar .navbar-item.is-desavanja:focus, #main-navbar .navbar-item.is-desavanja.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-desavanja:hover > span, #main-navbar .navbar-item.is-desavanja:focus > span, #main-navbar .navbar-item.is-desavanja.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-desavanja > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-desavanja {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-desavanja:hover, body.is-dark #main-navbar .navbar-item.is-desavanja:focus, body.is-dark #main-navbar .navbar-item.is-desavanja.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-deÃ…Â¡avanja {
  color: #171c26;
}
#main-navbar .navbar-item.is-deÃ…Â¡avanja:hover, #main-navbar .navbar-item.is-deÃ…Â¡avanja:focus, #main-navbar .navbar-item.is-deÃ…Â¡avanja.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-deÃ…Â¡avanja:hover > span, #main-navbar .navbar-item.is-deÃ…Â¡avanja:focus > span, #main-navbar .navbar-item.is-deÃ…Â¡avanja.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-deÃ…Â¡avanja > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-deÃ…Â¡avanja {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-deÃ…Â¡avanja:hover, body.is-dark #main-navbar .navbar-item.is-deÃ…Â¡avanja:focus, body.is-dark #main-navbar .navbar-item.is-deÃ…Â¡avanja.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-poljoprivreda {
  color: #171c26;
}
#main-navbar .navbar-item.is-poljoprivreda:hover, #main-navbar .navbar-item.is-poljoprivreda:focus, #main-navbar .navbar-item.is-poljoprivreda.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-poljoprivreda:hover > span, #main-navbar .navbar-item.is-poljoprivreda:focus > span, #main-navbar .navbar-item.is-poljoprivreda.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-poljoprivreda > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-poljoprivreda {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-poljoprivreda:hover, body.is-dark #main-navbar .navbar-item.is-poljoprivreda:focus, body.is-dark #main-navbar .navbar-item.is-poljoprivreda.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-pistaljka {
  color: #171c26;
}
#main-navbar .navbar-item.is-pistaljka:hover, #main-navbar .navbar-item.is-pistaljka:focus, #main-navbar .navbar-item.is-pistaljka.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-pistaljka:hover > span, #main-navbar .navbar-item.is-pistaljka:focus > span, #main-navbar .navbar-item.is-pistaljka.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-pistaljka > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-pistaljka {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-pistaljka:hover, body.is-dark #main-navbar .navbar-item.is-pistaljka:focus, body.is-dark #main-navbar .navbar-item.is-pistaljka.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-piÃ…Â¡taljka {
  color: #171c26;
}
#main-navbar .navbar-item.is-piÃ…Â¡taljka:hover, #main-navbar .navbar-item.is-piÃ…Â¡taljka:focus, #main-navbar .navbar-item.is-piÃ…Â¡taljka.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-piÃ…Â¡taljka:hover > span, #main-navbar .navbar-item.is-piÃ…Â¡taljka:focus > span, #main-navbar .navbar-item.is-piÃ…Â¡taljka.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-piÃ…Â¡taljka > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-piÃ…Â¡taljka {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-piÃ…Â¡taljka:hover, body.is-dark #main-navbar .navbar-item.is-piÃ…Â¡taljka:focus, body.is-dark #main-navbar .navbar-item.is-piÃ…Â¡taljka.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-sponzorisani {
  color: #171c26;
}
#main-navbar .navbar-item.is-sponzorisani:hover, #main-navbar .navbar-item.is-sponzorisani:focus, #main-navbar .navbar-item.is-sponzorisani.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-sponzorisani:hover > span, #main-navbar .navbar-item.is-sponzorisani:focus > span, #main-navbar .navbar-item.is-sponzorisani.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-sponzorisani > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-sponzorisani {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-sponzorisani:hover, body.is-dark #main-navbar .navbar-item.is-sponzorisani:focus, body.is-dark #main-navbar .navbar-item.is-sponzorisani.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-foto {
  color: #171c26;
}
#main-navbar .navbar-item.is-foto:hover, #main-navbar .navbar-item.is-foto:focus, #main-navbar .navbar-item.is-foto.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-foto:hover > span, #main-navbar .navbar-item.is-foto:focus > span, #main-navbar .navbar-item.is-foto.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-foto > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-foto {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-foto:hover, body.is-dark #main-navbar .navbar-item.is-foto:focus, body.is-dark #main-navbar .navbar-item.is-foto.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-magazin {
  color: #171c26;
}
#main-navbar .navbar-item.is-magazin:hover, #main-navbar .navbar-item.is-magazin:focus, #main-navbar .navbar-item.is-magazin.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-magazin:hover > span, #main-navbar .navbar-item.is-magazin:focus > span, #main-navbar .navbar-item.is-magazin.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-magazin > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-magazin {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-magazin:hover, body.is-dark #main-navbar .navbar-item.is-magazin:focus, body.is-dark #main-navbar .navbar-item.is-magazin.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-biznis {
  color: #171c26;
}
#main-navbar .navbar-item.is-biznis:hover, #main-navbar .navbar-item.is-biznis:focus, #main-navbar .navbar-item.is-biznis.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-biznis:hover > span, #main-navbar .navbar-item.is-biznis:focus > span, #main-navbar .navbar-item.is-biznis.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-biznis > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-biznis {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-biznis:hover, body.is-dark #main-navbar .navbar-item.is-biznis:focus, body.is-dark #main-navbar .navbar-item.is-biznis.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-nekretnine {
  color: #171c26;
}
#main-navbar .navbar-item.is-nekretnine:hover, #main-navbar .navbar-item.is-nekretnine:focus, #main-navbar .navbar-item.is-nekretnine.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-nekretnine:hover > span, #main-navbar .navbar-item.is-nekretnine:focus > span, #main-navbar .navbar-item.is-nekretnine.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-nekretnine > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-nekretnine {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-nekretnine:hover, body.is-dark #main-navbar .navbar-item.is-nekretnine:focus, body.is-dark #main-navbar .navbar-item.is-nekretnine.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-agencije {
  color: #171c26;
}
#main-navbar .navbar-item.is-agencije:hover, #main-navbar .navbar-item.is-agencije:focus, #main-navbar .navbar-item.is-agencije.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-agencije:hover > span, #main-navbar .navbar-item.is-agencije:focus > span, #main-navbar .navbar-item.is-agencije.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-agencije > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-agencije {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-agencije:hover, body.is-dark #main-navbar .navbar-item.is-agencije:focus, body.is-dark #main-navbar .navbar-item.is-agencije.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-oglasi {
  color: #171c26;
}
#main-navbar .navbar-item.is-oglasi:hover, #main-navbar .navbar-item.is-oglasi:focus, #main-navbar .navbar-item.is-oglasi.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-oglasi:hover > span, #main-navbar .navbar-item.is-oglasi:focus > span, #main-navbar .navbar-item.is-oglasi.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-oglasi > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-oglasi {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-oglasi:hover, body.is-dark #main-navbar .navbar-item.is-oglasi:focus, body.is-dark #main-navbar .navbar-item.is-oglasi.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-vozila {
  color: #171c26;
}
#main-navbar .navbar-item.is-vozila:hover, #main-navbar .navbar-item.is-vozila:focus, #main-navbar .navbar-item.is-vozila.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-vozila:hover > span, #main-navbar .navbar-item.is-vozila:focus > span, #main-navbar .navbar-item.is-vozila.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-vozila > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-vozila {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-vozila:hover, body.is-dark #main-navbar .navbar-item.is-vozila:focus, body.is-dark #main-navbar .navbar-item.is-vozila.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-popusti {
  color: #171c26;
}
#main-navbar .navbar-item.is-popusti:hover, #main-navbar .navbar-item.is-popusti:focus, #main-navbar .navbar-item.is-popusti.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-popusti:hover > span, #main-navbar .navbar-item.is-popusti:focus > span, #main-navbar .navbar-item.is-popusti.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-popusti > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-popusti {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-popusti:hover, body.is-dark #main-navbar .navbar-item.is-popusti:focus, body.is-dark #main-navbar .navbar-item.is-popusti.is-active {
  color: #f5f6f8;
}
#main-navbar .navbar-item.is-poslovi {
  color: #171c26;
}
#main-navbar .navbar-item.is-poslovi:hover, #main-navbar .navbar-item.is-poslovi:focus, #main-navbar .navbar-item.is-poslovi.is-active {
  color: #171c26;
}
#main-navbar .navbar-item.is-poslovi:hover > span, #main-navbar .navbar-item.is-poslovi:focus > span, #main-navbar .navbar-item.is-poslovi.is-active > span {
  color: inherit;
}
#main-navbar .navbar-item.is-poslovi > span {
  color: inherit;
}
body.is-dark #main-navbar .navbar-item.is-poslovi {
  color: #f5f6f8;
}
body.is-dark #main-navbar .navbar-item.is-poslovi:hover, body.is-dark #main-navbar .navbar-item.is-poslovi:focus, body.is-dark #main-navbar .navbar-item.is-poslovi.is-active {
  color: #f5f6f8;
}
#main-navbar .logo {
  width: auto;
  height: auto;
  max-height: 39px;
  object-fit: contain;
}

.logo_back {
  line-height: 0;
  align-items: center;
  display: inline-flex;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.navbar-burger {
  color: #171c26;
}

.nav-drop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 240px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  z-index: 60;
}
.nav-drop::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 34px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid rgba(23, 28, 38, 0.08);
  border-top: 1px solid rgba(23, 28, 38, 0.08);
  transform: rotate(45deg);
  z-index: 2;
}
.nav-drop.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.nav-drop .inner {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(23, 28, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(23, 28, 38, 0.18);
  z-index: 1;
}

.nav-drop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(23, 28, 38, 0.08);
}

.theme-toggle-row {
  cursor: pointer;
}

.theme-toggle-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.theme-toggle-caption {
  color: #313131;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav-drop-body {
  padding: 8px 0;
}

.account-item {
  display: block;
  padding: 8px 16px;
  color: #171c26;
  font-size: 0.95rem;
  line-height: 1.2;
}
.account-item:hover, .account-item.is-active {
  background: rgba(3, 155, 229, 0.1);
  color: #3f88e3;
}

.account-divider {
  margin: 6px 0;
  border: 0;
  border-top: 1px solid rgba(23, 28, 38, 0.1);
}

.nav_item_title,
.nav_item_title_top {
  display: block;
  padding: 6px 14px 4px;
  color: #8d8d8d;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.theme-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.theme-toggle input:checked + .toggler {
  background: #171c26;
  color: #fff;
}
.theme-toggle input:checked + .toggler::before {
  transform: translateX(28px);
}
.theme-toggle input:checked + .toggler .dark {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.theme-toggle input:checked + .toggler .light {
  opacity: 0.45;
  transform: scale(0.82) rotate(90deg);
}
.theme-toggle .toggler {
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  width: 58px;
  height: 28px;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(23, 28, 38, 0.18);
  background: #f5f6f8;
  color: #8d8d8d;
  text-align: center;
  font-size: 0.84rem;
  overflow: hidden;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.theme-toggle .toggler::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 22px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(23, 28, 38, 0.22);
  transform: translateX(0);
  transition: transform 220ms ease;
  z-index: 0;
}
.theme-toggle .toggler .dark,
.theme-toggle .toggler .light {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 180ms ease, transform 220ms ease;
}
.theme-toggle .toggler .dark {
  opacity: 0.45;
  transform: scale(0.82) rotate(-90deg);
}
.theme-toggle .toggler .light {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.is-account-dropdown {
  min-width: 300px;
  max-width: calc(100vw - 24px);
}
.is-account-dropdown .nav-drop-header {
  justify-content: space-between;
  padding: 16px 24px;
}
.is-account-dropdown .username {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  color: #313131;
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.15;
  white-space: nowrap;
  text-transform: uppercase;
}
.is-account-dropdown .username small {
  color: #313131;
  font-size: 0.88rem;
  font-weight: 500;
}
.is-account-dropdown .account-item {
  padding: 9px 18px;
  color: #3f88e3;
  font-size: 1.12rem;
  font-weight: 300;
  line-height: 1.25;
}
.is-account-dropdown .account-item:hover, .is-account-dropdown .account-item.is-active {
  background: rgba(63, 136, 227, 0.08);
  color: #3d70b2;
}
.is-account-dropdown .account-item i {
  width: 26px;
  margin-right: 10px;
  font-size: 1.2em;
  text-align: center;
}
.is-account-dropdown .account-divider {
  margin: 8px 0;
}

.pagination {
  margin: 14px 0 12px;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border: 1px solid #8d8d8d;
  background: #fff;
  color: #444444;
  box-shadow: 0 2px 5px rgba(23, 28, 38, 0.12);
  cursor: pointer;
}
.pagination-previous:hover, .pagination-previous:focus,
.pagination-next:hover,
.pagination-next:focus,
.pagination-link:hover,
.pagination-link:focus {
  color: #3f88e3;
  border-color: #3f88e3;
}
.pagination-previous.is-disabled, .pagination-previous[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-link.is-disabled,
.pagination-link[disabled] {
  border-color: #a8adb7;
  background: #a8adb7;
  color: #fff;
  opacity: 1;
  box-shadow: none;
  pointer-events: none;
}

.pagination-link.is-current, .pagination-link[aria-current=page] {
  border-color: #3f88e3;
  background: #3f88e3;
  color: #fff;
}

.button.is-solid,
.primary-button {
  border-color: #3d70b2;
  background: #3d70b2;
  color: #fff;
  font-size: 1rem;
  height: 2.5em;
  line-height: 1.5;
  cursor: pointer;
}
.button.is-solid:hover, .button.is-solid:focus,
.primary-button:hover,
.primary-button:focus {
  color: #fff;
  border-color: #3f88e3;
  background: #3f88e3;
}
.is-fluid {
  padding-left: 4px;
  padding-right: 4px;
}

.raised {
  box-shadow: 0 8px 18px rgba(61, 112, 178, 0.22);
}

.form-panel {
  padding: 1rem;
  border: 1px solid rgba(23, 28, 38, 0.08);
  border-radius: 8px;
  background: #fff;
}

.od-box-header h1,
.od-box-header h2,
.od-box-header h3,
.od-box-header h4,
.od-box-header h5,
.od-box-header h6,
.od-box-header .title {
  color: #444444 !important;
}

.input,
.textarea,
.select select,
.button {
  font-size: 1rem;
  height: 2.5em;
  line-height: 1.5;
}

.button.is-primary, .button.is-link, .button.is-info, .button.is-success, .button.is-warning, .button.is-danger, .button.is-dark,
.tag.is-primary,
.tag.is-link,
.tag.is-info,
.tag.is-success,
.tag.is-warning,
.tag.is-danger,
.tag.is-dark,
.notification.is-primary,
.notification.is-link,
.notification.is-info,
.notification.is-success,
.notification.is-warning,
.notification.is-danger,
.notification.is-dark {
  color: #fff;
}

.button.is-primary,
.tag.is-primary,
.notification.is-primary,
.has-background-primary {
  background-color: #3d70b2 !important;
}

.button.is-link,
.tag.is-link,
.notification.is-link,
.has-background-link {
  background-color: #3f88e3 !important;
}

.button.is-info,
.tag.is-info,
.notification.is-info,
.has-background-info {
  background-color: #3e8ed0 !important;
}

.button.is-success,
.tag.is-success,
.notification.is-success,
.has-background-success {
  background-color: #18ab69 !important;
}

.button.is-warning,
.tag.is-warning,
.notification.is-warning,
.has-background-warning {
  background-color: #EDA12D !important;
}

.button.is-danger,
.tag.is-danger,
.notification.is-danger,
.has-background-danger {
  background-color: #f71416 !important;
}

.button.is-dark,
.tag.is-dark,
.notification.is-dark,
.has-background-dark {
  background-color: #444444 !important;
}

.login-container {
  height: calc(100vh - 100px);
  padding: 20px;
}
.login-container.is-centered {
  padding-top: 5rem;
}
.login-container .login-form {
  max-width: 380px;
  margin: 0 auto;
}
.login-container .login-form .field.is-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 16px;
}
.login-container .login-form .field.is-flex a {
  font-size: 0.9rem;
  color: #a2a5b9;
}
.login-container .form-title {
  color: #393a4f;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.login-container .form-subtitle {
  color: #a2a5b9;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.login-container .form-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.login-container .field label {
  font-size: 0.9rem;
}

.od-nav-details--dropdown[open] summary::after {
  content: " X";
  font-weight: 700;
}

.komentar-login-notice {
  border: 1px solid rgba(23, 28, 38, 0.08);
  border-radius: 8px;
  background: #fff;
}
.komentar-login-notice .buttons {
  justify-content: flex-end;
}

.komentari-admin .komentar-admin {
  margin-bottom: 12px;
  border: 1px solid rgba(23, 28, 38, 0.08);
  box-shadow: none;
}
.komentari-admin .komentar-admin-tekst {
  min-height: 96px;
  resize: vertical;
}
.komentari-admin .komentar-admin-status {
  min-width: 82px;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .login-container.is-centered {
    padding-top: 0;
  }
  .komentar-login-notice .buttons {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  #main-navbar .navbar-menu {
    border-top: 1px solid rgba(23, 28, 38, 0.08);
    background: #fff;
  }
  body.is-dark #main-navbar .navbar-menu {
    border-top-color: rgba(255, 255, 255, 0.12);
    background: #171c26;
  }
  .nav-drop {
    position: static;
    min-width: 100%;
    margin-top: 8px;
    transform: none;
  }
  .nav-drop.is-active {
    transform: none;
  }
}
