@font-face {
    font-family: 'ArialNarrow';
    src: url(../fonts/ArialNarrow.ttf) format('truetype');
  }
  
  .navbar {
      background-color: #FFFFFF;
  }
  
  .navbar .navbar-nav .nav-item .nav-link {
      font-size: 24px;
      font-family: Arial Narrow, ArialNarrow;
      font-weight: bold;
  }
  
  .navbar .navbar-nav .nav-item .nav-link.selected-child-colour {
      color: #FFFFFF;
      font-size: 20px;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      background-color: #FFFFFF;
      font-size: 16px;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
      background-color: #FFFFFF;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover a.nav-link{
      background-color: #FFFFFF;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link:hover {
      background-color: #FFFFFF;
  }
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link {
      font-size: 20px;
      font-family: Arial Narrow, ArialNarrow;
      font-weight: bold;
  }
  
  .piso-gutter-40px {
      --bs-gutter-y: 40px !important;
  }
  .piso-gutter-40px {
      --bs-gutter-x: 40px !important;
  }
  
  .piso-gutter-40px-x {
      --bs-gutter-x: 40px !important;
  }
  
  /* .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link.has-submenu:hover {
      background-color: rgb(255, 149, 149);
      color: white;
  } */
  
  .navbar-nav .nav-link {
      padding-right: 15px !important;
      padding-left: 15px !important;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown.active {
      /* background-color: rgb(255, 221, 221); */
      background-color: transparent;
      color: white;
  }
  
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown.active a.nav-link.has-submenu {
      background-color: transparent;
      color: white;
  }
  
  /* .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown.active a.nav-link.has-submenu */
  
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
      background-color: #FFFFFF;
  }
  
  .navbar .nav-link.has-submenu.highlighted.text-dark.bg-light {
      background-color: yellowgreen;
  }
  
  .navbar {
      border: none !important;
      min-height: 30px !important;
      height: auto !important;
  }
  
  .navbar-nav>li>a {
      padding-top: 18px !important;
      padding-bottom: 18px !important;
  }
  
  .piso-shadow {
      box-shadow: 0px 3px 6px #00000029;
  }
  
  
  
  /* .enlarge-on-hover {
      transition: transform .2s;
  }
  
  .enlarge-on-hover:hover {
      transform: scale(1.1);
  } */
  
  .novica-item {
      background-color: white;
  }
  
  .novica-item:hover {
      background-color: white;
  }
  
  .novica-item:hover .promet-si-header {
      color: white !important;
  }
  
  .novica-item .title {
      color: var(--unnamed-color-108be3);
  }
  
  .novica-item:hover .title {
      color: white;
  }
  
  .novica-item:hover .ModuleEditLink {
      color: white !important;
  }
  
  .novica-item .header-img-container {
      /* overflow: hidden;
      height: 200px;
      width: 100%; */
  
      width: 100%;
      height: 15vw;
      object-fit: cover;
  }
  
  .header-img {
      width: 100%;
      height: 100% !important;
      /* height: 15vw !important; */
      object-fit: cover;
  } 
  
  .blogitem {
      /* margin-bottom: 30px !important;
      padding-right: 0px !important; */
      margin-bottom: 40px !important;
      margin-top: 0px !important;
  }
  
  .piso-novice-card {
      border-radius: 8px !important;
      border: none !important;
      cursor: pointer !important;
  }
  
  .piso-novice-card:hover {
      box-shadow: 0px 3px 6px #00000029;
  }
  
  
  .piso-card-novica:hover {
      box-shadow: 0px 3px 6px #00000029;
  }
  
  .blog-center.blogcenter-nonav.row.piso-gutter-40px.blog-center {
      margin-top: 40px;
  }
  
  
  .blogwrapper {
      padding-right: calc(340px - 20px);
  }
  
  .blogwrapper aside.blog-nav {
      display: block;
      position: fixed;
      right: 0;
      top: 170px;
      bottom: 85px;
      width: 810px;
      /* border-left: 3px solid var(--unnamed-color-108be3); */
  }
  
  /* 
  @media screen and (max-width: 2310px) {
      .blogwrapper aside.blog-nav{
          width: 600px;
      }
      .blogwrapper {
          padding-right: calc(340px - 20px);
      }
  }
  @media screen and (max-width: 2220px) {
      .blogwrapper aside.blog-nav{
          width: 570px;
      }
  }
  @media screen and (max-width: 2040px) {
      .blogwrapper aside.blog-nav{
          width: 540px;
      }
  }
  @media screen and (max-width: 2000px) {
      .blogwrapper aside.blog-nav{
          width: 540px;
      }
  }
  @media screen and (max-width: 1970px) {
      .blogwrapper aside.blog-nav{
          width: 500px;
      }
  }
  @media screen and (max-width: 1915px) {
      .blogwrapper aside.blog-nav{
          width: 490px;
      }
  }
  @media screen and (max-width: 1880px) {
      .blogwrapper aside.blog-nav{
          width: 430px;
      }
  }
  @media screen and (max-width: 1815px) {
      .blogwrapper aside.blog-nav{
          width: 430px;
      }
  }
  @media screen and (max-width: 1769px) {
      .blogwrapper aside.blog-nav{
          width: 380px;
      }
  }
  @media screen and (max-width: 1650px) {
      .blogwrapper aside.blog-nav{
          width: 350px;
      }
  }
  @media screen and (max-width: 1419px) {
      .blogwrapper aside.blog-nav{
          width: 340px;
      }
  }
  @media screen and (max-width: 1399px) {
      .blogwrapper aside.blog-nav{
          width: 390px;
      }
  }
  @media screen and (max-width: 1240px) {
      .blogwrapper aside.blog-nav{
          width: 360px;
      }
  }
  @media screen and (max-width: 1200px) {
      .blogwrapper {
          padding-right: 0px;
      }
      .blogwrapper aside.blog-nav{
          display: none;
      }
  } */
  
  .blogpager .pagination {
      flex-wrap: wrap;
  }
  .pagination a[title*=stran]:not([title*="Pomik na stran"]) {
      font-family: FontAwesome;
  }
  
  
  .blogwrapper {
      padding-right: 0px;
  }
  
  .blognav > li > a {
      font-family: var(--unnamed-font-family-arial-narrow);
      font-style: var(--unnamed-font-style-normal);
      font-weight: var(--unnamed-font-weight-bold);
      font-size: var(--unnamed-font-size-22);
      line-height: var(--unnamed-line-spacing-28);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-108be3);
  }
  
  .blognav > li > a:hover {
      color: var(--blue-hover);
  }
  
  
  
  .blogwrapper aside.blog-nav h3 {
      color: var(--unnamed-color-108be3);
      font-size: 28px;
      margin-top: 80px;
      margin-bottom: 20px;
  }
  
  .blogwrapper aside.blog-nav a {
      font-size: 22px;
      text-decoration: none;
  }
  
  .blogwrapper-full.blogwrapper {
      padding-right: 0 !important;
  }
  
  aside.blog-nav {
      display: none !important;
  }
  
  .blogtext {
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(---3f3f3f_text);
      text-align: left;
      /* font: normal normal normal 18px/25px Arial; */
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
      letter-spacing: 0px;
      color: #3F3F3F;
  
      margin-right: 0px !important;
      padding: 0px !important;
  }
  
  
  .piso-pro-spacer {
      /* margin-bottom: 40px; */
      padding-bottom: 40px;
      padding-top: 40px;
  }
  
  .row-striped:nth-of-type(odd) {
      background-color: #F3F5F7;
      padding-left: 5vw;
      padding-right: 5vw;
  }
    
  .row-striped:nth-of-type(even) {
      background-color: white;
      padding-left: 5vw;
      padding-right: 5vw;
  }
  
  .row-5vw-padding-left-right {
      padding-left: 5vw;
      padding-right: 5vw;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  * {box-sizing: border-box}
  
  /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current "tab button" class */
  .tab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
  }
  
  
  #piso-pomoc-besedilo {
    margin-bottom: 45px;
  }
  
  
  .tabs .tab-link.active {
    border: 3px solid var(--unnamed-color-108be3);
    /* padding-bottom: 17px;
    padding-top: 17px */
  }
  
  .tab-link {
    padding: 20px;
    border: 3px solid white;
  }
  
  .tabs .tab-body {
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word;
    border-radius: 8px;
  }
  
  .tabs .tab-body.active {
    display: block;
  }
  
  .tabs .tab-body.active-content > * {
    opacity: 1;
    transform: translateY(0);
  }
  
  
  
  .accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
    box-shadow: none !important;
  }
  
  .accordion-button:not(.collapsed) .arial-narrow-22pt-faq-kartice{
    color: var(--unnamed-color-108be3) !important;
  }
  
  .accordion-button.collapsed {
    background-color: #ffffff !important;
  }
  
  .accordion-button:focus {
    box-shadow: none !important;
  }
  
  .accordion-item:hover .accordion-button .arial-narrow-22pt-faq-kartice {
    color: var(--unnamed-color-108be3) !important;
  }