﻿
@charset "UTF-8";
/*
  Helper 
    kad ne možemo extendat bs spacing variable
  ----------------------------------------------------------------
  for easier use of defined spacers when @extend not alowed
  usage: margin-right: $spacer-3 == @extend .mr-3; (ali bez !important što dodaje BS)
*/
/*
   Color filters we use in app
   if svg is used as object, we need to filter it to get the color
   tool for calculation: https://codepen.io/sosuke/pen/Pjoqqp
*/
@media only screen {
  .mode-hc body, body.mode-hc,
body.is-darkmode {
    background: black !important;
    color: white !important;
    fill: white !important;
    /*
      Helper 
        kad ne možemo extendat bs spacing variable
      ----------------------------------------------------------------
      for easier use of defined spacers when @extend not alowed
      usage: margin-right: $spacer-3 == @extend .mr-3; (ali bez !important što dodaje BS)
    */
    /*
       Color filters we use in app
       if svg is used as object, we need to filter it to get the color
       tool for calculation: https://codepen.io/sosuke/pen/Pjoqqp
    */
    /*
       polako prebacujemo stare stvari u nove

       Color filters we use in app
       if svg is used as object, we need to filter it to get the color
       tool for calculation: https://codepen.io/sosuke/pen/Pjoqqp
    */
    /*
      globals
    */
    /*
      Accordion
    */
  }
  .mode-hc body a, body.mode-hc a,
body.is-darkmode a {
    color: white !important;
  }
  .mode-hc body a:hover, .mode-hc body a:hover, body.mode-hc a:hover, body.mode-hc a:hover,
body.is-darkmode a:hover,
body.is-darkmode a:hover {
    text-decoration: underline !important;
  }
  .mode-hc body .btn, body.mode-hc .btn,
body.is-darkmode .btn {
    background: white !important;
    color: black !important;
  }
  .mode-hc body .c-logo, body.mode-hc .c-logo,
body.is-darkmode .c-logo {
    filter: brightness(0) invert(1);
  }
  .mode-hc body .l-header,
.mode-hc body .l-header__nav-main,
.mode-hc body .l-header__nav-main:before,
.mode-hc body .l-header #vueNav .subpages, body.mode-hc .l-header,
body.mode-hc .l-header__nav-main,
body.mode-hc .l-header__nav-main:before,
body.mode-hc .l-header #vueNav .subpages,
body.is-darkmode .l-header,
body.is-darkmode .l-header__nav-main,
body.is-darkmode .l-header__nav-main:before,
body.is-darkmode .l-header #vueNav .subpages {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body .l-header a,
.mode-hc body .l-header__nav-main a,
.mode-hc body .l-header__nav-main:before a,
.mode-hc body .l-header #vueNav .subpages a, body.mode-hc .l-header a,
body.mode-hc .l-header__nav-main a,
body.mode-hc .l-header__nav-main:before a,
body.mode-hc .l-header #vueNav .subpages a,
body.is-darkmode .l-header a,
body.is-darkmode .l-header__nav-main a,
body.is-darkmode .l-header__nav-main:before a,
body.is-darkmode .l-header #vueNav .subpages a {
    color: white !important;
  }
  .mode-hc body .l-header__nav .language-object .c-btn, body.mode-hc .l-header__nav .language-object .c-btn,
body.is-darkmode .l-header__nav .language-object .c-btn {
    background: yellow !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-header__nav .language-object .c-btn a, body.mode-hc .l-header__nav .language-object .c-btn a,
body.is-darkmode .l-header__nav .language-object .c-btn a {
    color: black !important;
  }
  .mode-hc body .l-header__nav .language-object .dropdown-menu .dropdown-item, body.mode-hc .l-header__nav .language-object .dropdown-menu .dropdown-item,
body.is-darkmode .l-header__nav .language-object .dropdown-menu .dropdown-item {
    color: color(accs-black) !important;
  }
  .mode-hc body .l-header__nav #dnn_dnnSearch_txtSearch, body.mode-hc .l-header__nav #dnn_dnnSearch_txtSearch,
body.is-darkmode .l-header__nav #dnn_dnnSearch_txtSearch {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-header__nav #dnn_dnnSearch_txtSearch a, body.mode-hc .l-header__nav #dnn_dnnSearch_txtSearch a,
body.is-darkmode .l-header__nav #dnn_dnnSearch_txtSearch a {
    color: black !important;
  }
  .mode-hc body .l-header__nav #dnn_dnnSearch_cmdSearch, body.mode-hc .l-header__nav #dnn_dnnSearch_cmdSearch,
body.is-darkmode .l-header__nav #dnn_dnnSearch_cmdSearch {
    background: yellow !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-header__nav #dnn_dnnSearch_cmdSearch a, body.mode-hc .l-header__nav #dnn_dnnSearch_cmdSearch a,
body.is-darkmode .l-header__nav #dnn_dnnSearch_cmdSearch a {
    color: black !important;
  }
  .mode-hc body .l-footer, body.mode-hc .l-footer,
body.is-darkmode .l-footer {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-footer a, body.mode-hc .l-footer a,
body.is-darkmode .l-footer a {
    color: black !important;
  }
  .mode-hc body .l-footer .l-content .l-card, body.mode-hc .l-footer .l-content .l-card,
body.is-darkmode .l-footer .l-content .l-card {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-footer .l-content .l-card a, body.mode-hc .l-footer .l-content .l-card a,
body.is-darkmode .l-footer .l-content .l-card a {
    color: black !important;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__donacije .btn, body.mode-hc .l-footer .l-content .l-card.l-footer__donacije .btn,
body.is-darkmode .l-footer .l-content .l-card.l-footer__donacije .btn {
    background: black !important;
    color: white !important;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__telefoni a, body.mode-hc .l-footer .l-content .l-card.l-footer__telefoni a,
body.is-darkmode .l-footer .l-content .l-card.l-footer__telefoni a {
    position: relative;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__telefoni a:after, body.mode-hc .l-footer .l-content .l-card.l-footer__telefoni a:after,
body.is-darkmode .l-footer .l-content .l-card.l-footer__telefoni a:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    bottom: -1px;
    left: 0;
    right: 0;
    opacity: 0.3;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__telefoni a:hover, body.mode-hc .l-footer .l-content .l-card.l-footer__telefoni a:hover,
body.is-darkmode .l-footer .l-content .l-card.l-footer__telefoni a:hover {
    text-decoration: none !important;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__telefoni a:hover:after, body.mode-hc .l-footer .l-content .l-card.l-footer__telefoni a:hover:after,
body.is-darkmode .l-footer .l-content .l-card.l-footer__telefoni a:hover:after {
    bottom: -2px;
    height: 3px;
    opacity: 1;
  }
  .mode-hc body .l-footer .l-content .l-card.l-footer__telefoni a:after, body.mode-hc .l-footer .l-content .l-card.l-footer__telefoni a:after,
body.is-darkmode .l-footer .l-content .l-card.l-footer__telefoni a:after {
    background: black;
  }
  .mode-hc body.c-page--home .l-footer, body.mode-hc.c-page--home .l-footer,
body.is-darkmode.c-page--home .l-footer {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-footer a, body.mode-hc.c-page--home .l-footer a,
body.is-darkmode.c-page--home .l-footer a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-infobox, body.mode-hc.c-page--home .l-infobox,
body.is-darkmode.c-page--home .l-infobox {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-infobox a, body.mode-hc.c-page--home .l-infobox a,
body.is-darkmode.c-page--home .l-infobox a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-infobox .edn-feed--slider .c-title, body.mode-hc.c-page--home .l-infobox .edn-feed--slider .c-title,
body.is-darkmode.c-page--home .l-infobox .edn-feed--slider .c-title {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-infobox .edn-feed--slider .c-title a, body.mode-hc.c-page--home .l-infobox .edn-feed--slider .c-title a,
body.is-darkmode.c-page--home .l-infobox .edn-feed--slider .c-title a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-infobox .edn-feed--slider .swiper-pagination-bullet, body.mode-hc.c-page--home .l-infobox .edn-feed--slider .swiper-pagination-bullet,
body.is-darkmode.c-page--home .l-infobox .edn-feed--slider .swiper-pagination-bullet {
    border: 2px solid black;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(1), .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(4), body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(1), body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(4),
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(1),
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) a, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) a, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) a, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) a,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) a,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-title, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-title, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-title, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-title,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-title,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-title {
    color: white;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-image, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-image, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-image, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-image,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(1) .o-image,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(4) .o-image {
    filter: brightness(0) invert(1);
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(2), .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(3), body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(2), body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(3),
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(2),
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) a, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) a, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) a, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) a,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) a,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-title, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-title, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-title, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-title,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-title,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-title {
    color: black;
  }
  .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-image, .mode-hc body.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-image, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-image, body.mode-hc.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-image,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(2) .o-image,
body.is-darkmode.c-page--home .l-infobox .l-view-links .l-item:nth-child(3) .o-image {
    filter: brightness(0) invert(0) !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-view-links .l-item .c-item, body.mode-hc.c-page--home .l-highlights .l-view-links .l-item .c-item,
body.is-darkmode.c-page--home .l-highlights .l-view-links .l-item .c-item {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-view-links .l-item .c-item a, body.mode-hc.c-page--home .l-highlights .l-view-links .l-item .c-item a,
body.is-darkmode.c-page--home .l-highlights .l-view-links .l-item .c-item a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list {
    --ssk-scroller-thumb-color: yellow !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected,
.mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected,
body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected a,
.mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover a, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected a,
body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover a,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item.is-selected a,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-filtered .c-list .c-item:hover a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction a, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction a,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-results .c-introduction a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-results .c-list, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-results .c-list,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-results .c-list {
    --ssk-scroller-thumb-color: yellow !important;
  }
  .mode-hc body.c-page--home .l-highlights .l-item__filter .l-view-results .c-list .c-item .is-parent, body.mode-hc.c-page--home .l-highlights .l-item__filter .l-view-results .c-list .c-item .is-parent,
body.is-darkmode.c-page--home .l-highlights .l-item__filter .l-view-results .c-list .c-item .is-parent {
    color: yellow;
  }
  .mode-hc body.c-page--home .l-view-divider, body.mode-hc.c-page--home .l-view-divider,
body.is-darkmode.c-page--home .l-view-divider {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-view-divider a, body.mode-hc.c-page--home .l-view-divider a,
body.is-darkmode.c-page--home .l-view-divider a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-view-divider .c-item__header, .mode-hc body.c-page--home .l-view-divider .c-item__body, body.mode-hc.c-page--home .l-view-divider .c-item__header, body.mode-hc.c-page--home .l-view-divider .c-item__body,
body.is-darkmode.c-page--home .l-view-divider .c-item__header,
body.is-darkmode.c-page--home .l-view-divider .c-item__body {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-view-divider .c-item__header a, .mode-hc body.c-page--home .l-view-divider .c-item__body a, body.mode-hc.c-page--home .l-view-divider .c-item__header a, body.mode-hc.c-page--home .l-view-divider .c-item__body a,
body.is-darkmode.c-page--home .l-view-divider .c-item__header a,
body.is-darkmode.c-page--home .l-view-divider .c-item__body a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-view-divider .c-item .o-button, body.mode-hc.c-page--home .l-view-divider .c-item .o-button,
body.is-darkmode.c-page--home .l-view-divider .c-item .o-button {
    background: black !important;
    color: white !important;
  }
  .mode-hc body.c-page--home .l-view-divider .c-item__image, body.mode-hc.c-page--home .l-view-divider .c-item__image,
body.is-darkmode.c-page--home .l-view-divider .c-item__image {
    display: none;
  }
  .mode-hc body.c-page--home .l-view--split-layout, body.mode-hc.c-page--home .l-view--split-layout,
body.is-darkmode.c-page--home .l-view--split-layout {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-view--split-layout a, body.mode-hc.c-page--home .l-view--split-layout a,
body.is-darkmode.c-page--home .l-view--split-layout a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-view--split-layout .l-view-links .l-item .c-item, body.mode-hc.c-page--home .l-view--split-layout .l-view-links .l-item .c-item,
body.is-darkmode.c-page--home .l-view--split-layout .l-view-links .l-item .c-item {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-view--split-layout .l-view-links .l-item .c-item a, body.mode-hc.c-page--home .l-view--split-layout .l-view-links .l-item .c-item a,
body.is-darkmode.c-page--home .l-view--split-layout .l-view-links .l-item .c-item a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-main, body.mode-hc.c-page--home .l-main,
body.is-darkmode.c-page--home .l-main {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--home .l-main a, body.mode-hc.c-page--home .l-main a,
body.is-darkmode.c-page--home .l-main a {
    color: black !important;
  }
  .mode-hc body.c-page--home .l-main .l-view .c-item__title, body.mode-hc.c-page--home .l-main .l-view .c-item__title,
body.is-darkmode.c-page--home .l-main .l-view .c-item__title {
    color: black;
  }
  .mode-hc body.c-page--home .l-main .edn-feed .l-item, body.mode-hc.c-page--home .l-main .edn-feed .l-item,
body.is-darkmode.c-page--home .l-main .edn-feed .l-item {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--home .l-main .edn-feed .l-item a, body.mode-hc.c-page--home .l-main .edn-feed .l-item a,
body.is-darkmode.c-page--home .l-main .edn-feed .l-item a {
    color: white !important;
  }
  .mode-hc body.c-page--home .l-main .edn-feed .l-item .item__content-meta, .mode-hc body.c-page--home .l-main .edn-feed .l-item .item__content-meta .c-item__date, body.mode-hc.c-page--home .l-main .edn-feed .l-item .item__content-meta, body.mode-hc.c-page--home .l-main .edn-feed .l-item .item__content-meta .c-item__date,
body.is-darkmode.c-page--home .l-main .edn-feed .l-item .item__content-meta,
body.is-darkmode.c-page--home .l-main .edn-feed .l-item .item__content-meta .c-item__date {
    color: yellow;
  }
  .mode-hc body.c-page--default, body.mode-hc.c-page--default,
body.is-darkmode.c-page--default {
    /*
      EDN
    */
  }
  .mode-hc body.c-page--default .l-hero--small, body.mode-hc.c-page--default .l-hero--small,
body.is-darkmode.c-page--default .l-hero--small {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--default .l-hero--small a, body.mode-hc.c-page--default .l-hero--small a,
body.is-darkmode.c-page--default .l-hero--small a {
    color: black !important;
  }
  .mode-hc body.c-page--default .l-hero--small .c-image, body.mode-hc.c-page--default .l-hero--small .c-image,
body.is-darkmode.c-page--default .l-hero--small .c-image {
    opacity: 0.05;
  }
  .mode-hc body.c-page--default .l-hero--small .o-title, body.mode-hc.c-page--default .l-hero--small .o-title,
body.is-darkmode.c-page--default .l-hero--small .o-title {
    color: black;
  }
  .mode-hc body.c-page--default .l-hero--small .c-breadcrumb, body.mode-hc.c-page--default .l-hero--small .c-breadcrumb,
body.is-darkmode.c-page--default .l-hero--small .c-breadcrumb {
    color: black;
  }
  .mode-hc body.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item, body.mode-hc.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item,
body.is-darkmode.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item {
    color: black;
  }
  .mode-hc body.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item.active, body.mode-hc.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item.active,
body.is-darkmode.c-page--default .l-hero--small .c-breadcrumb .breadcrumb-item.active {
    font-weight: 600;
  }
  .mode-hc body.c-page--default .l-page-title .o-title,
.mode-hc body.c-page--default .c-article-detail__title, body.mode-hc.c-page--default .l-page-title .o-title,
body.mode-hc.c-page--default .c-article-detail__title,
body.is-darkmode.c-page--default .l-page-title .o-title,
body.is-darkmode.c-page--default .c-article-detail__title {
    color: white;
  }
  .mode-hc body.c-page--default .l-page-title .o-title:before,
.mode-hc body.c-page--default .c-article-detail__title:before, body.mode-hc.c-page--default .l-page-title .o-title:before,
body.mode-hc.c-page--default .c-article-detail__title:before,
body.is-darkmode.c-page--default .l-page-title .o-title:before,
body.is-darkmode.c-page--default .c-article-detail__title:before {
    background-color: yellow;
  }
  .mode-hc body.c-page--default .c-nav--cards .c-item .o-title, body.mode-hc.c-page--default .c-nav--cards .c-item .o-title,
body.is-darkmode.c-page--default .c-nav--cards .c-item .o-title {
    background: white !important;
    color: black !important;
    fill: black !important;
    border: 2px solid transparent;
  }
  .mode-hc body.c-page--default .c-nav--cards .c-item .o-title a, body.mode-hc.c-page--default .c-nav--cards .c-item .o-title a,
body.is-darkmode.c-page--default .c-nav--cards .c-item .o-title a {
    color: black !important;
  }
  .mode-hc body.c-page--default .c-nav--cards .c-item:hover .o-title, body.mode-hc.c-page--default .c-nav--cards .c-item:hover .o-title,
body.is-darkmode.c-page--default .c-nav--cards .c-item:hover .o-title {
    background: black !important;
    color: white !important;
    fill: white !important;
    border: 2px solid white;
  }
  .mode-hc body.c-page--default .c-nav--cards .c-item:hover .o-title a, body.mode-hc.c-page--default .c-nav--cards .c-item:hover .o-title a,
body.is-darkmode.c-page--default .c-nav--cards .c-item:hover .o-title a {
    color: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree > .c-list:first-child > .c-item, body.mode-hc.c-page--default .c-nav--tree > .c-list:first-child > .c-item,
body.is-darkmode.c-page--default .c-nav--tree > .c-list:first-child > .c-item {
    background: black !important;
    color: white !important;
    fill: white !important;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid white;
  }
  .mode-hc body.c-page--default .c-nav--tree > .c-list:first-child > .c-item a, body.mode-hc.c-page--default .c-nav--tree > .c-list:first-child > .c-item a,
body.is-darkmode.c-page--default .c-nav--tree > .c-list:first-child > .c-item a {
    color: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle, body.mode-hc.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle,
body.is-darkmode.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle {
    background: yellow !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle a, body.mode-hc.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle a,
body.is-darkmode.c-page--default .c-nav--tree .c-item.has-children .c-link .o-toggle a {
    color: black !important;
  }
  .mode-hc body.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link, body.mode-hc.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link,
body.is-darkmode.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link a, body.mode-hc.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link a,
body.is-darkmode.c-page--default .c-nav--tree .c-item.has-children.is-active .c-link a {
    color: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children {
    border-bottom: none !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link {
    background: yellow !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link a, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link a,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children > .c-link a {
    color: black !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list a, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list a,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list a {
    color: white !important;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item {
    border-bottom: 1px solid white;
    background: transparent;
  }
  .mode-hc body.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item.has-children.is-open .c-list .c-item, body.mode-hc.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item.has-children.is-open .c-list .c-item,
body.is-darkmode.c-page--default .c-nav--tree.siblings-hidden .c-item.is-selected.is-active.has-children .c-list .c-item.has-children.is-open .c-list .c-item {
    border-bottom: none;
  }
  .mode-hc body.c-page--default .edn-cards--default .l-item, body.mode-hc.c-page--default .edn-cards--default .l-item,
body.is-darkmode.c-page--default .edn-cards--default .l-item {
    background: white !important;
    color: black !important;
    fill: black !important;
    padding: 12px;
  }
  .mode-hc body.c-page--default .edn-cards--default .l-item a, body.mode-hc.c-page--default .edn-cards--default .l-item a,
body.is-darkmode.c-page--default .edn-cards--default .l-item a {
    color: black !important;
  }
  .mode-hc body.c-page--default .c-article-detail__head .fotorama__stage__frame, body.mode-hc.c-page--default .c-article-detail__head .fotorama__stage__frame,
body.is-darkmode.c-page--default .c-article-detail__head .fotorama__stage__frame {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--default .c-article-detail__head .fotorama__stage__frame a, body.mode-hc.c-page--default .c-article-detail__head .fotorama__stage__frame a,
body.is-darkmode.c-page--default .c-article-detail__head .fotorama__stage__frame a {
    color: white !important;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap, body.mode-hc.c-page--default .c-article-detail__aside-wrap,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap a, body.mode-hc.c-page--default .c-article-detail__aside-wrap a,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap a {
    color: black !important;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a, body.mode-hc.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a {
    position: relative;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after, body.mode-hc.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    bottom: -1px;
    left: 0;
    right: 0;
    opacity: 0.3;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover, body.mode-hc.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover {
    text-decoration: none !important;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover:after, body.mode-hc.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover:after,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:hover:after {
    bottom: -2px;
    height: 3px;
    opacity: 1;
  }
  .mode-hc body.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after, body.mode-hc.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after,
body.is-darkmode.c-page--default .c-article-detail__aside-wrap div:not(.c-article-detail-share) a:after {
    background: black;
  }
  .mode-hc body.c-page--default .l-mc--latest, body.mode-hc.c-page--default .l-mc--latest,
body.is-darkmode.c-page--default .l-mc--latest {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--default .l-mc--latest a, body.mode-hc.c-page--default .l-mc--latest a,
body.is-darkmode.c-page--default .l-mc--latest a {
    color: white !important;
  }
  .mode-hc body.c-page--default .l-mc--latest .l-mc__title, body.mode-hc.c-page--default .l-mc--latest .l-mc__title,
body.is-darkmode.c-page--default .l-mc--latest .l-mc__title {
    color: white;
    font-size: 1rem;
    margin-bottom: 1.2rem;
  }
  .mode-hc body.c-page--default .l-mc--latest .edn-item .l-item, body.mode-hc.c-page--default .l-mc--latest .edn-item .l-item,
body.is-darkmode.c-page--default .l-mc--latest .edn-item .l-item {
    background: white !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body.c-page--default .l-mc--latest .edn-item .l-item a, body.mode-hc.c-page--default .l-mc--latest .edn-item .l-item a,
body.is-darkmode.c-page--default .l-mc--latest .edn-item .l-item a {
    color: black !important;
  }
  .mode-hc body.c-page--default .l-switch-search .c-switch__item.active, body.mode-hc.c-page--default .l-switch-search .c-switch__item.active,
body.is-darkmode.c-page--default .l-switch-search .c-switch__item.active {
    background: black !important;
    color: white !important;
    fill: white !important;
  }
  .mode-hc body.c-page--default .l-switch-search .c-switch__item.active a, body.mode-hc.c-page--default .l-switch-search .c-switch__item.active a,
body.is-darkmode.c-page--default .l-switch-search .c-switch__item.active a {
    color: white !important;
  }
  .mode-hc body .l-view--accordion .c-item__title, body.mode-hc .l-view--accordion .c-item__title,
body.is-darkmode .l-view--accordion .c-item__title {
    background: black !important;
    color: white !important;
    fill: white !important;
    border: 1px solid white;
  }
  .mode-hc body .l-view--accordion .c-item__title a, body.mode-hc .l-view--accordion .c-item__title a,
body.is-darkmode .l-view--accordion .c-item__title a {
    color: white !important;
  }
  .mode-hc body .l-view--accordion .c-item__title .c-toggler, body.mode-hc .l-view--accordion .c-item__title .c-toggler,
body.is-darkmode .l-view--accordion .c-item__title .c-toggler {
    background: yellow !important;
    color: black !important;
    fill: black !important;
  }
  .mode-hc body .l-view--accordion .c-item__title .c-toggler a, body.mode-hc .l-view--accordion .c-item__title .c-toggler a,
body.is-darkmode .l-view--accordion .c-item__title .c-toggler a {
    color: black !important;
  }
}
.mode-largefont, .is-largefont {
  /*
    Helper 
      kad ne možemo extendat bs spacing variable
    ----------------------------------------------------------------
    for easier use of defined spacers when @extend not alowed
    usage: margin-right: $spacer-3 == @extend .mr-3; (ali bez !important što dodaje BS)
  */
  /* Large fonts */
}
.mode-largefont, .is-largefont {
  font-size: 1.5rem;
}
.mode-largefont h1, .mode-largefont .h1, .is-largefont h1, .is-largefont .h1 {
  font-size: 3.75rem;
}
@media (max-width: 1200px) {
  .mode-largefont h1, .mode-largefont .h1, .is-largefont h1, .is-largefont .h1 {
    font-size: calc(1.5rem + 3vw);
  }
}
.mode-largefont h2, .mode-largefont .h2, .is-largefont h2, .is-largefont .h2 {
  font-size: 3rem;
}
@media (max-width: 1200px) {
  .mode-largefont h2, .mode-largefont .h2, .is-largefont h2, .is-largefont .h2 {
    font-size: calc(1.425rem + 2.1vw);
  }
}
.mode-largefont h3, .mode-largefont .h3, .is-largefont h3, .is-largefont .h3 {
  font-size: 2.625rem;
}
@media (max-width: 1200px) {
  .mode-largefont h3, .mode-largefont .h3, .is-largefont h3, .is-largefont .h3 {
    font-size: calc(1.3875rem + 1.65vw);
  }
}
.mode-largefont h4, .mode-largefont .h4, .is-largefont h4, .is-largefont .h4 {
  font-size: 2.25rem;
}
@media (max-width: 1200px) {
  .mode-largefont h4, .mode-largefont .h4, .is-largefont h4, .is-largefont .h4 {
    font-size: calc(1.35rem + 1.2vw);
  }
}
.mode-largefont h5, .mode-largefont .h5, .is-largefont h5, .is-largefont .h5 {
  font-size: 1.875rem;
}
@media (max-width: 1200px) {
  .mode-largefont h5, .mode-largefont .h5, .is-largefont h5, .is-largefont .h5 {
    font-size: calc(1.3125rem + 0.75vw);
  }
}
.mode-largefont h6, .mode-largefont .h6, .is-largefont h6, .is-largefont .h6 {
  font-size: 1.5rem;
}
@media (max-width: 1200px) {
  .mode-largefont h6, .mode-largefont .h6, .is-largefont h6, .is-largefont .h6 {
    font-size: calc(1.275rem + 0.3vw);
  }
}
.mode-largefont .display-1, .is-largefont .display-1 {
  font-size: 8rem;
}
@media (max-width: 1200px) {
  .mode-largefont .display-1, .is-largefont .display-1 {
    font-size: calc(1.925rem + 8.1vw);
  }
}
.mode-largefont .display-2, .is-largefont .display-2 {
  font-size: 7rem;
}
@media (max-width: 1200px) {
  .mode-largefont .display-2, .is-largefont .display-2 {
    font-size: calc(1.825rem + 6.9vw);
  }
}
.mode-largefont .display-3, .is-largefont .display-3 {
  font-size: 6rem;
}
@media (max-width: 1200px) {
  .mode-largefont .display-3, .is-largefont .display-3 {
    font-size: calc(1.725rem + 5.7vw);
  }
}
.mode-largefont .display-4, .is-largefont .display-4 {
  font-size: 4rem;
}
@media (max-width: 1200px) {
  .mode-largefont .display-4, .is-largefont .display-4 {
    font-size: calc(1.525rem + 3.3vw);
  }
}
.mode-largefont .lead, .is-largefont .lead {
  font-size: 1rem;
}
.mode-largefont small, .mode-largefont .small, .is-largefont small, .is-largefont .small {
  font-size: 0.875rem;
}

/*
  PageLink Switches
*/
.is-darkmode .dark-mode-switch .c-item__link .o-title,
.is-darkmode .large-font-switch .c-item__link .o-title {
  position: relative;
}
.is-darkmode .dark-mode-switch .c-item__link .o-title:after,
.is-darkmode .large-font-switch .c-item__link .o-title:after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  bottom: -1px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.is-darkmode .dark-mode-switch .c-item__link .o-title:hover,
.is-darkmode .large-font-switch .c-item__link .o-title:hover {
  text-decoration: none !important;
}
.is-darkmode .dark-mode-switch .c-item__link .o-title:hover:after,
.is-darkmode .large-font-switch .c-item__link .o-title:hover:after {
  bottom: -2px;
  height: 3px;
  opacity: 1;
}
.is-darkmode .dark-mode-switch .c-item__link .o-title:after,
.is-darkmode .large-font-switch .c-item__link .o-title:after {
  background: black;
}

.is-darkmode .dark-mode-switch .icon {
  transform: rotate(180deg);
}

.large-font-switch .icon {
  font-weight: 100;
}
.is-largefont .large-font-switch .icon {
  font-weight: 600;
}

/*# sourceMappingURL=file:///C:/Materijali/ProviderService/Website/Dev/providerservice-website2024/Website/Portals/_default/Skins/Sistemi/src/scss/accesibility.scss */
/*# sourceMappingURL=accesibility.css.map */

