/*
Theme Name: Kontal 2025
*/

*{
	padding: 0px;
	margin: 0px;

}

strong {
  color: #273673;
  font-weight: 700;
}
.crveno {
  color: #A21D21;
}

.kontaktS {
  display: grid;
  grid-template-columns: 48% 48%;
}

.kontaktS div {
	padding: 20px;
}
.fade {
  opacity: 0;
  }
#glavniMeniHamburger {
    margin: 0 auto;
    display: block;
}

.fa {
  color: #A21D21;
}

.hamburger {
    display: none;
  }
/*
.fontTekst {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.fontNaslov {
  font-family: "Montserrat", sans-serif;
}
*/
.fontTekst {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fontNaslov {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.be-vietnam-pro-regular {
  
}

.content p iframe {
  min-width: 100% !important;  
}


.grid-container {
  display: grid;
}

.top-linijaX {
  display: grid;
  grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
}
.top-linija {
  display: grid;
  grid-template-columns: 20% 20% 5% 50% 10%;
}

.top-linija .grid-item {
  padding: 20px 0 15px 0;
}

.top-linija .jezici {
  grid-column-start: 1;
  color: #fff;
}

.top-linija .vinjeta, .footer-copyright  .vinjeta {
  grid-column-start: 2;
  padding: 10px;
  max-height: 40px;
}

.footer-copyright  .vinjeta {
  padding-top:20px;
}

.top-linija .vinjeta img {
  height: 100%;
}

.footer-copyright .vinjeta img {
  height: 80%;
}

#topMeniHamburger {
    display: block;
  }

#glavniMeniHamburger {
    display: block;
  }
/* ////////////// MENI /////////////// */
.top-linija .top-meni-kontejner {
  grid-column-start: 4;
  color: #fff;
}
.top-meni-kontejner {
  text-align: center !important;
  align-items: center;
  justify-content: center;
}

.menu-top-menu-sr_lat-container {
  text-align: left;
  align-items: left;
  justify-content: left;
  }

#topMeniHamburger li {
  display: inline-block;
  vertical-align: top;
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  padding-left: 30px;
  text-align: left;
}

.bijeli {
  color: #fff !important;
}

#topMeniHamburger  {
  text-align: left;
}

#topMeniHamburger li a {
  color: #fff !important;
  text-decoration: none;
}

#topMeniHamburger li a:hover {
  color: #A21D21 !important;
}

#topMeniHamburger a, .#topMeniHamburger a:href, #topMeniHamburger a:visited {
  color: #000;
}

#topMeniHamburger ul {
  display: none;
  position: absolute;
}

#topMeniHamburger li:hover ul {
  display: block;
  z-index: 10000;
}

#topMeniHamburger li ul li {
  float: left;
  width: 100%;
  background-color: #273673;
  padding: 10px;

}

/* mijenjao padding */
#topMeniHamburger li ul li a {
  padding: 0px;
}

/* ////////////// KRAJ MENI /////////////// */

/* ////////////// MENI 2 /////////////// */

#glavniMeniHamburger li {
  display: inline-block;
  vertical-align: top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding-left: 30px;
}

#glavniMeniHamburger li a{
  color: #273673 !important;
  text-decoration: none;
   text-transform: uppercase;
}

#glavniMeniHamburger li a:hover {
  color: #A21D21 !important;
}

#glavniMeniHamburger {
  margin: 0 auto;
  display: block;
}


.top-linija .glavni-menu-kontejner {
  grid-column-start: 4;
  color: #fff;
}

.glavni-menu a, .glavni-menu a:href, .glavni-menu a:visited {
  color: #000;
}

.glavni-menu ul {
  display: none;
  position: absolute;
}

.glavni-menu li:hover ul {
  display: block;
  z-index: 10000;
}

.glavni-menu li ul li {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 10px;
}

.glavni-menu li ul li a {
  padding: 10px;
}

/* ////////////// KRAJ MENI 2/////////////// */


.crvena {
  background-color: #9032a3!important
}

.logo {
  max-height: 70px;
}

.top-navigacija {
  display: grid;
  grid-template-columns: 6% 15% 60% 6%;
  /* grid-template-columns: 20% 15% 60% 5%; */
  padding-top: 30px;
}

.heder-meni, .top-meni {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slajder {
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 60vh;
}
.slajder img{
}

.slajder-slika{
  background-size: cover;
  background-position: center center;
}
.mySlides {
  position: relative;
}

.nextSlide {
  position: absolute;
  background-color: #fff;
  opacity: 0.5;
  padding: 5px;
  font-family: 'Open Sans', sans-serif;
}
.nextSlide:link, .nextSlide:hover, .nextSlide:visited {
    color: #273673;
    text-decoration: none;
}

.slajder-content {
  background-color: #fff;
  opacity: 0.7 !important;
  position: absolute;
  max-width: 30%;
  bottom: 20%;
  max-height: 70%;
  left: 10%;
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
  overflow: hidden;
}

.slajder-content h1 {
  margin: 0 0 20px 0;
}

.slajder-content img {
  display: none;
}


.slajder-content a, .slajder-content a:visited, .slajder-content a:hover{
  opacity: 1;
  color: #9032a3!important;
  text-decoration: none;
}

.slajder-content p {
  font-size: 16px;
  font-weight: 700;
  text-align: justify;
}

.preuzmi {
  grid-template-columns: 30% 30% 30% 30%;
  background-color: #b70404!important;
  padding: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
.preuzmi-txt {
  grid-column-start: 2;
  color: #fff;
}

.preuzmi-dugme {
  background-color: #fff;
  border-color: #fff;
  color: #4b4b4b;
  border-radius: 3px;
  padding: 0.65em 2.5em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}

.kontejner-naslov-strane {
  grid-template-columns: 20% 60% 20%;
  display: grid;
}

.kontejner-naslov-strane > :first-child{
  grid-column-start: 2;
}
.paginacija {
   grid-template-columns: 30% 20% 10% 20% 30%;
  display: grid;
  padding: 20px;
  
}
.paginacija > :first-child{
  grid-column-start: 2;
}
.paginacija a, .paginacija a:hover, .paginacija a:visited {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  padding:10px;
  text-decoration: none;
  color: #405caa;
}

.paginacija span {
  padding-top: 12px;
}
.search .vijesti {
      grid-template-columns: 10% 80% 10%;
    margin-left: auto;
    margin-right: auto;
}

.search .vijesti .projekti {
    grid-template-columns: 33% 33% 33%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.pretraga {
  padding: 10px 10px 0px 10px;
}

.naslov_strane {
	font-family: "Montserrat", sans-serif;
  color: #A21D21;
  line-height: 1.5;
  margin: 0 0 12px;
  font-weight: 500;
  margin:20px 20px 0 20px;
  border-bottom: 1px solid #A21D21;
}

.naslov_strane a {
  text-decoration: none;
  color: #273673;
}

.vijesti {
  grid-template-columns: 20% 20% 20% 20% 20%;
}

.bgndvignette {
  background-image: url('img/bgnd-transparent-vignette.png');
  background-repeat: no-repeat;
}

.bgndvignetteRight {
  background-image: url('img/bgnd-transparent-vignette.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}


.category-projekti .vijesti{
  grid-template-columns: 10% 80% 10%;
  margin-left: auto;
  margin-right: auto;
}

.category-projekti .vijesti .projekti {
  grid-template-columns: 30% 30% 30%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
} 

.archive .vijesti{
  grid-template-columns: 10% 80% 10%;
  margin-left: auto;
  margin-right: auto;
}

.archive .vijesti .projekti {
  grid-template-columns: 33% 33% 33%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
} 


.singleTemp .strana {
    grid-column-start: 2!important;
    grid-column-end: 2!important;
}


.vijesti > :first-child{
  grid-column-start: 2;
}


.vijesti .grid-item {
	padding: 20px;
}

.vijesti .grid-item:hover {
  background-color: #e4e9ff;
}

.vijesti .grid-item img {
	width: 100% !important;
}

.taxonomija {
  padding: 25% !important;
}

.klijenti-texonomy .grid-item {
    padding: 50px;
}

.vijesti h2 {
 color: #4b4b4b;
}

.vijesti h2 a {
 color: #4b4b4b;
 text-decoration: none;
}

.vijesti p {
  padding: 0 0 20px 0;
  color: #878686;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: justify;
}

.vijest p {
  text-align: justify;
  padding-bottom: 15px;
}

.vijest h2 {
  padding-bottom: 15px;
}

.content {
  padding: 0 0 20px 0;
  color: #595252;
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.content h2{
 color: #000;
 font-family: auto;

}

.velikaSlova{
  font-size: 2em;
}

.citaj_vise {
	border-radius: 5px;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  background-color: #405caa;
  margin-top: 10px;
  text-decoration: none;
}

.poslovni-registar {
  display: grid;
  grid-template-columns: 10% 50% 30% 10%;
  background-color: #A21D21;
  border-top: 1px solid #A21D21;
  border-bottom: 1px solid #A21D21;
  padding: 30px 0 30px 0;
  margin: 20px 0 0 0;
}

.registar {
  grid-column-start: 3;
  font-size: 1.5em;
  color: #464545;
}

.registar img {
  max-width: 100%;
}

.registar-info {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #464545;
  grid-column-start: 2;
  padding-right: 20px;
  font-size: 1.2em;
}

.registar-info-box h1, .registar-info-box h2 {
  margin-bottom: 20px; 
}

.registar-info-box a,.registar-info-box a:hover ,.registar-info-box a:visited {
  color: #405caa;
  margin-bottom: 20px; 
  background-color: #fff;
  opacity: 0.9;
  padding: 10px;
}


.svadbeni-salon-r {
  display: grid;
  grid-template-columns: 6% 44% 44% 6%;
  padding: 30px 0 30px 0;
  margin: 20px 0 0 0;
}

.svadbeni-salon-info {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #464545;
  grid-column-start: 2;
  padding-right: 20px;
  font-size: 1.2em;
}

.svad-registar {

  grid-column-start: 3;

}


.kockice {
  display: grid;
  grid-template-columns: 6% 22% 22% 22% 22% 6%;
  padding: 30px 0 30px 0;
}

.kockice img:hover {
  filter: drop-shadow(2px 3px 1px black);
}

.kockice .prva p {
  display: none;
}

.kockice .prva:hover p {
  display: block;
}

.kockice .prva {
  grid-column-start: 2;
  background-color: #405caa;
  background-image: url('img/usluge-revizija.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  max-height: 100%;
  overflow: hidden;
}

.kockice .prva:hover {
  box-shadow: inset 0px 0px 45px rgba(0,0,0,0.5);
}

.kockice .druga {
  background-image: url('img/racunovodstvo.jpg');
  background-position: bottom;
  grid-column-start: 3;
  background-color: #405caa;
}

.kockice .druga:hover {
  box-shadow: inset 0px 0px 45px rgba(0,0,0,0.5);
}

.kockice .treca {
  grid-column-start: 4;
  background-color: #405caa;
  background-image: url('img/usluge-poslovne-podrske.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  max-height: 100%;
  overflow: hidden;
}

.kockice .treca:hover {
  box-shadow: inset 0px 0px 45px rgba(0,0,0,0.5);
}

.kockice .cetvrta {
  grid-column-start: 5;
  background-color: #405caa;
  background-image: url('img/usluge-ostale-usluge.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  max-height: 100%;
  overflow: hidden;
}
.kockice .cetvrta:hover {
  box-shadow: inset 0px 0px 45px rgba(0,0,0,0.5);
}


.kockice a img {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto; 
  justify-content: center; 
}

.kockice .grid-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
}

.kockice .grid-item:first-child {
  margin-left: 0px;
}

.kockice .grid-item:last-of-type {
  margin-right: 0px;
}

.kockice .grid-item a{
}

.kockice  h2 {
  color: #fff;
  padding: 30px;
  overflow: visible !important;
  background-color: #A21D21;
  display: flex;
  justify-content: center;
}
.kockice a, .kockice a:visited{
  /*margin: 300px 0 50px 100px;*/
  margin: 380px 0 0px 0px;
  color: #fff;
  text-decoration: none;
}

.kontakt-info {
  display: grid;
  grid-template-columns: 10% 40% 40% 10%;
  padding: 30px 0 30px 0;
}

.kontakt-info img {
  max-width: 100%;  
}

.kontakt-info .mapa {
  grid-column-start: 2;
}

.kontakt-info .info {
  grid-column-start: 3;
  display: flex;
  flex-direction: column;
}

.kontakt-info h2 {
  padding: 20px;
}
.kontakt-info p {
  padding: 20px;
}

.info-logo {
  padding: 20px;
}

.footer-copyright {
	background-color: #A21D21;
  color: #fff;
  grid-template-columns: 20% 30% 10% 10% 20% 10%;
}
.footer-copyright .copyright {
  display: flex;
  grid-column-start: 2;
  align-items: center;
  justify-content: center;
}
.footer-copyright .vinjeta {
  grid-column-start: 5;
  height: 60px;
}

.page .naslov_strane, .single .naslov_strane{
  margin-bottom: 20px;
}

.page .singleTemp{
  grid-template-columns: 10% 80% 10%;
}

.page .singleTemp p {
  text-align: justify;
  padding-bottom: 15px;
}

.page h3 {
  color: #A21D21;
  padding: 20px 0 15px 0;
}

.singleTemp {
  grid-template-columns: 10% 30% 30% 20% 10%;
  padding:  20px 0 20px 0;
}

.singleTemp .grid-item {
  grid-column-start: 2;
  grid-column-end: 4;
}

.singleTemp .grid-item img {
  width: 100%;
  margin: 20px 0 20px 0;
}
.content ul {
  padding-left: 20px;
}


.sajdbar {
  padding: 20px;
}

.sajdbar li {
 list-style: none;
}

.sajdbar li {
 list-style: none;
 margin-bottom: 20px;
}

.sajdbar li img {
  max-width: 100px;
}

.sajdbar li a, .sajdbar li a:hover, .sajdbar li a:visited{
  color: #878686;
}

.slajder-kartice {
  display: grid;
   grid-template-columns: 10% 80% 10%;
   overflow: hidden;
   margin: 20px 0 20px 0;
   background-color: #A21D21;
}

.slajder-kartice ul {
  grid-template-columns: 25% 25% 25% 25%;
  display: grid;
   overflow: hidden;
   grid-column-start: 2;
   grid-column-end: 2;

}

.slajder-kartice li {
    display: inline-block;
    float: left;
    padding: 30px 20px 20px 20px;
    margin: 20px;
    list-style: none;
    grid-row-start: 1;
    text-align: center;
    font-size: 1.5em;
    max-height: 150px;
}
#prije, #poslije {
  display: flex;
  margin: 20px 10px 20px 10px;
  font-size: 3em;
  text-align: center;
  color: #fff;
  justify-content:center;
  align-items: center;
  vertical-align:middle
}

.kartica {
}

.karticaImg {
  filter: grayscale(1);
}
.karticaImg:hover {
  filter: grayscale(0);
  box-shadow: inset 0px 0px 10px rgba(0,0,0,1);
}

.kartica a, .kartica a:visited {
  text-decoration: none;
  color: #000;
}

.kartica .vrijednost {
  font-weight: bold;
  padding-bottom: 10px;
}
.kartica .opis {
  padding-bottom: 10px;
}
.kartica .period {
}
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
@media (max-width: 1500px) {
  .top-linija {
    grid-template-columns: 5% 15% 10% 60% 10%;
  }

  .top-linija .vinjeta img {
    height: 80%;
}

  .top-navigacija {
    grid-template-columns: 10% 15% 70% 5%;
  }

  .kontejner-naslov-strane {
    grid-template-columns: 5% 90% 5%;
  }
  .vijesti {
    grid-template-columns: 5% 30% 30% 30% 5%;
  }
  .slajder-kartice li {
    font-size: 1.1em;
}
}
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
@media (max-width: 1185px) {
  #glavniMeniHamburger {
    margin: 0 auto;
    display: block;
}
  .hamburger {
    display: none;
  }
  .top-linija {
   grid-template-columns: 5% 15% 2% 63% 15%;
 }

 .top-navigacija {
  grid-template-columns: 1% 28% 70% 1%;
}

#topMeniHamburger li {
    font-size: 12px;
    padding-left: 30px;
    padding-top: 8px;
}

.kontejner-naslov-strane {
  grid-template-columns: 5% 90% 5%;
}
.vijesti {
  grid-template-columns: 5% 30% 30% 30% 5%;
}
.slajder-content {
  bottom: 10%;
  left: 10%;
  padding: 20px;
  top: 20px;
}
.top-linija .vinjeta {
    padding-top: 20px;
    padding: 10px;
    max-height: 56px;
    padding: 5px 10px 10px 34px;
}
.top-linija .vinjeta img {
    height: 50%;
    padding-right: 10px;
}
.kockice h2  {
    font-size: 1.2em;
    text-align: center;
}
}
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
@media (max-width: 949px) {
  .kontaktS {
  display: grid;
  grid-template-columns: 100%;
}
  #glavniMeniHamburger {
    margin: 0 auto;
    display: block;
}
  .top-linija {
    grid-template-columns: 1% 16% 1% 81% 2%;
}

 .top-linija .vinjeta {
    padding-top: 20px;
    padding: 10px;
    max-height: 30px;
}

 .top-navigacija {
  grid-template-columns: 1% 25% 70% 1%;
}

.logo {
  max-height: 45px;
}

#menu-glavni-meni li {
  font-weight: 600;
  font-size: 12px;
  padding-left: 10px;
}
#menu-top-menu li {
  font-size: 12px;
  padding-left: 10px;
}

.slajder-content {
  bottom: 10%;
  left: 10%;
  padding: 10px;
  top: 10%;
}

.slajder-content h1 {
  font-size: 1.7em;
}

.slajder-content p {
  font-size: 16px;
}

.kontejner-naslov-strane {
  grid-template-columns: 5% 90% 5%;
}
.vijesti {
  grid-template-columns: 5% 30% 30% 30% 5%;
}

.kockice {
    display: grid;
    grid-template-columns: 6% 44% 44% 6%;
    padding: 30px 0 30px 0;
}

.kockice .grid-item {
    margin: 5px;
}

.kockice .prva {
  grid-column-start: 2;
}

.kockice .druga {
  grid-column-start: 3;
}

.kockice .treca {
  grid-column-start: 2;
}

.kockice .cetvrta {
  grid-column-start: 3;
}

.slajder-kartice ul {
    grid-template-columns: 100%;
    display: grid;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 2;
}

}
/* ///////////////////////////////////////////// *
/* ///////////////////////////////////////////// *
/* ///////////////////////////////////////////// *
/* ///////////////////////////////////////////// *
/* ///////////////////////////////////////////// */
/* Telefoni manji */
@media (max-width: 769px) {
  .hamburger {
    display: block;
  }

  .top-navigacija {
    grid-template-columns: 0% 27% 73% 0%;
}

}
@media (max-width: 768px) {
  .hamburger {
    display: block;
  }
  /* MENI 1 */
  .top-linija .top-meni-kontejner {
    grid-column-start: 2;
}
  .top-linija .vinjeta {
    text-align: center;
    align-items: center;
}
  
  #topMeniHamburger {
    display: none;
  }
  #topMeniHamburger li {
    display: inline-block;
    font-size: 14px !important;
    width: 100%;
    padding: 0px;
    margin: 0;
  }

  #topMeniHamburger  ul {
    display: block;
    position: relative;
  }


/* Kraj MENI 1 */
  /* MENI 2 */

   #glavniMeniHamburger {
    display: none;
  }

  #glavniMeniHamburger li {
    display:  inline-block;
    font-size: 14px !important;
    width: 100%;
    padding: 0px;
    margin: 0;
    background-color: #eee;
  }


  #glavniMeniHamburger li:hover {
    /*background-color: #273673;*/
  }

  #glavniMeniHamburger li a {
    color: #A21D21 !important;
}


  #glavniMeniHamburger li .sub-menu li{
    background-color: #fff;
    font-size: 12px;
  }

  .sub-menu li > a:before { 
    content: '► '; 
  }
  .sub-menu li  { 
    text-align: left;
  }
 
   .glavni-menu ul {
    display: block;
    position: relative;
  }

.heder-meni, .top-meni {
    align-items: center;
    flex-direction: column;
}

/* Kraj MENI 2 */

  .top-linija .top-meni {
    grid-column-start: 3;
    color: #fff;
  }



  .top-navigacija {
    display: grid;
    grid-template-columns: 2% 96% 2%;
    padding: 10px;
  }

  .top-navigacija .grid-item  {
    grid-column-start: 2;
  }

  .logo-grid {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-linija {
    grid-template-columns: 5% 90% 5% ;
  }

  .slajder {
    height: 30vh;
}

  .slajder-content {
    max-width: 75%;
    position: relative;
}


  .slajder-content h1 {
  font-size: 0.9em;
  margin: 0 0 0px 0;
}

.slajder-content p {
    font-size: 12px;
    display: none;
}

.slajder-kartice ul {
    grid-template-columns: 100%;
}

.slajder-kartice li {
    padding: 30px 20px 20px 20px;
    margin: 5px;
}

.archive .vijesti {
    grid-template-columns: 100%;
    margin: 0;
}

.archive .vijesti .projekti {
    grid-template-columns: 100%;
    margin: 0;
}

.category-projekti .vijesti {
    grid-template-columns: 100%!important;
    margin: 0;
}

.category-projekti .vijesti .projekti {
    grid-template-columns: 100%;
    margin: 0;
}

#prije, #poslije {
    font-size: 1em;
    margin: 5px 5px 5px 5px
}

  .preuzmi {
    grid-template-columns: 5% 90% 5%;
    padding: 10px;
  }
  .preuzmi-txt {
    grid-column-start: 2;

  }

  .preuzmi-grid {
    grid-column-start: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .kontejner-naslov-strane {
    grid-template-columns: 5% 90% 5%;
    display: grid;
    font-size: 10px;
  }

  .vijesti {
    grid-template-columns: 100%;
  }

  .vijesti > :first-child {
    grid-column-start: 1;
}

 
  .vijest {
    grid-column-start: 1 !important;
    padding: 0 20px 0 20px;
}

  .kroz_brojeve .brojevi{
    font-size: 0.5em;
  }

  .singleTemp {
    grid-template-columns: 5% 90%  5%;
    padding: 10px 0 10px 0;
  }

  .sajdbar {
    grid-column-start: 2;
  }


.kockice .projekti {
  grid-column-start: 2;
  grid-column-end: 2;
} 

.kockice .savjeti  {
  grid-column-start: 3;
  grid-column-end: 3;
} 

.kockice .newsletter   {
  grid-column-start: 2;
  grid-column-end: 2;
} 

.kockice .privrednik   {
  grid-column-start: 3;
  grid-column-end: 3;
} 

  .kockice h2 {
    display: flex;
    justify-content: center;
    padding: 5px 0 5px 0;
    color: #fff;
    font-size: 12px;
}

  .kockice h2 a:link, .kockice h2 a:hover, .kockice h2 a:visited, .kockice h2 a:active  {
    color: #fff !important;
}

.poslovni-registar {
    grid-template-columns: 5% 90% 5%;
}

.registar-info {
  grid-column-start: 2;
  grid-column-end: 2;
  padding-bottom: 20px;
}

.registar {
  grid-column-start: 2;
  grid-column-end: 2;
}

.kontakt-info {
    display: grid;
    grid-template-columns: 5% 90% 5%;
    padding: 30px 0 30px 0;
}

.kontakt-info .mapa {
  grid-column-start: 2;
  grid-column-end: 2;
}

.kontakt-info .info{
  grid-column-start: 2;
  grid-column-end: 2;
}
.footer-copyright .vinjeta {
    padding-top: 9px;
}
.footer-copyright .vinjeta img {
    height: 50%;
}

.category-projekti .projekti {
    grid-template-columns: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}
.kockice {
    display: grid;
    grid-template-columns: 5% 90% 5%;
    padding: 30px 0 30px 0;
}

.kockice .grid-item {
    margin: 5px;
}

.kockice .prva {
  grid-column-start: 2;
}

.kockice .druga {
  grid-column-start: 2;
}

.kockice .treca {
  grid-column-start: 2;
}

.kockice .cetvrta {
  grid-column-start: 2;
}

.kockice h2 {
        font-size: 18px;
        padding: 20px;
    }

.svadbeni-salon-r {
    display: grid;
    grid-template-columns: 6% 88% 6%;
    padding: 30px 0 30px 0;
    margin: 20px 0 0 0;
}
}