@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 html {
    scroll-behavior: smooth;
  }
@media(min-width:768px) {
    body {
        margin-top: 0px;
    }
}

a.p-slovo, a.s-slovo {
	text-align:center;
	display: block;
	width: 20px;
	float: left;
	padding:3px;
	margin-right: 3px;
	border:1px solid #ccc;
	background:#eee;
	text-decoration:none;
	color:#333
}
a.p-slovo:hover, a.s-slovo:hover {
	color:#ccc;
	background:#333
}
a.p-slovo:active, a.s-slovo:active {
	color:#fff;
	background:#555
}

#wrapper {
    position: relative;
    padding-bottom: 0px;
    padding-left: 0;    
}

#page-wrapper {
    width: 100%;        
    padding: 0;
    background-color: #fff;
    margin-top: 0px;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 0px;
    }

    #page-wrapper {
		padding: 170px;
		padding-top : 0px;
		padding-bottom : 0px;		
    }	
}

#permalink_section
{
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap;   
    white-space: -o-pre-wrap;     
    word-wrap: break-word;
}

.carousel .item {
    height: 300px;
  }
  
  .item img {
      position: absolute;
      object-fit:cover;
      min-height: 500px;
  }

 #myCarousel
{
    border-radius: 3px;
    border: 2px solid black;
    width: 100%; 
    margin: 0 auto;
    height: 30%;
} 

#myBtn {
	display: none;
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 99;
    border: 3px solid black;
    outline: none;
    background-color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    font-size: 30px; 

  }

  a:hover
  {
      text-decoration: none;
  }
  
  #myBtn:hover {
    background-color: rgb(7, 204, 188);
    transition: 0.3s;
  }

  footer {
    font-weight: bolder;
    padding-top: 15px;
    padding-bottom: 0px;
    background-color: black;
    color: whitesmoke;
    clear: both;
    position: relative;
    height: 50px;
    margin-top: -50px; 
}  
:root {
    --navbar-bg-color: hsl(0, 0%, 15%);
    --navbar-text-color: hsl(0, 0%, 85%);
    --navbar-text-color-focus: white;
    --navbar-bg-contrast: hsl(51, 100%, 40%);
  }
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  .container {
    max-width: 1000px;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    margin-left: auto;
    margin-right: auto;
  }  
  #listaLinkova_navigacija li a:focus {
			background-color: crimson;
			color: white;
		}

		#listaLinkova_navigacija li a:active {
			background-color: crimson;
			color: white;
		}

		@media(min-width:768px) {
			#navbar {
				padding-right: 60px;
			}
      .carousel-caption {
				font-size: 15px;
			}
		}
    @media only screen and (max-width: 600px) {
      .carousel-caption h3 {
				font-size: 15px;
			}
    }
.toBeReplaced:after
{
	visibility: visible;
	font-weight: bolder;
}