/* FRONTEND CSS
*********************************************/
html {
    overflow-y: scroll;
  }
  body {
    background-color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    line-height: 180%;
    overflow: hidden;
  }
  
  * {
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
  }
  
  html, body.dj-offcanvas-open, .dj-offcanvas-wrapper, .dj-offcanvas-pusher {
      height: auto !important;
  }

  :root {
    --blue:#004884;
    --green: #95C11F;
  }

  .content {
    margin: 0 auto;
    max-width: 1420px;
    padding: 0 30px;
  }

  .blog, .com-content-article, .com-content-category.category-list {
      max-width: 1420px;
      margin: 0 auto;
      padding: 50px 30px 100px 30px;
  }

  .com-finder.finder {
      max-width: 1420px;
      margin: 0 auto;
      padding: 50px 30px 100px 30px;
  }

  .mod-jfilters_filters {
      max-width: 1420px;
      margin: 0 auto;
      padding: 50px 30px 0px 30px;
  }

  .blog:has(.pagebuilderck), .com-content-article:has(.pagebuilderck), .com-finder.finder:has(.pagebuilderck), .mod-jfilters_filters:has(.pagebuilderck)  {
    max-width: 100%;
    padding: 0;
  } 

  /* privzeto skrito */
  .hide-on-article {
      display: none;
  }

  /* pokaži samo na blog (seznamu) */
  .vsebina:has(.com-content-category-blog) .hide-on-article {
      display: block;
  }

  /* pokaži na finder (search results) */
  .vsebina:has(.com-finder) .hide-on-article {
      display: block;
  }

  .inner {
    max-width: 1420px;
  }

  .inner.animate.clearfix {
    padding: 0 30px;
    overflow: auto;
  }

  .inner.animate.clearfix .inner {
    padding: 0;
  }

  .top .inner {
    padding: 0 30px;
  }

h1 {
  font-size: 80px;
  font-weight: 700;
  line-height: 140%;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

/* galerija */

.osgalery-cat-tabs {
  display: none !important;
}


/* dodatki */

a.buttonck.iconck.inner:hover .iconck .pbckicon {
  background-color:#000 !important;
}

.vsebina .wf-columns {
  gap: 40px;
}

.right {
  text-align: right;
}

hr {
  border-top: 1px dashed #ddd !important;
  opacity: 1 !important;
  margin: 10px 0px !important;
}

.slika_bg img {
  height: 100%;
  object-fit: cover;
}

.cktext ul, .wf-column ul  {
  padding: 5px 0px;
  margin: 0;
}

.cktext ul li, .wf-column ul li {
  padding: 5px 0px 5px 25px;
  margin: 0;
  list-style-type: none;
  background-image: url(/templates/joomstarter/images/bullet.svg);
  background-repeat: no-repeat;
  background-position: top 11px left;
}

.skroll {
  text-align: center;
}

.skroll img {
  text-align: center;
  margin: 0px 10px 15px 10px;
}

mark, .mark {
  padding: 0 !important;
  background-color: #fff !important;
}

/* letna poročila */

.moduletable.letna-porocila ul {
  margin: 0;
  padding: 0;
}

.moduletable.letna-porocila ul li {
  margin: 0;
  padding: 0;
  background-image: none;
}

.article-separator {
  display: none;
}

.moduletable.letna-porocila ul li a {
    border-bottom: 1px solid #E5E9F0;
    padding: 15px 0px;
    display: block;
    font-size: 18px;
}

.moduletable.letna-porocila ul li a::after {
  content: "";
  background-image: url(/templates/joomstarter/images/download.svg);
  background-repeat: no-repeat;
  background-position: center right;
  width: 18px;
  height: 24px;
  position: absolute;
  right: 0;
} 

.moduletable.letna-porocila ul li:hover a::after {
  background-image: url(/templates/joomstarter/images/download-g.svg);
}

.moduletable.letna-porocila ul li a:hover {
  color: var(--green);
} 

 /* filter referenc */

 .mod-jfilters_filters ul {
  padding: 0;
  margin: 30px 0px 0px 0px;
 }

  .mod-jfilters_filters ul li {
    display: inline-block;
    margin-bottom: 43px !important;
    padding: 0 !important;
    background-image: none !important;
  }

  .mod-jfilters_filters ul li a {
    color: #3E3E40;
    padding: 15px 13px;
    border: 1px solid #949494;
    margin-right: 20px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
  }

  .mod-jfilters_filters ul li a:hover {
    border: 1px solid var(--blue);
    text-decoration: none;
    color: var(--blue);
  }

  .jfilters-item-link--selected {
    color: var(--blue) !important;
    font-weight: 500 !important;
  }

  .mod-jfilters_filters ul li:last-child a {
    margin-right: 0;
  }

  .jfilters-filter-container {
    border-bottom: none !important;
  }

  .jfilters-filter-header__toggle:hover {
    background: none !important;
    color: var(--green);
  }

  .jfilters-filter-header__toggle:focus {
    background: none !important;
  }

  a.jfilters-item-link.jfilters-item-link--clear {
    display: none;
  }


  /* iskalnik */ 

  .iskalnik li.result__item {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #eee;
  }

  .iskalnik .result__description {
    padding: 0;
  }

  .iskalnik .result__title-text {
    padding: 15px 0px 0px 0px;
  }

  .iskalnik .result__taxonomy {
    display: none;
  }

  /* results */

  .com-finder__results-list {
    display: flex;
    flex-wrap: wrap;
  }

  li.result__item {
    width: calc(33.33% - 25px);
    float: left;
    margin-right: 25px !important;
    margin-bottom: 25px !important;
    position: relative;
    background-image: none !important;
    padding: 0 !important;
  }

  .com-finder__navigation.search-pagination {
    float: left;
    width: 100%;
  }

  .com-finder.finder {
    overflow: auto;
  }

  .vsebina .result__item + .result__item {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }

  .result__title-text {
    font-size: 22px !important;
    margin: 0;
    padding: 10px 5px 4px 5px;
    font-weight: 500;
  }

  .result__description {
    padding: 0px 5px;
  }

  .result__image {
    height: 300px;
    overflow: hidden;
  }

  .result__image img {
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .result__image:hover img {
    transition: transform 0.5s ease;
    transform: scale(1.05);
  }

/* video blok */

  .slika {
    position: relative;
    float: left;
    width: 100%;
    height: 100vh;
    z-index: 2;
    overflow: hidden;
  }

  .slika video {
    width: 100%;
    height: 100vh; 
    object-fit: cover;
    position: relative;
  }

  .over {
    width: 100%;
    background: rgba(0,72,132,0.15);
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
  }

  .slika img {
    animation: zoomInOut 15s ease-in-out infinite;
  }

  @keyframes zoomInOut {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

  .slika img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.slogan {
  position: absolute;
  bottom: 100px;
  width: 100%;
  color: #fff;
  font-size: 20px;
}

.slogan h1 {
  font-size: 75px;
  font-weight: 600;
  margin-bottom: 50px;
  color: #fff;
}

.slogan-inner {
  width: 680px;
}

/* mehurčki */

ul.newsflash-horiztrajnost {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

ul.newsflash-horiztrajnost li {
  padding: 0px 10px 20px 10px;
  margin: 0;
  list-style-type: none;
  width: 50%;
  box-sizing: border-box;
}

.meh {
  border-radius: 20px 20px 20px 20px;
  margin-bottom: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.3);
  height: 100%;
}

/* galerija slik na uvodni strani */
.gallery {
  display: flex;
  gap: 20px;
}

.stolpec {
  width: 220px;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.track {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.track img {
  width: 100%;
  height: auto;
  display: block;
}

/* GOR */
.gor {
  animation: slideUp 18s linear infinite;
}

/* GOR počasneje */
.gor2 {
  animation: slideDown 22s linear infinite;
}

/* DOL */
.dol {
  animation: slideUp 20s linear infinite;
}


/* ANIMACIJE */

@keyframes slideUp {

  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }

}

@keyframes slideDown {

  0% {
    transform: translateY(-50%);
  }

  100% {
    transform: translateY(0);
  }

}




/* blok 1 */

.blok-1 {
  background: #EEF0F5;
  position: relative;
  float: left;
  width: 100%;
}

.blok-1 h2 {
  font-weight: 700;
  font-size: 42px;
}

.moduletable.hcerinske-spodaj h2 {
  font-size: 42px;
}

.hcerinske-spodaj {
  padding: 100px 0px 0px 0px;
  width: 100%;
  overflow: hidden;
}

.hcerinske-spodaj hr {
  border-top: 1px solid #949494 !important;
  margin: 15px 0px 20px 0px !important;

}

.hcerinske-spodaj .wf-columns .wf-column:first-child {
  width: 70%;
}

.hcerinske-spodaj .wf-columns .wf-column:last-child {
  width: 30%;
}

.hcerinske-spodaj .wf-columns .wf-column {
  flex: content;
}

/* uvod */
.uvod {
  display: flex;
  height: 100vh;
  margin: 0;
  font-size: 18px;
}

.uvod h3 {
  margin-bottom: 30px;
  font-size: 46px;
  font-weight: 600;
}

.uvod .content {
  max-width: 520px;
  margin: 0 auto;
  padding: 0px 50px;
}

 .uvod img {
    max-width: 270px;
    margin: 0px 0px 50px 0px;
}

.korpo, .gos-sluz {
  width: 50%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.korpo {
  background-color: var(--blue);
  color: #FFFFFF;
}

.gos-sluz {
  background-color: var(--green);
  color: #fff;
}

.gumb-uvod {
  width: 100%;
  float: left;
}

/* tabela */

table {
  width: 100%;
  border: 1px solid #eee;
}
table tr td {
  border: 1px solid #eee;
  padding: 8px;
  vertical-align: top;
}

table tr:first-child {
  background-color: var(--blue);
  color: #fff;
} 

.kariera table {
  border: none;
}

.kariera table tr {
  border-bottom: 1px solid #eee !important;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.kariera .table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: #fff !important;
}

table tr:first-child {
  background-color: #fff;
}

.kariera table tr td, .kariera table tr th  {
	width: 100% !important;
	display: block;
}

.kariera .table > :not(caption) > * > * {
  padding: 0;
}

.kariera table tr td, .kariera table tr th {
  border: none;
}

.kariera .table-bordered > :not(caption) > * {
  border-width: 0;
}

.kariera .table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-bg-type: none;
}

.kariera .list-title a {
  font-size: 20px;
  font-weight: 500;
}

/* blog */

.moduletable.ostale-td ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.moduletable.ostale-td ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  flex: 0 0 33.33%;
  max-width: calc(33.33% - 27px);
  background: #E5E9F0;
  overflow: hidden;
}

.moduletable.ostale-td ul li:hover .slika-blog {
  transition: all 0.5s ease;
  transform: scale(1.03, 1.03);
} 

.moduletable.ostale-td ul li .slika-blog {
  transition: all 0.5s ease;
}

.slika-blog {
  width: 100%;
  position: relative;
  height: 300px;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
}

.text-blog h3 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.grad .text-blog h3 {
  padding-bottom: 20px;
}

.text-blog {
  text-align: center;
  padding: 40px 30px;
  position: relative;
  z-index: 2;
  background: #E5E9F0;
}

/* zadnje novice */

.article-layout {
  display: block;
}

.article-layout.has-sidebar {
  display: flex;
  gap: 40px;
}

.article-main {
  flex: 1;
}

.article-sidebar {
  width: 400px;
  flex-shrink: 0;
  padding-left: 50px;
}

.moduletable.zadnje ul {
  padding: 0;
  margin: 0;
}

.moduletable.zadnje ul li {
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
  background-image: none !important;
}

.moduletable.zadnje ul li a {
  display: block;
  padding: 15px 0px;
  border-bottom: 1px dashed #eee;
  font-size: 18px;
  color: #000;
  text-decoration: none;
}

.moduletable.zadnje ul li a:hover {
  color: var(--green);
} 

.novicke .article-image-intro, .ref .article-image-intro {
  display: block;
}

.article-image-intro {
  margin-bottom: 30px;
  display: none;
}

/* katalog referenc */

.katalog-r {
  position: relative;
  float: left;
  width: 100%;
  background:#0456a2;
  border-bottom: 1px solid #fff;
}

a.katalog-gumb {
  background: var(--green);
  color: #fff !important;
  font-size: 20px;
  border-radius: 10px;
  padding: 10px 35px 10px 80px;
  display: inline-block;
  background-image: url(/images/icons/pdf-ikona.png);
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 47px;
}

a.katalog-gumb:hover {
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 47px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}

.katalog-r .wf-column:last-child {
  display: flex;
  align-items: center;
}

.katalog-r .wf-column:last-child p {
  width: 100%;
  margin: 0;
}

/* blog - arhiv */

.blog h1 {
  padding: 0px 0px 50px 0px;
  margin: 0;
}

.blog h2 {
  font-size: 22px;
  font-weight: 500;
}

.com-content-category-blog__item.blog-item {
  padding: 10px;
  position: relative;
  width: calc(33.33% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-content: flex-start;
  margin-bottom: 50px;
}

.com-content-category-blog__item.blog-item .item-content:hover {
  text-decoration: none;
}

.com-content-category-blog__item.blog-item:hover .left.item-image img {
  transition: transform 0.5s ease;
  transform: scale(1.05);
}

.com-content-category-blog__items.blog-items.items-leading {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.left.item-image {
  position: relative;
  height: 300px;
  margin-bottom: 20px;
}

.left.item-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: none !important;
  --bs-btn-border-color: none !important;
}

.readmore [class^="icon-"] {
  display: none;
}

.readmore a {
  padding: 7px 45px 7px 0px;
  margin: 20px 0px 0px 0px;
  background-image: url(/templates/joomstarter/images/more.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 0;
  transition: all 0.5s ease;
  transform: scale(1.03, 1.03);
  color: #000 !important;
  text-decoration: none !important;
}

.readmore a:hover {
  background-image: url(/templates/joomstarter/images/more_blue.svg) !important;
  color: var(--green);
  background: none;
  padding: 7px 45px 7px 0px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 30px;
  color: var(--blue);
  transition: all 0.5s ease;
  transform: scale(1.03, 1.03);
}

.pagination {
  --bs-pagination-disabled-bg: #f3f8fc;
  --bs-pagination-active-bg: #555;
}

.pagination li {
  background-image: none !important;
  padding-left: 0;
  margin: 0px 5px;
}

.create {
  font-size: 14px;
  color: #3E3E40;
}

.com-content-article.item-pagenovicke .create {
  margin-top: 20px;
}

 .active > .page-link {
  background-color: #555 !important;
  border-color: #555 !important;
  text-decoration: none !important;
}

.page-link {
  text-decoration: none !important;
}

.disabled > .page-link {
  background: none !important;
}

dl {
  margin-bottom: 6px !important;
}

.field-entry.reference {
  display: none;
}

ul.fields-container {
  margin: 0px 0px 10px 0px;
  padding-left: 0;
}

li.field-entry.naziv-reference {
  list-style-type: none;
  padding: 5px 15px;
  margin: 0;
  border: 1px solid var(--blue);
  display: inline-block;
  color: var(--blue);
  background-image: none !important;
}

.com-content-article ul.fields-container {
  display: none;
}


/* gumbi*/

a.vstopi {
  display: inline-block;
  padding: 20px 40px;
  color: var(--green);
  font-size: 24px;
  width: 700;
  text-decoration: none;
  margin-top: 50px;
}

.korpo a.vstopi {
  border: 2px solid #fff;
}

.gos-sluz a.vstopi {
  border: 2px solid var(--blue);
  color: var(--blue);
}

.korpo a.vstopi:hover {
  background: #fff;
}

.gos-sluz a.vstopi:hover {
  background: var(--blue);
  color: var(--green);
}

a.gumb1 {
  background: var(--blue);
  color: #fff !important;
  padding: 10px 60px 10px 40px;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  margin-right: 30px;
  background-image: url(/templates/joomstarter/images/pus-bela.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

a.gumb1:hover {
    background-image: url(/templates/joomstarter/images/pus-crna.svg) !important;
    background: #fff;
    color: #000 !important;
    background-repeat: no-repeat;
    background-position: right 20px center;
} 

a.gumb2 {
  background:#fff;
  color: #000;
  padding: 10px 60px 10px 40px;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  background-image: url(/templates/joomstarter/images/pus-crna.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

a.gumb2:hover {
    background-image: url(/templates/joomstarter/images/pus-bela.svg) !important;
    background: var(--blue);
    color: #fff !important;
    background-repeat: no-repeat;
    background-position: right 20px center;
} 

a.gumb {
  border: 1px solid var(--blue);
  padding: 5px 15px;
  display: inline-block;
}

a.gumb:hover {
  border: 1px solid var(--green);
  padding: 5px 15px;
  display: inline-block;
}

/* top */

.top {
  position: fixed;
  width: 100%;
  z-index: 11;
  padding: 30px 0px;
  line-height: 140%;
  background: var(--blue);
  border-bottom: 1px solid #fff;
}


.kostak-home .top {
  background: none;
  border-bottom: none;
  background: linear-gradient(180deg,rgba(0, 25, 56, 0.79) 1%, rgba(2, 39, 77, 0) 100%);
}

.vsebina {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 112px;
}

.vsebina a {
  color: var(--blue);
  text-decoration: none;
}

.vsebina a:hover {
  color: var(--green);
}

.vsebina ul  {
  padding: 5px 0px 5px 2px;
  margin: 0;
}

.vsebina ul li {
  padding: 2px 0px 2px 20px;
  margin: 0;
  list-style-type: none;
  background-image: url(/templates/joomstarter/images/bullet.svg);
  background-repeat: no-repeat;
  background-position: top 8px left;
}

.kostak-home .vsebina {
  margin-top: 0;
}

.vsebina img {
  vertical-align: center;
}

.vsebina h1 {
  margin-bottom: 20px;
}

.vsebina a img {
  transition: all 0.5s ease;
}

.vsebina a img:hover {
  transition: all 0.5s ease;
  transform: scale(1.03, 1.03);
}

.logo {
  float: left;
  width: 142px;
}

/* barva logotipov */

.kostak-home a.logo-d, .kostak-home .top.scroll a.logo-w {
  display: block;
}

.kostak-home .top.scroll a.logo-d, a.logo-d, .kostak-home a.logo-w  {
  display: none;
}

/* Meni */

.meni {
  float: left;
  width: calc(100% - 332px); 
  text-align: center;
}

.dj-megamenu-wrapper {
    display: inline-block;
}

.dj-megamenu-clean li a.dj-up_a {
  height: auto;
  color: #fff!important;
  padding: 0px 14px !important;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.dj-megamenu-clean li a.dj-up_a > span {
  height: auto;
}

.meni .dj-megamenu-clean li a.dj-up_a:hover {
  color: var(--green) !important;
}

.meni .dj-megamenu-clean li.active a.dj-up_a {
  color: var(--green) !important;
  background-image: url(/2026/templates/joomstarter/images/crtica.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.dj-megamenu-clean .arrow {
  right: 26px;
} 

.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus {
  color: #fff !important;
}

.dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-mobile-open-btn.active .dj-mobile-open-icon {
  color: #fff !important;
  background: none !important;
}

/* podmeni */

.dj-megamenu-clean li ul.dj-submenu {
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  text-align: left;
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
  color: #000;
  padding: 8px 20px;
  border-bottom: 1px solid #faf8f4;
}

.dj-megamenu-clean li ul.dj-submenu > li:last-child > a {
  border-bottom: none;
}

.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
  border-radius: 0px 0px 10px 10px;
}

.dj-megamenu-clean li ul.dj-submenu > li:last-child:hover > a, .dj-megamenu-clean li ul.dj-submenu > li:last-child.active > a  {
  border-radius: 0px 0px 10px 10px;
}

.dj-megamenu-clean li ul.dj-submenu > li:hover > a {
  background: var(--green);
  color: #fff;
  text-shadow: 0.5px 0.5px 0 rgba(0, 0, 0, 0.2);
}

.dj-megamenu-clean li ul.dj-submenu > li.active > a {
  color: #000;
  font-weight: 600;
  background: #fff;
}


/********/

.gumb-komunala {
  float: left;
  width: 160px;
}

.gumb-komunala a {
  padding: 14px 40px 14px 20px;
  border: 1px solid #fff;
  text-decoration: none;
  display: inline-block;
  color: var(--green);
  font-weight: 700;
  background-image: url(/templates/joomstarter/images/iko-gumb.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.gumb-komunala a:hover {
  background-color: var(--green);
  color: #fff;
  border: 1px solid var(--green);
} 

.jeziki {
  float: left;
  width: 30px;
  margin-top: 15px;
  text-align: right

}

/** .ikona-meni {
  float: left;
  width: 20px;
  margin-top: 15px;
}**/

.kostak-home .crta {
  border-bottom: 1px solid #fff;
  width: 100%;
  position: relative;
  float: left;
  padding-bottom: 30px;
}

.crta {
  border-bottom: none;
  padding-bottom: 0;
}

.top.scroll {
  background: var(--blue);
}

.top.scroll .crta {
  border-bottom: none;
  padding-bottom: 0;
}

/* hčerinske družb */

.druzbe h3 {
  z-index: 2;
  font-size: 28px;
}

.moduletable.druzbe .naslov-ime {
  display: none;
}

.newsflash-horizdruzbe {
  display: flex;
  gap: 40px;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}

.newsflash-horizdruzbe li {
  flex: 0 0 33.33%;
  max-width: calc(33.33% - 27px);
  padding: 0 !important;
  background-image: none !important;
}

.newsflash-horizdruzbe li a {
  display: block;
  height: 100%;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.newsflash-horizdruzbe li:hover .nago::before {
  transform: translateY(0);
}

/* nagovori */

.newsflash-horiznagovor {
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.newsflash-horiznagovor li {
  flex: 1;
  background-image: none !important;
  padding: 0 !important;
}

.newsflash-horiznagovor li a {
  display: block;
  height: 100%;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.nago {
  height: 400px;
  padding: 20px;
  background-size: cover !important;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
  overflow: hidden;
}


/* gradient (ostane spodaj) */
.nago::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(35,78,136,1) 0%, rgba(255,255,255,0) 94%);
  z-index: 1;
}

/* modra plast (animacija) */
.nago::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--blue);
  transform: translateY(100%);
  transition: transform 0.5s ease;
  z-index: 1;
}

/* hover efekt */
.newsflash-horiznagovor li:hover .nago::before {
  transform: translateY(0);
}

.introtext {
  position: relative;
  z-index: 2;
}

.nago hr {
  border: none;
  border-top: 2px solid var(--green);
  opacity: 1 !important;
  margin: 10px 0;
}

ul.newsflash-horizobvestila li:hover .vec {
  background: #007EC3;
  transition: transform 0.3s ease;
} 

ul.newsflash-horizobvestila li:hover .vec img {
  filter: brightness(0) invert(1);
}

/* izpostavljeno */

ul.newsflash-horizizpos {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  overflow: hidden;
  transition: transform 0.4s ease;
}

ul.newsflash-horizizpos li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 0 0 calc((100% - 40px) / 1.3);
}

.izpo {
  position: relative;
  width: 100%;
  height: 300px;
  background-size: cover !important;
  background-position: center !important;
}

.izpo-text {
  padding: 20px 10px;
}

.izpo-text h4 {
  font-size: 22px;
}

/* Novice in obvestila */

.vec {
  z-index: 3;
  width: 45px;
  height: 45px;
  top: 0;
  right: 0;
  background: #fff;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.moduletable.obvestila {
  position: relative;
  width: 100%;
}

ul.newsflash-horizobvestila {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  overflow: hidden;
  transition: transform 0.4s ease;
}

ul.newsflash-horizobvestila li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  flex: 0 0 calc((100% - 40px) / 3.3);
}

ul.newsflash-horizobvestila li a {
  text-decoration: none;
  color: #fff;
  display: block;
  height: 100%;
}

.moduletable.obvestila h4 {
  font-size: 20px;
  font-weight: 600;
  z-index: 2;
}

.novice-obv {
  height: 400px;
  padding: 20px;
  background-size: cover !important;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

img.arrow-left {
  margin-right: 10px;
}

.arrow-left,
.arrow-right {
  transition: 0.2s;
}

.arrow-disabled {
  filter: grayscale(100%);
  opacity: 0.4;
  pointer-events: none;
}


/* gradient (vedno prisoten) */
.novice-obv::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(35,78,136,1) 0%, rgba(255,255,255,0) 94%);
  z-index: 1;
}

/* modra plast, ki se zapelje gor */
.novice-obv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(35, 78, 136, 1) 100%, rgba(255, 255, 255, 0) 94%);
  transform: translateY(100%);
  transition: transform 0.5s ease;
  z-index: 1;
}

/* hover efekt */
ul.newsflash-horizobvestila li a:hover .novice-obv::before {
  transform: translateY(0);
}

.introtext2 {
  position: relative;
  z-index: 2;
}

/* bott */

.bott {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 50px;
  background: var(--blue);
  color: #fff;
}

.bott .ikonce img {
  height: 30px;
  margin-right: 10px;
}

.bott a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.bott ul {
  padding: 0;
  margin: 0;
}

.bott ul li {
  padding: 5px 0px;
  margin: 0;
  list-style-type: none;
}

.bott a:hover {
  color: var(--green);
}

.bott .wf-columns {
  gap: 50px;
}

.mod-footer {
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid #fff;
  padding: 20px 0px;
  margin-top: 50px;
}

.footer2 {
  display: none;
}

/* bradcrumbs */

.kostak-home .bread {
  display: none;
}

.vsebina .py-2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.vsebina .px-3 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}


.vsebina [class*=" icon-"] {
  display: none;
}

.vsebina .moduletable.brad {
    width: 100%;
    margin: 0 auto;
    padding: 0px 30px;
    max-width: 1420px;
}

.vsebina .breadcrumb-item.active {
  font-weight: 600;
}

.vsebina .breadcrumb-item.active {
  color: #000;
}

.vsebina .breadcrumb-item + .breadcrumb-item::before { 
  color: #000 !important;
}

.moduletable.brad a {
  color: #000;
  text-decoration: none;
}

.moduletable.brad a:hover {
  color: var(--green) !important;
}

.breadcrumb li a[href="/results.html"] {
    display: none;
}

.breadcrumb li a[href="/results.html"] + * {
    display: none;
}

.breadcrumb li:has(a[href="/results.html"]) + li::before {
    display: none;
}

.bread {
  position: relative;
  width: 100%;
  padding: 80px 0px 20px 0px;
  background:#fff;
}

body:has(.pagebuilderck) .bread {
    background: var(--blue);
}

body:has(.pagebuilderck) .vsebina .breadcrumb-item.active {
  color: #fff;
}

body:has(.pagebuilderck) .vsebina .breadcrumb-item + .breadcrumb-item::before { 
  color: #fff !important;
}

body:has(.pagebuilderck) .moduletable.brad a {
  color: #fff;
  text-decoration: none;
}

/* dejavnosti */

.row2 {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  padding: 100px 0;
  border-bottom: 1px solid #E5E9F0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.inner2 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 30px;

}

.moduletable.dejav h2 {
  font-size: 48px;
}

.left2 {
  position: relative;
  float: left;
  width: 40%;
}

.middle2 {
  position: relative;
  float: left;
  width: calc(60% - 100px);
  justify-content: center;
  opacity: 0;
  transition: all 0.5s ease;
}

.right2 {
  position: relative;
  float: left;
  width: 100px;
  text-align: right;
  background-image: url(/templates/joomstarter/images/vec-w.svg);
  background-repeat: no-repeat;
  min-height: 50px;

  transform: translateX(0);
  transition: transform 0.5s ease;
}

.row2:hover .right2 {
  transform: translateX(50px);
  background-image: url(/templates/joomstarter/images/vec-b.svg);
}

.row2:hover {
  background-color: #E5E9F0;
  transition: all 0.5s ease;
}

.row2:hover .middle2 {
  opacity: 1;
  transition: all 0.5s ease;
}

.left2 h2 {
  display: inline-block; /* pomembno */
  transform: translateX(100px);
  transition: transform 0.5s ease;
}

.row2:hover .left2 h2 {
  transform: translateX(0);
}



@media only screen and (max-width: 1200px) {
  .article-sidebar {
    width: 350px;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 1024px) {
  .uvod .content {
    padding: 0px 20px;
  }

  .uvod img {
    max-width: 250px;
    margin: 80px 0px;
  }

  ul.newsflash-horizobvestila li {
    flex: 0 0 calc((100% - 40px) / 2.3);
  }

  .newsflash-horizdruzbe {
    display: flex;
    gap: 20px;
  }

  .newsflash-horizdruzbe li {
    flex: 0 0 33.33%;
    max-width: calc(33.33% - 14px);

  }
   .article-sidebar {
    width: 300px;
    padding-left: 5px;
  }

  #row_ID1774432231032 a.pbck-link-wrap {
    font-size: 24px !important;
    padding: 20px !important;
  }

}

@media only screen and (max-width: 960px) {
  .newsflash-horiznagovor {
    flex-wrap: wrap;
  }
  
  .newsflash-horiznagovor li {
    flex: 0 0 calc(50% - 10px);
  }

  .bott .wf-column {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 10px;
  }

  .bott .wf-column:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  } 

  .newsflash-horizdruzbe li {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
  }

  .com-content-category-blog__item.blog-item {
    width: calc(50% - 15px);
  }

  img.mobi {
    display: none !important;
  }

  h2.titleck.iko {
    background-image: url(/images/icons/kostak-znak.svg);
    background-position: top right;
    background-repeat: no-repeat;
    width: 100%;
    padding-right: 100px;
  }

  #row_ID1774432231032 {
    text-align: center;
  }

  .right {
    text-align: left !important;
  }

  .moduletable.ostale-td ul li {
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
  }

  li.result__item {
    width: calc(50% - 25px);
  }

}

@media only screen and (max-width: 769px) {
  .korpo, .gos-sluz {
    width: 100%;
    height: auto;
    padding-bottom: 100px;
  }
  .uvod {
    display: block;
    height: auto;
  }

  .slogan-inner {
    width: 100%;
  }
  ul.newsflash-horizobvestila li, ul.newsflash-horiznagovor li  {
    flex: 0 0 calc((100% - 40px) / 1.1);
    scroll-snap-align: start;
  }

  .newsflash-horiznagovor {
    flex-wrap: nowrap;
  }

  ul.newsflash-horizobvestila, ul.newsflash-horiznagovor  {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .right, a.buttonck.iconck.inner.right {
    text-align: left;
  }
  
  .article-layout.has-sidebar {
    gap: 0;
    flex-wrap:wrap;
  }

  .article-sidebar {
    width: 100%;
    padding-left: 0;
    padding-top: 50px;
  }

  #row_ID1774432231032 a.pbck-link-wrap {
    font-size: 28px !important;
    padding: 20px !important;
  }

  li.result__item {
    width: 100%;
    margin-right: 0px;
  }

  /* mehurčki */

  ul.newsflash-horiztrajnost {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 16px;

    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;

    padding-bottom: 10px;
  }

  ul.newsflash-horiztrajnost li {
    flex: 0 0 80%;
    width: auto;

    scroll-snap-align: start;
  }

  /* optional - skrije scrollbar */
  ul.newsflash-horiztrajnost::-webkit-scrollbar {
    display: none;
  }

  ul.newsflash-horiztrajnost {
    scrollbar-width: none;
  }

}

@media only screen and (max-width: 650px) {
  .slogan h1 {
    font-size: 57px;
  }
}

@media only screen and (max-width: 524px) {
  .uvod img {
    max-width: 200px;
    margin: 50px 0px;
  }
  .content {
    padding: 0 15px;
  }

  .vsebina .moduletable.brad {
    padding: 0px 15px;
  }

  .blog, .com-content-article  {
    padding: 30px 15px 30px 15px;
  }

  .com-finder.finder {
    padding: 30px 15px 30px 15px;
  }

  .mod-jfilters_filters {
      padding: 0px 9px 0px 9px;
  }

  .inner.animate.clearfix {
    padding: 0 15px;
  }

  .newsflash-horizdruzbe li {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .com-content-category-blog__item.blog-item {
    width: 100%;
  }

  .hcerinske-spodaj {
    padding: 50px 0px 0px 0px;
  }
  
  .moduletable.ostale-td ul li {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mod-jfilters_filters ul li {
    margin-bottom: 30px;
  }
  .mod-jfilters_filters ul li a {
    padding: 12px;
    margin-right: 9px;
  }

  .gumb-komunala, .ikona-meni, .jeziki {
    display: none;
  }

  .meni {
    width: calc(100% - 142px);
    text-align: right;
  }
  .top {
    padding: 15px 0px;
  }

  .bread {
    padding: 20px 0px 1px 0px;
  }

  .vsebina {
    margin-top: 79px;
  }

  .slogan {
    bottom: 50px;
  }

  .slogan h1 {
    font-size: 48px;
    margin-bottom: 30px
  }

  .gallery, .track {
    gap: 10px;
  }
  .stolpec {
    height: 350px;
  }
}

.cpnb-message {
  width: 100%;
}

#cpnb_manager_wrap a {
  color: var(--blue);
}

#cpnb_manager_wrap a:hover {
  text-decoration: underline;
}