@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

html,
body,
.view {
  height: 100%; }

html{
  scroll-behavior: smooth;
}

body{
  /* font-family: 'Nunito', sans-serif; */
}

h1{
  color: #e11d37;
  font-family: 'Kaushan Script', cursive;
  font-weight: 600;
  text-shadow: 1px 1px #333;
}
h3{
  font-weight: 700;
}

a{
  color: #e11d37;
}

p, li{
  font-size: 1.2rem;
}

.section{
  padding: 90px 0;
}

.izpostavljeno{
  font-size: 24px;
  color: #e11d37;
}

/* 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.9);  */
  background-color: #3d3e3e;

  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

.navbar .nav-item .nav-link{
  font-size: 1.2em;
  color: #fff!important;
  font-weight: 700;
}

.navbar .nav-item .nav-link:hover{
  color: #e11d37!important;
}

/* .top-nav-collapse {
  background-color: #fff; } */

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

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

#glava h1{
  font-size: 64px;
  text-shadow: 1px 1px 5px #000;
}

@media only screen and (max-width: 768px) {
  #glava h1{
    font-size: 32px;
  }
}

.ikone{
  position: absolute;
  top: 40px;
  right: 40px;
  color: red;
}

footer{
  border-top: 1px solid #999;
}


#clani{
  background: url(/public/images/wood-bg.jpg);
}
.clan{
  margin-bottom: 2rem;
}

.fotogalerija-thumb{
  width: 100%;
  height: 100%;
  max-height: 230px;
  object-fit: cover;
}