:root {
  --fskl-primary: #ff214f;
  --bs-btn-bg: #ff5a26;
}

.logoProjekti {
  width: 150px;
}
.karticaProjekti {
  height: 250px;
  width: 300px;
  border: 1px solid #ff5925;
 
}
.bg-prva{
  height: 60vh;
}

.pozadina{
  background-color: #ff5925;
}

#grad {
  background-image: linear-gradient(to right, rgb(0, 0, 0) ,#ff5925);
  height: 400px;
  width: auto; 
}

.karticaNovosti{
  height: 400px;
  width: auto;
  background-color: rgb(236, 235, 235);
  transition: 0.3s ease;
  color: black;
}

.karticaNovosti:hover {
  background-color: #f87d57;
  color: white;
}
.okvirKarticePrva{
  height: 350px;
  width: 350px;
  background-color: #ff5925;
  color: white;
}

.okvirKarticePrva:hover {
  background-color: #f87d57;
  color: white;
}

.pozadinaSlikaPrva{
  height: 650px;
  width: 650px;
  background-color: #ff5925;
  color: white;
}

.slikaPrva{
  height: 450px;
  width: 650px;
}

.nabavke{

  background-color: rgb(236, 235, 235);
  color: black;
}
.nabavke:hover{

  background-color: #ff5925;
  color: white;
}

.naslov{
  font-size: 8.5rem;
  font-weight: bolder;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

.text-balance {
  text-wrap: balance;
}

.btn-fskl-primary {
  background-color: #ff5a26;
  color: #fff;
}


.btn-fskl-primary:hover {
  background-color:  #f87d57;
  color: #fff;
}
.btn-fskl-primary1 {
  background-color: #11cf00;
  color: #fff;
}
.btn-fskl-primary1:hover {
  background-color: #82ee78;
  color: #fff;
}

.logo-futer {
  max-width: 40px;
}


.linija {
  border-top: 1px solid #ff5925;
  border-bottom: 1px solid #ff5925;
}

.linijaN {
  border-bottom: 1px solid #ff5925;
}

.table>:not(caption)>*>* {
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  padding: 0.5rem 2rem;
}

.breadcrumb-item+.breadcrumb-item:before {
  color: #ffffff;
 
}

#okvir {

  height: 85vh;
}

.dugme {
  background-color: #000000;
  color: white;
}
.dugme:hover {
  background-color: #000000;
  color: white;
}
.naslovPrva{
  text-wrap: balance;
  font-size: 4.5rem;
}

.ikonica-prva {
  max-width: 60px;
}

.ikonica-prva path {
  fill: currentColor;
}

.text-balanced{
    text-wrap: balance;
}

.dropdown-item{
    text-wrap: balance;
}

h1.naslov{
    position: relative;
}

h1.naslov::before{
    position: absolute;
    left: 0;
    bottom:-20px;
    width: 120px;
    height: 5px;
    background: #ff5925;
    content: " ";
    z-index: 1;
}

.card-list .list-link:before {
    border-right: calc(var(--bs-border-width)* 2) solid var(--bs-btn-bg);
}

a.nav-link{
    min-height: 50px;
}

.partnerLogo{
    width: 170px;
    height: 80px;
    object-fit: contain;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
 
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1150px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1260px;
  }
}


@media (max-width: 900px) {
  .naslovPrva{
    text-wrap: balance;
    font-size: 1.5rem;
  }

  .naslov{
    font-size: 5.5rem;
   
  }

  .pozadinaSlikaPrva{
    height: 470px;
    width: 100%
   
  }

  

  .okvirKarticePrva{
    height: 350px;
    width: 100%;
   
  }

  .karticaNovosti{
    height: 350px;
    width: 100%;
   
  }
  
}