/* FRONTEND CSS
*********************************************/
html {
    overflow-y: scroll;
  }
  body {
    background-color: #FFFFFF;
     font-family: "Roboto", sans-serif;
    line-height: 180%;
  }
  
  * {
      -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;
  }

  a, a:hover {
    transition: all 0.5s ease;
  }

  :root {
    --red:#E30613;
  }
  
  strong, b {
    font-weight: 600;
  }

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

  h1 {
    font-size: 38px;
    font-weight: 700;
    padding: 0px 0px 20px 0px;
    margin: 0;
  }

  h2 {
    font-size: 24px;
    font-weight: 500;
    padding: 0;
  }

  h3 {
    font-size: 20px;
    font-weight: 500;
    padding: 0;
  }

/* tabela */

table tr td {
  vertical-align: top;
}

.com-content-article table:not([border="0"]) {
    border-collapse: collapse;
    border: 1px solid #eee;
}

/* Celice, samo če tabela ni border=0 */
.com-content-article table:not([border="0"]) th,
.com-content-article table:not([border="0"]) td {
    border: 1px solid #eee;
}

/* Privzeti padding (lahko se prepiše z cellpadding) */
.com-content-article table th,
.com-content-article table td {
    padding: 5px;
}
/* top */

.top {
  padding: 13px 0px;
  color: #fff;
  background: #E30613;
  font-size: 14px;
  position: relative;
  float: left;
  width: 100%;
}

.linki-top {
  float: left;
  width: calc(100% - 440px);
}

.linki-top a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.linki-top a:hover {
  text-decoration: underline;
}

.iskalnik {
  float: left;
  width: 300px;
}

.besedilo-clanek .btn.btn-primary {
  background: var(--red);
}

.besedilo-clanek .btn-primary {
  --bs-btn-border-color: var(--red);
}

.besedilo-clanek .article-category {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.social-top {
  float: left;
  width: 140px;
  text-align: right;
}

.social-top img {
  margin: 0px 5px;
}

.social-top img:hover {
  filter: invert(1);
}

/* top 2 */

.top-2 {
  padding: 10px 0px;
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid var(--red);
}

.logo {
  float: left;
  width: 160px;
  margin-top: 15px;
}

.meni {
  float: left;
  width: calc(100% - 410px);
  padding-left: 20px;
}

.meni .dj-megamenu-clean li a.dj-up_a {
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
}

.meni .dj-megamenu-clean li.active a.dj-up_a, .meni .dj-megamenu-clean li a.dj-up_a:hover {
  color: var(--red);
}

/* barva ozadja mobi */

.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
  color: #000;
}

  .dj-offcanvas-dark, .dj-offcanvas-dark .dj-offcanvas-top {
    background: #25272d;
  }

  ul.dj-mobile-dark li.dj-mobileitem > a {
    background: none;
    font-size: 18px;
  }

  ul.dj-mobile-dark li.dj-mobileitem > a:hover {
    color: var(--red);
  }

  ul.dj-mobile-dark li.dj-mobileitem:hover > a, ul.dj-mobile-dark li.dj-mobileitem.active > a {
    background: none;
  }

  ul.dj-mobile-dark ul li.dj-mobileitem > a {
    background: none;
    border-top: 1px solid #474e60;
  }

  .dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-dark .dj-mobile-open-btn:focus, .dj-megamenu-select-dark:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, .dj-megamenu-accordion-dark .dj-mobile-open-btn:hover, .dj-megamenu-accordion-dark .dj-mobile-open-btn:focus {
    background: none !important;
    color: #000;
  }

  .dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    background: none;
  }

  /* Ikonca menuja */


  .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("/images/icons/meni.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* odstrani FontAwesome */
    font: none;
}

  /******************/

.vreme {
  float: left;
  width: 250px;
  text-align: right;
  margin-top: 14px;
}

/* top-3 */

.top-3 {
  padding: 5px 0px;
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
}

.meni2 {
  float: left;
  width: calc(100% - 250px);
}

.meni2 a {
  color: #000;
  text-decoration: none;
  padding: 0px 20px 0px 0px;
}

.meni2 a:hover {
  color: var(--red);
} 

.meni2 img {
  vertical-align: middle;
  margin: -3px 20px 0px 20px;
}

.ura {
  float: left;
  width: 250px;
  text-align: right;
  font-size: 12px;
}

/* parsi */

.parsi {
  width: 100%;
  position: relative;
  float: left;
  padding-top: 50px;
}

.parsi-in1 {
  width: 100%;
  border: 1px solid #EBEBEB;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
  float: left;
  font-size: 13px;
  line-height: 23px;
  height: 34px;
  overflow: hidden;

}

.parsi-in2 {
  width: 100%;
  border: 1px solid #EBEBEB;
  padding: 5px;
  border-radius: 0px 0px 5px 5px;
  float: left;
  font-size: 13px;
  line-height: 23px;
  border-top: none;
  height: 34px;
  overflow: hidden;
}

.pars-1, .pars-2, .pars-3, .pars-4, .pars-5, .pars-6, .pars-7 {
  float: left;
  width: auto;
  overflow: hidden;
  border-right: 1px solid #EBEBEB;
  padding: 0px 5px;
}

.pars-4, .pars-7 {
  border-right: none;
}

/* iskalnik */

.search .mod-finder__search.input-group {
  flex-wrap: inherit;
}

#search-results a {
  color: var(--red);
}

.iskalnik button[type="submit"] {
  font-size: 0; /* Skrije besedilo */
}

.iskalnik button[type="submit"] .icon-search {
  font-size: 16px; 
  color: #000;
}

.iskalnik .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 100px;
  margin-left: -32px;
  margin-top: 1px;
}

.iskalnik .btn-primary {
  border: none;
  background-color: #fff;
  width: 30px;
  height: 30px;
  padding: 0;
}

.iskalnik .btn-primary:hover {
  background-color: #eee;
}

.iskalnik .input-group .btn {
  position: relative;
  z-index: 5;
}

.iskalnik .form-control {
  border-radius: 100px !important;
  background-color: #fff;
  border: none;
  padding: 3px 0px 3px 15px;
}

.iskalnik input::placeholder {
  color: #717680
}

.iskalnik input:focus::placeholder {
  color: #eee;
}

.iskalnik .mod-finder input {
  color: #717680;
}

/* uvodne novice */

.uvodne-novice {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 50px;
}

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

.moduletable.novice_uvod ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}

.moduletable.novice_uvod ul li a {
  color: #fff;
  text-decoration: none;
}

.article-separator {
  display: none;
}

/* slika v novici */ 

.slika_1 {
  width: 100%;
  position: relative;
  background-size: cover !important;
  background-position: center center;
}

.moduletable.novice_uvod h3 p {
  padding: 10px 20px 20px 20px;
  font-size: 20px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 60px;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
}


ul.newsflash-horiznovice_uvod li:first-child h3 p {
  font-size: 36px;
  font-weight: 700;
  height: 100px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
}

.moduletable.novice_uvod .category {
  background: var(--red);
  display: inline-block;
  padding: 0px 20px;
  font-size: 14px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

ul.newsflash-horiznovice_uvod li {
  width: 33.33%;
  float: left;
  margin: 0;
  overflow: hidden;
}

/* resize */

ul.newsflash-horiznovice_uvod li .slika_1 {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

ul.newsflash-horiznovice_uvod li .slika_1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
  z-index: 0;
}

ul.newsflash-horiznovice_uvod li:hover .slika_1::before {
  transform: scale(1.05);
}

ul.newsflash-horiznovice_uvod li .slika_1 .oki {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.40) 0%, rgba(255, 255, 255, 0) 100%);
}

/************/

ul.newsflash-horiznovice_uvod li:first-child {
  width: calc(66.66% - 20px);
  margin-right: 20px;
  float: left;
}

ul.newsflash-horiznovice_uvod li:nth-child(2) {
  margin-bottom: 20px;
}

ul.newsflash-horiznovice_uvod li:nth-child(4), ul.newsflash-horiznovice_uvod li:nth-child(5) {
  margin-top: 20px;
  margin-right: 20px;
  width: calc(33.33% - 20px);
}

ul.newsflash-horiznovice_uvod li:nth-child(6) {
  margin-top: 20px;
}

ul.newsflash-horiznovice_uvod li:first-child .slika_1 {
  height: 420px;
}

ul.newsflash-horiznovice_uvod li .slika_1 {
  height: 200px;
}

/* blok-1 */

.blok-1 {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 50px;
}

.moduletable.blok1 {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 50px 0px;
  line-height: 150%;
  margin-top: 50px;
  width: 100%;
  float: left;
}

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

.moduletable.blok1 a:hover {
  color: var(--red);
}

.moduletable.blok1 img {
  float: left;
  margin-right: 30px;
  margin-top: -5px;
}

.moduletable.blok1 .naslov-s {
  display: inline-block;
  padding-bottom: 8px;
}

/* gallery */

.tab-click-loadMore.active, .osgalery-cat-tabs {
  display: none !important;
}


/* novice */

.novice {
  float: left;
  width: calc(100% - 300px);
  padding-right: 20px;
}

.novice-desno {
  float: left;
  width: 300px;
}

.category2 {
  color: var(--red);
}

.moduletable.oglas1 {
  padding-bottom: 20px;
}

.besedilo-clanek .mod-banners.bannergroup {
  padding-bottom: 0;
}

.mod-banners__item.banneritem {
  padding-bottom: 20px;
}

.oglas-3 .mod-banners__item.banneritem {
  padding-bottom: 0;
}

.moduletable.ne-spreglej {
  background: #F5F4EF;
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px;
}

.moduletable.ne-spreglej.sorodne {
  background: none;
  border:1px solid #5E5E5E;
} 

.moduletable.ne-spreglej h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 30px 0px 10px 0px;
  background-image: url(/templates/joomstarter/images/crta.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.moduletable.ne-spreglej ul {
  padding: 0;
  margin: 0;
}

.moduletable.ne-spreglej ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.moduletable.ne-spreglej ul li a {
  color: #000;
  padding: 7px 0px;
  display: block;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 72px;
}

.moduletable.ne-spreglej ul li a:hover {
  color: var(--red);
}

/* osredje */

.osredje {
  position: relative;
  float: left;
  width: 100%;
}

/* dodatki */

.wf-columns {
  gap: 2rem;
}

a.vec {
  color: #000;
  font-weight: 500;
  display: block;
  text-decoration: none;
  padding: 8px 10px;
  border: 1px solid #000;
  text-align: center;
}

a.vec:hover {
  border: 1px solid var(--red);
  background: var(--red);
  color: #fff !important;
  text-decoration: none !important;
} 

.readmore a {
  background: var(--red);
  color: #fff;
  border: none;
  border-radius: 1px;
  margin-top: 15px;
}

button.osveziGumb {
  border: 1px solid var(--red);
  background: var(--red);
  color: #fff;
  border-radius: none;
  padding: 5px 15px;
}

button.osveziGumb:hover {
  background:#555;
  border: 1px solid #555;
} 

/* malice */

.malice .desno-clanek, .error .desno-clanek  {
  display: none;
}

.malice .besedilo-clanek, .error .besedilo-clanek  {
  width: 100%;
  padding-right: 0;
}

.error .parsi {
  display: none;
}

.error .osredje {
  display: none;
}

.malice .kdz_btn {
  display: none;
}

.malice .kdz_pill {
  background: none;
  border: none;
  font-weight: 700;
  padding: 8px 0px;
}

.malice #kdz_city, .malice #kdz_rid {
  font-weight: 700;
  margin: 0px 7px;
}

.malice label {
    font-weight: 700 !important;
}

.malice .kdz_select {
  padding: 10px 15px;
}

/* banner in */

.banner-caption {
    font-style: italic;
    margin-top: 5px;
    color: #555;
    padding-bottom: 20px;
}

.banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* tags */

ul.tags {
  width: 100%;
  margin-top: 20px;
}

.tags a {
  color: #fff !important;
  background: var(--red);
  border-radius:0;
  border: none;
}

.tags a:hover {
  background: #4a4a4a;
  color: #fff;
}


.btn:first-child:active {
  color: #fff !important;
  background-color: #4a4a4a !important;
  border-color:none !important;
}

.tag-category form {
  display: none;
}

.com-tags__items .list-group-item {
  border: none;
}

.com-tags__items ul {
  padding: 0;
  margin: 0;
}

.com-tags__items ul li {
  padding: 0;
  margin: 0;
  width: calc(33.33% - 20px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}


.com-tags__items ul li img {
  transition: transform 0.3s ease;
}

.com-tags__items ul li:hover img {
  transform: scale(1.01);
  transition: transform 0.3s ease;
}

.com-tags__items ul li h3 a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  margin: 15px 0px 0px 0px;
  padding: 0;
  display: inline-block;
}

.com-tags__items .list-group {
  display: initial;
}

.list-group-item-action:hover {
  background:none;
}

.com-content-category-blog__item.blog-item ul.tags.list-inline {
  display: none;
}

.com-content-category-blog__item.blog-item .page-header {
  font-size: 20px;
  font-weight: 500;
}

.com-content-category-blog__item.blog-item h2 {
  display: inline-block;
}

.com-content-category-blog.blog .caption {
  display: none;
}

li.com-content-blog__link a {
  color: #000;
}

li.com-content-blog__link a:hover {
  color: var(--red);
}

.category3 {
  color: var(--red);
  font-size: 20px;
  font-weight: 500;
}

.com-tags-tag__category li img {
  width: 100%;          /* širina li-ja naj pokrije celotno sliko */
  height: 200px;        /* višina, ki jo želiš za vse slike */
  object-fit: cover;    /* ohrani razmerje, odreže spodnji/zgornji del */
  object-position: top; /* odreže spodnji del, zgornji del ostane */
  display: block;       /* odstrani morebitne whitespace pod sliko */
}

/* oglas-1 */

.moduletable.oglas {
  background: #F2F2F259;
  padding: 30px 20px;
  text-align: center;
  width: 100%;
  margin-top: 50px;
}

.vsebina .moduletable.oglas {
  margin-top: 30px;
  margin-bottom: 20px;
}

.ikonca-zapri img {
  width: 20px;
  margin-left: 10px;
  padding-bottom: 20px;
}

.tekst-zapri {
  display: inline;
}

/*mod-banners img {
  width: 100%;
}*/

/* malice */

.moduletable.malice {
  width: 100%;
  float: left;
}

.adwords {
    display: none;
}

/* Najbolj brane novice */

.moduletable.najboljbrano {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #000;
  color: #fff;
  padding: 20px;
  width: 100%;
  float: left;
}

ul.mostread-horiznajboljbrano {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

ul.mostread-horiznajboljbrano li {
  list-style-type: none;
  position: relative;
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

ul.mostread-horiznajboljbrano li .slikca {
  transition: transform 0.3s ease;
}

ul.mostread-horiznajboljbrano li:hover .slikca {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

ul.mostread-horiznajboljbrano li a {
  color: #fff;
  text-decoration: none;
}

.moduletable.najboljbrano h3 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 20px;
}

.moduletable.najboljbrano h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  padding: 20px 0px 0px 0px;
}

.slikca {
  width: 100%;
  height: 200px;
  position: relative;
  background-size: cover;
}

.slikca .category {
  background: var(--red);
  display: inline-block;
  padding: 0px 20px;
}

/* vreme */

.vreme2 .petka-ext {
  padding: 0;
  line-height: 24px;
  margin-bottom: 25px;
}

.vreme2 {
  float: left;
  width: calc(100% - 340px);
  padding-right: 20px;
  padding: 50px 20px 50px 0px;
}

.kamere {
  float: left;
  width: 340px;
  padding: 50px 0px;

}

.crta-sp {
  width: 100%;
  float: left;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* video vsebine */

.moduletable.video-vsebine {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #000;
  color: #fff;
  padding: 30px 20px;
  width: 100%;
  float: left;
}

.moduletable.video-vsebine a {
  color: #fff;
  text-decoration: none;
}

.moduletable.video-vsebine li a .news_1 {
    transition: transform 0.3s ease;
}

.moduletable.video-vsebine li a:hover .news_1 {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

.moduletable.video-vsebine h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  padding: 0px 0px 20px 0px;
}

.moduletable.video-vsebine h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  padding: 20px 0px 0px 0px;
}

ul.newsflash-horizvideo-vsebine {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

ul.newsflash-horizvideo-vsebine li {
  list-style-type: none;
  position: relative;
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  max-width: 100%;
  border: 0;
}



/* sponzorji */

.moduletable.sponzorji {
  padding: 50px 0px;
  width: 100%;
  float: left;
  overflow: hidden;
}

.moduletable.sponzorji p {
  display: flex;
  align-items: center;
  gap: 24px;
}

.moduletable.sponzorji p img {
  max-height: 70px;
  width: auto;
  height: auto;
  flex: 1 1 auto;
  min-width: 80px;
  object-fit: contain;
}

/* kategorije na notranjih straneh */

.kategorije {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1332px;
  padding: 0px 30px;
}

.moduletable.kateg ul {
  padding: 0;
  margin: 0;
  overflow: auto;
  width: 100%;
  float: left;
}

.moduletable.kateg ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
  float: left;
}

.moduletable.kateg ul li a {
  color: #000;
  text-decoration: none;
}

.article-separator {
  display: none;
}

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

.moduletable.kateg ul li:first-child {
  width: calc(50% - 10px);
  margin-right: 10px;
} 

.moduletable.kateg ul li:first-child .news_1 {
  height: 450px;
}

.moduletable.kateg ul li:nth-child(2) {
  width: calc(25% - 20px);
  margin: 0px 10px;
}

.moduletable.kateg ul li:nth-child(3) {
  width: calc(25% - 10px);
  margin: 0px 0px 0px 10px;
}

.moduletable.kateg ul li:nth-child(4) {
  width: calc(25% - 20px);
  margin: 20px 10px 0px 10px;
}

.moduletable.kateg ul li:nth-child(5) {
  width: calc(25% - 10px);
  margin: 20px 0px 0px 10px;
}

.opis h3 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}

.moduletable.kateg ul li:nth-child(2) h3 p, .moduletable.kateg ul li:nth-child(3) h3 p, .moduletable.kateg ul li:nth-child(3) h3 p, .moduletable.kateg ul li:nth-child(4) h3 p, .moduletable.kateg ul li:nth-child(5) h3 p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}

.newsflash-horizkateg li:nth-child(n+2) .opis p {
  display: none;
}

.moduletable.kateg ul li:nth-child(2) p, .moduletable.kateg ul li:nth-child(3) p, .moduletable.kateg ul li:nth-child(3) p, .moduletable.kateg ul li:nth-child(4) p, .moduletable.kateg ul li:nth-child(5) p {
  display: none;
}

/* kategorije na sredini */

ul.newsflash-horizkateg2 {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

ul.newsflash-horizkateg2 li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: calc(33.33% - 14.5px);
}

ul.newsflash-horizkateg2 li a {
  color: #000;
  text-decoration: none;
}

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

.opis2 h3 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}

ul.newsflash-horizkateg2 li:nth-child(n+6) {
    display: list-item; 
}

/* Opcijsko, če želiš, da prvih 5 izpadejo */
ul.newsflash-horizkateg2 li:nth-child(-n+5) {
    display: none;
}

/* kategorije novic FP */

.gapi {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
} 

.width25 {
  list-style-type: none;
  position: relative;
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.width25 h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  padding: 10px 0px;
  border-top: 1px solid #EBEBEB;
}

.gapi ul.newsflash-horiznov-sp {
  margin: 0;
  padding: 0;
}

.gapi ul.newsflash-horiznov-sp li {
  list-style-type: none;
  overflow: hidden;
}

.gapi ul.newsflash-horiznov-sp li .slika_1 {
  transition: transform 0.3s ease;
}

.gapi ul.newsflash-horiznov-sp li:hover .slika_1 {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

.gapi ul.newsflash-horiznov-sp li a {
  color: #000;
  text-decoration: none;
}

.gapi ul.newsflash-horiznov-sp li a:hover{
  color: var(--red);
} 

.gapi ul.newsflash-horiznov-sp li:first-child h4 {
  font-size: 20px;
  font-weight: 500;
}

.gapi .moduletable.nov-sp h3 {
  font-size: 20px;
  font-weight: 500;
  background-image: url(/templates/joomstarter/images/right.png);
  background-position: right;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px 0px 15px 0px;
  padding: 0px 20px 0px 0px;
}

.gapi ul.newsflash-horiznov-sp li h4 {
  font-size: 16px;
  font-weight: 400;
}

.gapi ul.newsflash-horiznov-sp li:first-child .slika_1{
  position: relative;
  width: 100%;
  height: 200px;
  display: block;
}

.gapi ul.newsflash-horiznov-sp li .slika_1 {
  display: none;
}

/* vsebina */
.vsebina {
  padding: 20px 0px 50px 0px;
  position: relative;
  float: left;
  width: 100%;
}

.besedilo {
  width: 100%;
  float: left;
  position: relative;
  padding: 50px 0px;
}

.besedilo h1 {
  font-size: 24px;
  font-weight: 500;
}

.besedilo-clanek {
  width: calc(100% - 300px);
  float: left;
  padding-right: 20px;
  padding-top: 30px;
  line-height: 140%;
}

.desno-clanek {
  width: 300px;
  float: left;
  padding-top: 30px;
}

.besedilo-clanek .article-intro {
  padding-bottom: 20px;
}

.besedilo-clanek a {
  color: var(--red);
  text-decoration: none;
}

.besedilo-clanek a:hover {
    text-decoration: underline;
}

/* Predloge */
table.rdeca-p, .rdeca-p {
  background:#f9cdd0;
  padding: 20px;
  display: inline-block;
  border: none !important;
  width: 100%;
}


table.rdeca-p td, table.siva-p td {
  border: none !important;
  padding: 0 !important;
}

table.siva-p, .siva-p {
  background:#ebebeb;
  padding: 20px;
  display: inline-block;
  border: none !important;
  width: 100%;
}

/***************/

  /* fields za ikonce */
  .prednost {
    position: relative;
    z-index: 10;
  }

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

    ul.fields-container li, li.field-entry.ikonce {
      padding: 0;
      margin: 0;
      list-style-type: none;
    }

    .fields-container .field-entry {
    display: inline-block;       /* ikone eno poleg druge */
    width: 40px;                 /* širina ikone */
    height: 40px;                /* višina ikone */
    text-indent: -9999px;        /* skrije besedilo */
    background-size: contain;    /* ikona se prilagodi bloku */
    background-repeat: no-repeat;
    margin-right: 5px;           /* prostor med ikonami */
}

/* Galerija ikona */
.fields-container .field-entry.ikonce {
    background-image: url('/images/icons/galerija.png');
}

/* Video ikona */
.fields-container .field-entry.ikonca-video {
    background-image: url('/images/icons/video.png');
}

/******************/

.desno-clanek .malice-bott {
  width: 100%;
  margin-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.desno-clanek .malice-bott a {
  color: #000;
  text-decoration: none;
}

.desno-clanek .malice-bott a:hover {
  color: var(--red);
} 

/* širina članka in datumov levo */

.item-pagearhiv {
    display: flex;
    gap: 20px;
}

.pred-clan {
    width: 200px;
    font-size: 14px;
    line-height: 130%;
}

.createdby {
  font-weight: 500;
  font-size: 16px;
}

dd.modified {
  color: var(--red);
}

.pred-clan [class^="icon-"], .pred-clan [class*=" icon-"] {
  display: none;
}

.clanek {
    flex: 1;
}

.pred-clan:empty {
    display: none;
}

.social-clan {
  border-top: 1px solid #EBEBEB;
  padding-top: 25px;
}

.social-clan img {
  margin: 0px 10px 0px 0px;
}

/* ureditev deljenje na socialnih omrežij - ikonce */

.bw-social-share .rrssb-facebook .rrssb-icon svg, .bw-social-share .rrssb-twitter .rrssb-icon svg, .bw-social-share .rrssb-email .rrssb-icon svg, .bw-social-share .rrssb-instagram .rrssb-icon svg {
    display: none !important;
}

.rrssb-buttons li.rrssb-facebook a, .rrssb-buttons li.rrssb-twitter a, .rrssb-buttons li.rrssb-email a, .rrssb-buttons li.rrssb-instagram a {
  background:none !important;
}

.bw-social-share .rrssb-facebook .rrssb-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/icons/face-black.png') no-repeat center;
}

.bw-social-share .rrssb-twitter .rrssb-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/icons/twiter-black.png') no-repeat center;
}

.bw-social-share .rrssb-email .rrssb-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/icons/email-black.png') no-repeat center;
}

.bw-social-share .rrssb-instagram .rrssb-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/icons/instagram-black.png') no-repeat center;
}

.rrssb-buttons li a:active {
  box-shadow:none;
}

.bw-social-share .rrssb-facebook:hover .rrssb-icon {
    background: url('/images/icons/face.png') no-repeat center;
}

.bw-social-share .rrssb-twitter:hover .rrssb-icon {
    background: url('/images/icons/twiter.png') no-repeat center;
}

.bw-social-share .rrssb-email:hover .rrssb-icon {
    background: url('/images/icons/email.png') no-repeat center;
}

.bw-social-share .rrssb-instagram:hover .rrssb-icon {
    background: url('/images/icons/instagram.png') no-repeat center;
}

.social-clan a img {
  margin: 0px 10px 0px 0px;
    filter: brightness(0);
    transition: filter 0.2s ease;
}

.social-clan a:hover img {
  filter: none;
  transition: filter 0.2s ease;
}

.social-clan .bw-social-share {
  width: 200px;
}

.bw-social-share .rrssb-buttons li.is-icon-only {
  height: 30px;
}

/* arhivi */

.arhiv .sp-oglas, .malice .sp-oglas {
  display: none;
}

.sp-oglas {
  float: left;
  position: relative;
  width: 100%;
}


.arhiv .besedilo {
  padding: 50px 0px 0px 0px;
}

.arhiv .vsebina {
  padding: 0px 0px 50px 0px;
}

.arhiv .com-content-category-blog__item.blog-item {
  position: relative;
  width: 100%;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
}

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

.arhiv .left.item-image {
  float: left;
  width: 300px;
}

.arhiv .item-content {
  float: left;
  width: calc(100% - 300px);
  padding-left: 30px;
}

.arhiv .blog-item {
  display: inline-block;
}

.arhiv .blog .article-info.text-muted .createdby, .arhiv .blog .article-info.text-muted .modified {
  display: none;
}

.arhiv .com-content-category-blog__item.blog-item img {
    width: 100%;          /* širina li-ja naj pokrije celotno sliko */
  height: 200px;        /* višina, ki jo želiš za vse slike */
  object-fit: cover;    /* ohrani razmerje, odreže spodnji/zgornji del */
  object-position: top; /* odreže spodnji del, zgornji del ostane */
  display: block;       /* odstrani morebitne whitespace pod sliko */
}

.w-100 {
  float: left;
}

.pagination {
  --bs-pagination-disabled-bg: none;
  --bs-pagination-active-bg: #FAFAFA;
  text-align: center;
}

.pagination li {
  background: none !important;
  padding-left: 0;
}

.pagination .page-link {
  color: #000;
}

.page-item:not(:first-child) .page-link, .page-item:first-child .page-link, .page-item:first-child .page-link {
  border-radius: 8px;
}

.active > .page-link {
  color: #000;
  border-color: navajowhite;
  border: none;
}

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

.page-item:not(:first-child) .page-link, .page-item:first-child .page-link, .page-item:first-child .page-link {
  border: none;
}

/* bott */

.bott {
  position: relative;
  float: left;
  width: 100%;
  padding: 50px 0px 0px 0px;
  color: #fff;
  background: #000;
  margin-top: 50px;
  font-size: 14px;
  line-height: 140%;
}

.spodaj {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.spodaj a {
  color: #fff;
  text-decoration: none;
}

.spodaj a:hover {
  color: var(--red);
}

.spodaj a img {
  margin-right: 5px;
}

.spodaj a img:hover {
  opacity: 0.75;
}

.malice-bott hr  {
  opacity: 0;
}

.bott #mod-custom134 .wf-columns {
  margin-bottom: 15px;
}

.o-nas {
  float: left;
  width: 30%;
  padding-right: 70px;
}

.info {
  float: left;
  width: 15%;
}

.malice-bott {
  float: left;
  width: 40%;
  padding-left: 70px;
  padding-right: 70px;
}

.pisite {
  float: left;
  width: 15%;
}


.info a {
  padding-bottom: 15px;
  display: inline-block;
}

.pisite a  {
  padding-top: 15px;
  display: inline-block;
}

.malice-bott img {
  float: left;
  margin-right: 10px;
}

.spodaj .malice-bott img {
  width: 75px;
}

.slika-bott {
  float: left;
  width: 25%;
  padding-left: 30px;
}

/* pravice */ 

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

.footer2 {
  display: none;
}

.bottom .moduletable.blok1 {
  border-bottom: none;
  border-top: none;
  padding: 0;
  margin-top: 0;
}

.cpnb-message {
  font-size: 1rem;
  width: 100%;
  float: left;
  text-align: left !important;
}

.cpnb-buttons {
  text-align: left !important;
}

#cpnb_inner a {
  color: #000;
}

#cpnb_inner a:hover {
  color: var(--red);
}


/* Malice v posavju */

.malice .kdz_grid {
  margin-bottom: 50px;
}

.malice .kdz_txt {
  font-weight: 400;
}

.malice .kdz_dayTitle {
  font-size: 20px;
  font-weight: 700;
}

.malice .kdz_place {
  margin-top: 0;
}

.malice .kdz_placeDot {
  background: url(/templates/joomstarter/images/pin.png);
  width: 10px;
  height: 14px;
}

.malice .kdz_cardTop {
  background: #F9F9F9;
}

.malice .kdz_card {
  border: 1px solid #EBEBEB;
  border-radius: 2px;
}

.malice .kdz_idx {
  font-weight: 400;
}

.malice .kdz_name {
  font-size: 16px;
}

.malice .kdz_topbar {
  border-top: 1px solid #eee;
}


/* vreme */

.vreme2 .petka-ext .ico {
  width: 110px;
  height: 110px;
}

.vreme2 .petka-ext .day {
  font-size: 20px;
  font-weight: 500;
}

.vreme2 .petka-ext .desc {
  font-size: 18px;
  font-weight: 500;
}

.vreme2 .petka-ext .temp, .vreme2 .petka-ext .wind {
  font-size: 16px;
  margin: 0;
}

.vreme .petka-label, .vreme .petka-temps {
  font-size: 13px;
  font-weight: 500;
  width: 42px;
  text-align: left;
}

.vreme .petka-icon {
  width: 33px;
  height: 33px;
}

.vreme .petka-temps span {
  margin-left: 0;
}

.vreme .petka-day {
  gap: 8px;
}

.vreme .petka-forecast {
  float: right;
  gap: 0px;
}

/* Rsform */
  
  .rsform-block.rsform-block-text {
    margin-bottom: 50px;
    margin-bottom: 30px !important;
  }
  
  .formResponsive .formHorizontal .rsform-block {
      margin-bottom: 0px !important;
   }
  
  
  .formResponsive textarea, .formResponsive input[type="text"] {
    padding: 14px 8px !important;
  }
  
  .formResponsive textarea, .formResponsive input[type="text"] {
    border-radius: 5px !important;
    padding: 15px !important;
    border: 1px solid #ddd;
    background: #fff; 
  }
  
  .formResponsive input[type="text"] {
    width: 100% !important;
  }
  
  .rsform-submit-button {
      border-radius: 50px !important;
      text-align: center;
      padding: 10px 35px !important;
      background-color: var(--red)!important;
      color: #fff !important;
      font-size: 18px !important;
      font-weight: 500;
      background-image: none !important;
      border:none !important;
  }
  
  
  .rsform-submit-button:hover {
    background-color: #333 !important;
  }
  
  
  .formControlLabel { text-align: left !important; padding: 0 0 0 3px !important; }
  .rsform-block.rsform-block-info .formControlLabel {width:95% !important; }
  .rsform-text-box { width: 97% !important; padding:8px !important;}
  
  
  .formResponsive .formHorizontal .formControls {
      margin-left: 0 !important;
  }
  
  .formResponsive select {
    height: 40px;
    border-radius: 5px;
    width: 100%;
  }

  .rsform-block.rsform-block-ime, .rsform-block.rsform-block-email  { 
    float: left; 
    width: calc(50% - 50px);
    margin-right: 50px;
  }


  .rsform-block.rsform-block-sporocilo {
    margin-right: 25px;
    float: left;
    width: calc(100% - 25px);
  }

  .rsform-block.rsform-block-gdpr {
    width: 100%;
    float: left;
  }

  .rsform-block.rsform-block-send {
    float: left;
    width: 100%;
    margin-top: 30px;
  }

  strong.formRequired {
    color: #f00;
  }


  .formResponsive .formHorizontal .formControlLabel {
    width: 345px !important;
  }
  
  .formResponsive .formControls label {
    margin: -4px 5px 3px 0;
  }


@media only screen and (max-width: 1200px) {
  .malice-bott img {
    margin-right: 20px;
  }

  .o-nas {
    padding-right: 30px;
  }
  .malice-bott {

    padding-left: 30px;
    padding-right: 30px;
  }

}

@media only screen and (max-width: 1190px) {
  .dj-megamenu-clean li a.dj-up_a {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1155px) {
  .vreme {
    float: left;
    width: 160px;
    overflow: hidden;
  }
  .meni {
    width: calc(100% - 320px);
  }

  .vreme .petka-forecast .petka-day:nth-child(3) {
    display: none;
  }  

  .novice-desno {
    width: 250px;
  }

  .novice {
    width: calc(100% - 250px);
  }

  .blok1 .wf-columns {
    gap: 1.5rem;
  }
  
}

@media (max-width: 1100px) {
  .vreme .petka-forecast {
    overflow-x: hidden;
    gap: 38px;
  }
}

@media only screen and (max-width: 1065px) {
  .moduletable.blok1 img {
    margin-right: 17px;
    width: 70px;
    margin-bottom: 30px;
  }

  .moduletable.ne-spreglej.sorodne, .desno-clanek .moduletable.malice-bott {
    display: none;
  }

  .besedilo-clanek, .desno-clanek  {
    width: 100%;
  }
  .desno-clanek .mod-banners.bannergroup {
    width: 100%;
    text-align: center;
  }

  .meni .dj-megamenu-clean li a.dj-up_a {
    padding: 0px 12px;
  }

  .meni {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 1030px) {
  .meni {
    width: 60px;
    float: right;
    text-align: right;
    margin-top: 3px;
  }

  .vreme {
    width: calc(100% - 220px);
    text-align: right;
  }

  .logo {
    margin-top: 5px;
  }
  .top-2 {
    padding: 10px 0px 5px 0px;
  }

  .top-3 {
    display: none;
  }

  .parsi {
    padding-top: 20px;
  }

  .vreme {
    margin-top: 4px;
  }

  .vreme {
    overflow: auto;
  }

  .vreme .petka-day {
    width: 85px;
    float: left;
  }

  .vreme .petka-forecast {
    display: inline-block;
    overflow: auto;
  }
}

@media only screen and (max-width: 999px) {
  .o-nas {
    padding-right: 20px;
  }
  .malice-bott {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 960px) {

  .parsi {
    padding-top: 20px;
  }

  .uvodne-novice {
    padding-top: 20px;
  }

  .novice {
    width: 100%;
    padding-right: 0px;
  }

  .novice-desno {
    width: 100%;
    padding-top: 20px;
  }

  .mod-banners.bannergroup {
    text-align: center;
  }

  .moduletable.ne-spreglej ul li a {
    height: auto;
  }
  .moduletable.blok1 {
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    padding: 20px 0px;
  }

  ul.newsflash-horizvideo-vsebine li {
    width: calc(50% - 15px);
  }

  .width25 {
    width: calc(50% - 15px);
  }

  ul.mostread-horiznajboljbrano li {
    width: calc(50% - 15px);
  }

  .spodaj .malice-bott img {
    margin-bottom: 20px;
  }

  .moduletable.kateg ul li:first-child {
    width: calc(66.66% - 10px);
  }

  .moduletable.kateg ul li:nth-child(2) {
    width: calc(33.33% - 10px);
    margin: 0px 0px 0px 10px;
  }

  .moduletable.kateg ul li:nth-child(3) {
    width: calc(33.33% - 10px);
  }

  .moduletable.kateg ul li:nth-child(4) {
    width: calc(50% - 10px);
    margin: 20px 10px 0px 0px;
  }

  .moduletable.kateg ul li:nth-child(5) {
    width: calc(50% - 10px);
  }

  ul.newsflash-horizkateg2 li {
    width: calc(50% - 14.5px);
  }

  .vreme2 .petka-ext .ico {
    width: 80px;
    height: 80px;
  }

}

@media only screen and (max-width: 869px) {
  .bott {
    font-size: 16px;
  } 
  
  .o-nas, .info, .pisite {
    width: 100%;
    padding-left: 0;
    text-align: center;
    border-bottom: 1px solid #555;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .info a {
    padding-bottom: 2px;
  }

  .info a, .pisite a {
    padding-top: 2px;
  }

  .pravice {
    border-top: none;
    padding: 0px 0px 20px 0px;
  }

  .spodaj {
    padding: 0;
  }

  .malice-bott {
    display: none;
  }

  .social-top {
    float: left;
    width: 120px;
  }

  .iskalnik {
    width: 200px;
  }

  .linki-top {
    width: calc(100% - 320px);
  }
}

@media only screen and (min-width: 770px) {
  .mobi {
    display: none;
  }
}

@media only screen and (max-width: 769px) {
  
  .web {
    display: none;
  }

  .vreme2, .kamere {
    width: 100%;
  }

  .com-tags__items ul li {
    width: calc(50% - 20px);
  }

  .com-tags__items ul li:nth-child(3n) {
    margin-right: 20px;
  }

  /* novice na uvodni strani */

  .moduletable.novice_uvod h3 p {
    text-shadow: none;
    font-weight: 700;
    font-size: 18px;
  }

  .mobi h3 {
    color: #000;
  }

  ul.newsflash-horiznovice_uvod li:first-child .mobi .oki {
    margin-top: -29px;
    position: relative;
    padding-left: 0;
  }
  ul.newsflash-horiznovice_uvod li:first-child .mobi .slika_1, ul.newsflash-horiznovice_uvod li:first-child .mobi .oki {
    width: 100%;
  }

  ul.newsflash-horiznovice_uvod li .mobi .slika_1 {
    width: 40%;
    float: left;
  }

  ul.newsflash-horiznovice_uvod li .mobi .oki {
    width: 60%;
    float: left;
    padding-left: 20px;
  }

  .moduletable.novice_uvod .mobi h3 p {
    padding: 10px 0px 0px 0px;
  }

  .moduletable.novice_uvod h3 p {
    -webkit-line-clamp: 3;
    height: auto;
  }

  .moduletable.kateg ul li:nth-child(2) h3 p, .moduletable.kateg ul li:nth-child(3) h3 p, .moduletable.kateg ul li:nth-child(3) h3 p, .moduletable.kateg ul li:nth-child(4) h3 p, .moduletable.kateg ul li:nth-child(5) h3 p {
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: auto;
  }

  ul.newsflash-horiznovice_uvod li:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
  ul.newsflash-horiznovice_uvod li {
    width: 100%;
  }

  
  ul.newsflash-horiznovice_uvod li:nth-child(4), ul.newsflash-horiznovice_uvod li:nth-child(5) {
    width: 100%
  }

  ul.newsflash-horiznovice_uvod li:first-child .mobi .oki {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: linear-gradient(
          to top,
          rgba(0, 0, 0, 0.2),
          rgba(0, 0, 0, 0)
      );
      box-sizing: border-box;
  }

  ul.newsflash-horiznovice_uvod li:first-child .mobi .oki h3 p, ul.newsflash-horiznovice_uvod li:first-child .mobi .oki h3 {
    color: #fff;
    font-size: 22px !important;
    padding: 5px 10px 5px 10px;
  }

  ul.newsflash-horiznovice_uvod li:first-child h3 p {
    height: auto;
  }


  ul.newsflash-horiznovice_uvod li:first-child .mobi .slika_1 {
    height: 400px;
    position: relative;
  }

  ul.newsflash-horiznovice_uvod li .mobi .slika_1 {
    height: 140px;
  }

  /* arhiv novic */
  .arhiv .left.item-image {
    float: left;
    width: 40%;
  }

  .arhiv .item-content {
    width: 60%;
  }

  /* novice na kategorijski strani */

  .moduletable.kateg ul li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .moduletable.kateg ul li:first-child, .moduletable.kateg ul li:nth-child(2) {
    margin-bottom: 20px;
  }

  .vsebina .news_1, .news {
    width: 40%;
    float: left;
  }

  .vsebina .moduletable.kateg ul li .news_1, .opis2 {
    height: 170px !important;
  }

  .opis, .opis2 {
    width: 60%;
    float: left;
    padding-left: 20px;
  }

  .opis h3, .opis2 h3 {
    margin-top: 0px;
  }

  ul.newsflash-horizkateg2 li {
    width: 100%;
  }

  .besedilo-clanek {
    width: 100%;
  }

  .desno-clanek {
    width: 100%;
  }

  .pred-clan {
    width: 100%;
  }

  .item-pagearhiv {
    display: block;
    gap: 0;
  }

  .besedilo-clanek, .desno-clanek  {
    padding-right: 0;
  }

  h1 {
    font-size: 24px;
  }

  .social-clan {
    border-top: 1px solid #EBEBEB;
    padding-top: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  ul.newsflash-horiznovice_uvod li:nth-child(7) {
    margin-top: 20px;
  }

  /* Zgornaj rdeča pasica */

  .top {
    display: none;
  }

  /* Iskalnik na mobitelu */

  .search {
    float: right;
    width: 40px;
    text-align: center;
    padding-top: 5px;
  }

  .iski {
    position: fixed;
    width: 100%;
    float: left;
    background: rgba(0,0,0,0.85);
    display: none;
    color: #fff;
    z-index: 5;
    transition: all 0.5s ease;
    padding: 10px 0px 45px 0px;
  }

  .iski .btn-primary {
    --bs-btn-bg: #E30613;
    --bs-btn-border-color: #E30613;
  }

  .zapri2 {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }

  .top-2 {
    padding: 5px 0px 2px 0px;
  }

  .vreme {
    width: calc(100% - 250px);
    padding-right: 10px;
  }

  .meni {
    width: 50px;
    padding-left: 0;
    margin-top: 6px;
    height: 40px;
  }

  .dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
    width: 40px;
    height: 40px;
  }

  .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon::before {
    transform: scale(0.90);
  }

  .vreme2 {
    padding: 50px 0px 0px 0px;
  }

  .kamere {
    padding: 30px 0px 50px 0px;
  }

}

@media only screen and (max-width: 650px) {
  .vreme2 .petka-ext {
    display: inline-block;
    width: 100%;
  }

  .vreme2 .petka-ext .d {
    width: 50%;
    float: left;
    padding-bottom: 30px;
  }

  .vreme .petka-forecast .petka-day {
    display: none;
  }

  .vreme .petka-forecast .petka-day:first-child {
    display: block ruby;
  }

  .vreme {
    margin-top: 6px;
    line-height: 20px;
  }

  .vreme .petka-label {
    padding-bottom: 5px;
  }

  .vreme img {
    vertical-align: top;
  }

  .kamere {
    padding: 0px 0px 50px 0px;
  }

  .moduletable.sponzorji p {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* smooth iOS */
  }

  .moduletable.sponzorji p img {
    flex: 0 0 auto; /* prepreči krčenje */
      max-height: 50px;
  }

   .rsform-block.rsform-block-ime, .rsform-block.rsform-block-email  { 
    float: left; 
    width: calc(50% - 30px);
    margin-right: 30px;
  }


  .rsform-block.rsform-block-sporocilo {
    margin-right: 30px;
    float: left;
    width: calc(100% - 30px);
  }

    .opis h3, .opis h3 p, .opis2 h3, .opis2 h3 p {

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
  }

  .opis p, .opis2 p  {
    display: none;
  }

  .opis2 {
    color: transparent; /* besedilo bo nevidno */
}

  .opis2 h3 {
      color: initial; /* glava ostane vidna */
  }

  .opis2 > :not(h3) {
    display: none;
  }

    ul.newsflash-horiznovice_uvod li .mobi .slika_1 {
    height: 110px;
  }

  .vsebina .moduletable.kateg ul li .news_1, .opis2 {
    height: 110px !important;
  }
}

@media only screen and (min-width: 480px) {
  .mobi-s {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  /*.mobi-s img {
    width: 100%;
  }*/

  .content {
    padding: 0px 20px;
  }

  .moduletable.blok1 img {
    margin-right: 17px;
    width: 80px;
  }

  .width25, ul.newsflash-horizvideo-vsebine li {
    width: 100%;
  }

  .arhiv .left.item-image {
    width: 100%;
    height: 200px;
  }

  .arhiv .item-content {
    width: 100%;
  }

  .arhiv .item-content {
    padding-left: 0;
  }

  ul.mostread-horiznajboljbrano li {
    width: 100%;
  }

  ul.newsflash-horiznovice_uvod li:first-child .mobi .slika_1 {
    height: 300px;
  }

  .moduletable.kateg ul li .news_1, .moduletable.kateg2 ul li .news {
    height: 110px !important;
  }

  .kategorije {
    padding: 0px 20px;
  }

  .com-tags__items ul li {
    width: 100%;
    margin-right: 0;
  }

  .com-tags__items ul li:nth-child(3n) {
    margin-right: 0px;
  }

  .moduletable.novice_uvod h3 p {
    font-size: 16px;
  }

  /* malice */

  .kdz_wrap {
    padding: 0px !important;
  }

  .kdz_topbar {
    padding: 12px 0px;
  }

  .malice table tr td {
		width: 100% !important;
		display: block;
	}

.com-content-category-blog__pagination .pagination__wrapper {
    overflow-x: auto;                 /* horizontalni scroll */
    -webkit-overflow-scrolling: touch; /* gladko scrollanje na iOS */
  }

  .com-content-category-blog__pagination .pagination {
    display: flex;                     /* elementi v vrstici */
    flex-wrap: nowrap;                  /* brez prelomov vrstic */
    gap: 0.5rem;                        /* razmik med številkami */
    white-space: nowrap;                /* prepreči lomljenje besedila */
    padding-bottom: 0.5rem;
    margin: 0;                          /* odstrani default margin */
  }

  .com-content-category-blog__pagination .pagination li {
    flex: 0 0 auto;                     /* vsak element ne razteza */
    list-style: none;
  }
  
}

.slika_1 {
    position: relative;
    width: 100%;
    height: 0;
    background-size: cover;
    overflow: hidden;
}

.slika_1 video.intro-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* 2026-02-01 AM */
.article-full p {
  padding: 6px 0px;
}
