/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
.view {
  height: 100%;
}


body {
  min-height: 100%;
  background-color: #eee;
}

html {
  scroll-behavior: smooth;
  font-size: 1.2rem;
}

h1 {
  color: #0064a4;
  font-weight: 500;
}

p {

  line-height: 1.8rem;
}


#kontakt {
  background-image: url("/javno/slike/bg-1.png");
}

#kontakt h1 {
  color: #0064a4;
}

.prva-stran-novice {
  background-color: #fff;
  padding: 1rem 0;
}

.prva-stran-novice img {
  width: 100%;
  border: 1px solid #efefef;
}



/* Half Page Carousel itself*/
.carousel {
  height: 100%;
}

.carousel .carousel-inner {
  height: 100%;
}

.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active {
  height: 100%;
}


.view img {
  display: inline;
}


#glava {
  min-height: 100px;
  padding: 10px 0;
  background-color: #ced9cf;
}

.glava-napis{
  display: inline-block;

}
.glava-napis h1{
  padding: 0;
  margin:0; 
  font-weight: 500;
}
/* .telefon{
  font-size: 32px;
} */

.logo {
  max-width: 90%;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: #ffffff;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: yellow;
}

.separator{
  padding-left: 0!important;
  padding-right: 0!important;
}

.modra {
  color: #43812a;
}

.modra-bg {
  background-color: #43812a;
}

.modra-light {
  color: #43812a;
}

.modra-light-bg {
  background-color: #43812a;
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%;
  }
}

/* Navbar animation */
.navbar {
  background-color: #0065a4;
}

.top-nav-collapse {
  background-color: #0065a4;
}

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

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


.ks{
  font-size: 40px;
  font-weight: 900;
  color: #0064a4;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  text-shadow: 1px 1px 5px #000;
}

.bostanj{
  font-size: 50px;
  font-weight: 900;
  color: #43812a;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
  text-shadow: 1px 1px 5px #000;
}

.vsebina_wrap {
  padding-top: 80px;
  padding-bottom: 50px;
}

.vsebina_wrap h1 {
  margin-bottom: 30px;
}

#vsebina-inner{
  box-shadow: 0 0 10px #aaa;
  background-color: #fff;
}

#narocanje {
  background-color: #eee;
}

#narocanje table{
  width: 100%; 
  box-shadow: 1px 1px 5px #aaa;
}

#narocanje table th{
  background-color: #bbd5ee;
}
#narocanje table tr:nth-child(even) {background: #eee}
#narocanje table tr:nth-child(odd) {background: #FFF}


#kje-smo {
  background-color: #eee;
}

.modal-body p{
  line-height: 1.2rem;
  font-size: 1rem;
  margin-bottom: 0;
}