.views-field .image {
  display: block;
  width: 100%;
  height: auto;
}

.views-view-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  /*grid-template-columns: 100%;*/
  /*background-color: var(--main-bg-color);*/

  margin-left: var(--tag-sm-padding-x-neg);
  width: calc(100% + 2 * var(--tag-sm-padding-x));
  padding: 0 var(--tag-sm-padding-x);
}

.views-view-grid .views-item {
  position: relative;
  padding: 0 0 1.75rem;
  word-break: break-word;
  z-index: 0;
  /*background-color: var(--main-bg-color); */
}

/*
.views-view-grid .views-item:before {
  content: '';
  width: var(--grid-gutter);
  background: linear-gradient(to right, var(--main-bg-trans), var(--main-bg-color) 50%);
  height: 100%;
  position: absolute;
  left: calc(var(--grid-gutter) * -1);
  top: 0;
}
*/

.pager {
  margin-bottom: 1rem;
  font-family: StudioPro;
}
.pager a {
  text-decoration: none;
}
.pager__items {
  display: flex;
  justify-content: center;
}

.pager__item {
  flex: none;
  margin: 0 0.25rem 0.5rem;
}

.pager__item--ellipsis {
  padding: 0.25rem;
  color: var(--main-text-color);
}
.pager__item--next {
  margin-left: 1rem;
}
.pager__item--previous {
  margin-right: 1rem;
}

.pager__item a {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: .3rem .5rem .6rem;
  border: var(--stroke-width) solid var(--main-text-color);
  border-radius: 15rem;
  width: 3rem;
  height: 3rem;
}

.pager__item.is-active a {
  color: var(--main-bg-color);
  background-color: var(--main-text-color);
  border-color: var(--main-text-color);
}

.pager__item--ellipsis {
  display: none;
}

.view-opis-oddaje .views-field-name {
  font-size: var(--header4-font-size);
  line-height: var(--header4-font-leading);
  margin-bottom: 1rem;
}
.view-opis-oddaje .views-field-nothing {
  float: right;
}
.view-opis-oddaje .views-field-nothing i {
  font-size: 2rem;
  background-color: var(--main-text-color);
  color: var(--main-bg-color);
  border-radius: var(--stroke-width);
  padding: .2rem .3rem .1rem .4rem;
}

/* seznam podaktegorij */
#block-rspodkategorije {
  grid-column: 2 / span 11;
}

.view-taxonomy-term-links {
  display: flex;
  margin-top: .5rem;
  margin-left: -.5rem;
  flex-wrap: wrap;
}

.view-taxonomy-term-links .oddaja-arhiv,
.view-taxonomy-term-links.prikazi-arhivske a.prikazi-arhivske {
  display: none;
}
.view-taxonomy-term-links.prikazi-arhivske .oddaja-arhiv {
  display: block;
}

.view-taxonomy-term-links .views-row {
  flex: none;
  --link-normal-color: var(--main-text-color);
  --link-hover-color: var(--main-text-color);
}

.view-taxonomy-term-links a {
  display: block;
  line-height: 1;
  padding: var(--tag-padding-top) var(--tag-padding-x) var(--tag-padding-bottom);
  margin: 0 .5rem .5rem 0;
  text-decoration: none;
  position: relative;
}
.view-taxonomy-term-links a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: var(--stroke-width) solid var(--category-accent-color);
  border-radius: 1rem;
  z-index: -1;
  transition: .15s filter linear;
}
.view-taxonomy-term-links a.izbrana::before,
.view-taxonomy-term-links a:hover::before {
  border-radius: .5rem;
}

.view-taxonomy-term-links a.je-kategorija::before {
  background-color: var(--category-accent-color);
}
.view-taxonomy-term-links a.je-kategorija {
  color: white;
}
.view-taxonomy-term-links a.oddaja-arhiv {
  opacity: .5;
}

.view-taxonomy-term-links a.oddaja-arhiv.izbrana {
  opacity: 1;
}

/* Prispevek teaser */
.node--is-teaser > h3 {
  display: none;
}
.node--type-prispevek.node--is-teaser .field.field--name-field-podnaslov {
  font-size: var(--body-font-size);
  line-height: 1.3;
  word-break: break-word;
  text-wrap: balance;
  /* v tem prostoru browser pokaze delcek overflowanega contenta */
  padding-bottom: 0;
}
/* Play gumb na teaserjih prispevkov */
.node--is-teaser .glava {
  position: relative;
  margin-bottom: .5rem;
}
.node--is-teaser .field.field--name-field-posnetek-oddaje {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0 !important;
  line-height: 0;
}
.node--is-teaser .field--name-field-posnetek-oddaje a {
  display: none;
}
.node--is-teaser .field--name-field-posnetek-oddaje button {
  background: none;
  border: none;
}
.node--is-teaser .field--name-field-posnetek-oddaje audio-file > button {
  width: 36px;
  height: 36px;
  position: relative;
  margin-bottom: 0;
}
.node--is-teaser .field--name-field-posnetek-oddaje .svg-icon-play::before,
.node--is-teaser .field--name-field-posnetek-oddaje .svg-icon-pause::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/themes/custom/ereshnv/images/icons-svg/Play I_dark.svg");
  background-size: cover;
  cursor: pointer;
}
.node--is-teaser .field--name-field-posnetek-oddaje .svg-icon-pause::before {
  background-image: url("/themes/custom/ereshnv/images/icons-svg/Pause I.svg");
}

.node--is-teaser .field--name-field-media-image {
  width: 100%;
  height: auto;
  margin: 0;
}
.node--is-teaser .field--name-field-media-audio-file {
  margin-bottom: 0;
}
.node--is-teaser .field--name-field-avtorstvo-slike {
  display: none;
}

.node--is-teaser .field--name-field-media-image a {
  /*height: 300px;*/
  display: block;
}

.node--is-teaser .field--name-field-media-image img {
  height: 100%;
  /* Nekatere slike so vseeno previsoke */
  /*max-height: 18rem;*/
}

.node--is-teaser .field--name-field-naslovni-video {
  display: none;
}
.node--is-teaser .field--name-field-slika-media {
  position: relative;
}
.node--is-teaser .field--name-field-naslovni-video + .field--name-field-slika-media:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 10;
  background-color: var(--crna);
  background-image: url(../images/icons-svg/video-rumen.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding: .5rem;
  background-size: 80%;
  background-position: center;
  pointer-events: none;
}
/* onemogoci klik na play ce je video */
.node--is-teaser .field--name-field-naslovni-video + .field--name-field-slika-media + .field--name-field-posnetek-oddaje {
  pointer-events: none;
}

/* Oddaja (kategorija), oznake, avtor */
.field--name-field-oddaja-tip a,
.field--name-field-oznake-projekta a,
.field--name-uid a,
.field--name-uid.user-anon,
.field--name-field-dodatni-avtorji a,
.field--name-field-avtor a,
#block-ereshnv-mainnavigation a {
  display: inline-block;
  padding: .3rem .5rem;
  line-height: 1;
  font-size: .8rem;
  vertical-align: top;
  text-decoration: none;
  position: relative;
}
.field--name-uid a,
.field--name-field-avtor a,
.field--name-field-dodatni-avtorji a {
  --category-accent-color: var(--tag-accent-color);
}

.field--name-field-oddaja-tip a::before,
.field--name-field-oznake-projekta a::before,
.field--name-uid a::before,
.field--name-field-dodatni-avtorji a::before,
.field--name-field-avtor a::before,
#block-ereshnv-mainnavigation a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*transition: .15s filter linear, .15s background linear, .15s transform linear;*/
  transform-origin: center center;
  border: var(--stroke-width) solid var(--category-accent-color);
  border-radius: 2rem;
  z-index: -1;
}

.field--name-field-oddaja-tip a:hover::before,
.field--name-field-oznake-projekta a:hover::before,
.field--name-uid a:hover::before,
.field--name-field-avtor a:hover::before,
.field--name-field-dodatni-avtorji a:hover::before {
  /*filter: drop-shadow(0 0 4px var(--category-accent-color));*/
  background: var(--category-accent-color);
  /*transform: scale(1.04);*/
}

/* Polje krovne kategorije bold */
.field--name-field-oddaja-tip .oddaja-level-0 a {
/*  color: var(--bela); */
  font-weight: bold;
}

/* Nekatere so tako svetle, da bolj pritiče črni tekst */
[temna-tema] .field--name-field-oddaja-tip .kategorija-123.krovna-kategorija a, /* glasba */
[temna-tema] .field--name-field-oddaja-tip .kategorija-123 a:hover,
[temna-tema] .view-taxonomy-term-links .views-row .kategorija-123.je-kategorija,
[temna-tema] .field--name-field-oddaja-tip .kategorija-126.krovna-kategorija a, /* druzba */
[temna-tema] .field--name-field-oddaja-tip .kategorija-126 a:hover,
[temna-tema] .field--name-field-oddaja-tip .kategorija-127.krovna-kategorija a,
[temna-tema] .field--name-field-oddaja-tip .kategorija-127 a:hover,
[temna-tema] .field--name-field-oddaja-tip .kategorija-46552.krovna-kategorija a, /* znanost */
[temna-tema] .field--name-field-oddaja-tip .kategorija-46552 a:hover,
[temna-tema] .field--name-field-oddaja-tip .kategorija-6161.krovna-kategorija a,
[temna-tema] .field--name-field-oddaja-tip .kategorija-6161 a:hover {
  color: var(--crna);
}

/* hover na kategorije naj bo belo obarvan */
.field--name-field-oddaja-tip a:hover {
  color: var(--bela);
}
.field--name-field-oddaja-tip .kategorija-6161 a:hover {
  color: var(--crna);
}

/* Nekatere so tako svetle, da bolj pritiče črni tekst */
[temna-tema] .kategorija-126 .field--name-field-oddaja-tip a:hover, /* druzba */
[temna-tema] a.kategorija-126.je-kategorija,
.kategorija-127 .field--name-field-oddaja-tip a:hover,
a.kategorija-127.je-kategorija,
.kategorija-6161 .field--name-field-oddaja-tip a:hover, /* ostalo */
a.kategorija-6161.je-kategorija,
[temna-tema] .kategorija-46552 .field--name-field-oddaja-tip a:hover,
[temna-tema] a.kategorija-46552.je-kategorija,
[temna-tema] .field--name-field-oddaja-tip .kategorija-123 a:hover, /* glasba */
[temna-tema] a.kategorija-123.je-kategorija,
[temna-tema] .field--name-field-oddaja-tip .kategorija-6161.je-kategorija a:hover {
  color: var(--crna);
}

.field--name-field-oddaja-tip .krovna-kategorija a {
  color: var(--bela);
}
.field--name-field-oddaja-tip .krovna-kategorija.kategorija-6161 a {
  color: var(--crna);
}
.field--name-field-oddaja-tip .krovna-kategorija a::before {
  background: var(--category-accent-color);
}

.node--is-teaser a,
.node--is-teaser a:hover {
  text-decoration: none;
}

.node--is-teaser .field {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.node--is-teaser .field::-webkit-scrollbar {
  display: none;
}

.node--is-teaser .field--name-field-oddaja-tip {
  display: flex;
  flex-wrap: nowrap;
}
.node--is-teaser .field--name-field-oddaja-tip::-webkit-scrollbar {
  display: none;
}
.node--is-teaser .field--name-field-oddaja-tip {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.node--is-teaser .field--name-field-oddaja-tip,
.node--is-teaser .field--name-uid {
  margin: 0 var(--tag-sm-padding-x-neg);
  overflow: scroll;
  position: relative;
}
.node--is-teaser .field--name-uid {
  margin-top: .4rem;
}
/*
.node--is-teaser .field--name-field-oddaja-tip:after,
.node--is-teaser .field--name-uid:after {
  content: '';
  width: var(--tag-sm-padding-x); 

  position: absolute;
  top: 0;
  right: var(--tag-sm-padding-x-neg);
  background: linear-gradient(to right, var(--main-bg-trans), var(--main-bg-color));
}
*/

@media screen and (max-width: 480px) {
  .node--is-teaser .field--name-field-oddaja-tip {
    flex-wrap: wrap;
  }
}

.node--is-teaser .field--name-field-oddaja-tip .field__item {
  flex: none;
  margin-right: .5rem;
  line-height: 1;
}

/* Video skrij, prikazi pa ikonico, da video obstaja */
.node--is-teaser .field--name-field-video {
  display: none;
}
.node--is-teaser .field--name-field-video + .field--name-field-oddaja-tip .field__item:last-child:after {
  display: block;
  float: right;
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  margin-left: .6rem;
  top: .5rem;
  background-image: url("../images/icons-svg/Video II.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.node--is-teaser .field--name-title,
.views-view-grid .views-field-title {
  font-size: var(--header3-font-size);
  line-height: var(--header3-font-leading);
}

.node--is-teaser .field--name-title,
.node--is-teaser .field--name-field-podnaslov {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

  /* zaradi "daljsih crk", recimo j; namesto .5rem .35rem */
  padding-bottom: .15rem;
  margin-bottom: .35rem;
}

.node--is-teaser .field--name-field-v-etru,
.node--is-teaser .field--name-uid {
  clear: both;
}

.views-view-grid .node--is-teaser .field--name-field-media-image img,
.carousel-view .node--is-teaser .field--name-field-media-image img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.taxonomy-term-bundle-kategorije .krovna-kategorija {
  display: none;
}

/* Horizontalni teaserji - frontpage in iskalni rezultati */
.teaser-horizontalno > div {
  position: relative;
  display: grid;
  padding: 1rem 0;
  border-top: var(--stroke-width) solid var(--main-separator-color);
  grid-template-columns: calc(100% / 3 + var(--grid-gutter) / 3);
  grid-column-gap: .8rem;
  grid-row-gap: .3rem;
  grid-template-rows: auto auto auto 1fr;
}
.teaser-horizontalno .field {
  grid-column: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Da ne odreže črk, kot je j */
  padding-bottom: .1rem;
  margin-bottom: -.1rem;
}
[temna-tema] .teaser-horizontalno .field--name-title {
  color: var(--bela);
}
.teaser-horizontalno .field--name-field-oddaja-tip {
  /*overflow-x: scroll;*/
  overflow: visible;
  margin-left: var(--tag-sm-padding-x-neg);
}
.teaser-horizontalno .field--name-field-oddaja-tip,
.teaser-horizontalno .field--name-uid {
  margin-left: var(--tag-sm-padding-x-neg);
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.teaser-horizontalno .field--name-uid {
  margin-bottom: -.6rem;
}
.zadnje-objave-block:after {
  content: '';
  position: absolute;
  top: 0;
  right: -1rem;
  width: 2rem;
  height: 100%;
  background: linear-gradient(to right, var(--main-bg-trans), var(--main-bg-color));
  pointer-events: none;
}

.teaser-horizontalno .field--name-field-slika-media {
  margin-bottom: 0;
}
.teaser-horizontalno .glava {
  grid-column: 1;
  grid-row: span 5;
  margin-bottom: auto;
}

/* Projekti */
.view-projekti .item-list > h3 {
  font-size: var(--header2-font-size);
  line-height: var(--header2-font-leading);
  margin-bottom: 1.5rem;
}

.view-projekti .item-list {
  margin-bottom: 3rem;
}

.view-projekti .views-field-field-slika-media,
.view-projekti .views-field-title {
  margin-bottom: .5rem;
}

/**************
 * Responsive *
 **************/
@media screen and (min-width: 480px) {
  .views-view-grid {
    grid-template-columns: repeat(2, calc(50% - var(--grid-half-gutter)));
    grid-column-gap: var(--grid-gutter);
  }
}
@media screen and (min-width: 640px) {
  .views-view-grid {
    grid-template-columns: repeat(3, calc(33.33% - var(--grid-gutter) * 0.66));
  }
}
@media screen and (min-width: 768px) {
  /* uredniski izbor na kategorijah */
  .path-taxonomy .block-uredniski-izbor-block {
    grid-column: 2 / 13 !important;
  }
  .path-taxonomy .view-uredniski-izbor .carousel-view > div {
    width: calc(50% - var(--grid-half-gutter)) !important;
    margin-right: var(--grid-gutter) !important;
  }
  .path-taxonomy .view-uredniski-izbor .carousel-kosi .kos:nth-child(2n-1) {
    display: block !important;
  }
  .path-taxonomy .view-uredniski-izbor .carousel-kosi .kos:nth-child(2n) {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .views-view-grid {
    grid-template-columns: repeat(4, calc(25% - var(--grid-gutter) * 0.75));
  }

  #block-opis-oddaje-block {
    grid-column: 2 / span 11;
  }
}


@media screen and (max-width: 960px) {
  .block-uredniski-izbor-block + #block-opis-oddaje-block {
    grid-column: 2 / span 12;
  }

  .group-prispevek-info {
    padding-right: 5rem;
  }
  .node--view-mode-full h1 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .path-taxonomy .view-uredniski-izbor .carousel-view > div {
    width: calc(33.3% - var(--grid-gutter) * 0.66) !important;
  }
  .path-taxonomy .view-uredniski-izbor .carousel-kosi .kos:nth-child(3n-2) {
    display: block !important;
  }
  .path-taxonomy .view-uredniski-izbor .carousel-kosi .kos:nth-child(3n),
  .path-taxonomy .view-uredniski-izbor .carousel-kosi .kos:nth-child(3n-1) {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .views-view-grid {
    grid-template-columns: repeat(5, calc(20% - var(--grid-gutter) * (4 / 5)));
  }
}

@media screen and (min-width: 1440px) {
  .views-view-grid {
    grid-template-columns: repeat(6, calc(16.66% - var(--grid-gutter) * (5 / 6)));
  }
}