/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; 
  scroll-behavior: smooth;
}

h1{
  color: #000;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

h2, h3{
  color: #333;
}

a{
  color: #555;
}
a:hover{
  color: #333;
}

p{
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: justify;
}

ul li{
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: justify;
}

@media (min-width: 600px){
  .navbar.scrolling-navbar {
    padding-top: 0;
    padding-bottom: 0;
  }
}


.navbar a{
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  text-transform: lowercase;
}

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }


section{
  padding: 100px 0;
  
}


.fotogalerija-thumb{
  margin-bottom: 20px;
  object-fit: cover;
  max-height: 237px;
}


.zastave img{height: 22px; margin-top: 8px;}

.zastave, .zastave a{
    padding-left:5px!important;
    padding-right:0px!important;
    /*line-height: 50px;*/
}



.parallax{
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 0 10px #aaa;
  
}

.parallax1 { 
  background-image: url("/javno/images/1.jpg");
  height: 500px; 
}

.parallax2 { 
  background-image: url("/javno/images/2.jpg");
  height: 500px; 
}

.parallax3 { 
  background-image: url("/javno/images/3.jpg");
  height: 500px; 
}

@media only screen and (max-width: 576px) {

    .parallax{
        height:180px;
        background-size: cover;
        background-position: top;
        background-attachment:initial;;
    }
}




.kontakt-gumb{
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 10000;
  background-color: rgba(255,255,255, 0.9);
  border-radius: 2rem;
  padding: 1rem;
  color: #393f50;
  
  box-shadow: 1px 1px 5px #aaa;
}

.logo-glava{

  width:100%;
  max-width: 700px;
  height: auto;
}

.vsebina{
  margin-top: 100px;
  min-height:  100%;
}



.card-deck{
  flex-direction: row !important;
}