/*start kategorije*/
.pozadina{
	background-image:url(../images/bcg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-bottom:30px;
}
.white{
	background-color:white;
	background-clip:content-box;
	margin-top: 20px;
}
.content{
	padding:30px;
}
/*end kategorije*/

/*start generalni opisi*/
h1{
 font-family: 'Berkshire Swash', cursive;
}
h2{
 font-family: 'Abril Fatface', cursive;
}
h3{
 font-family: 'Lobster', cursive;
}
ul {
    list-style-type: none;
}
/* end generalni opisi*/

/*start clanak*/
.crta{ border-bottom:dashed 1px; 
}
/*end clanak*/


/*start kontakt*/
.bijela{
	background-color:#dbd1d0;
}
.plava{
	background-color:#596b7d;
}
.crna{
	background-color:#000103;
}
.adresa a{
	padding:80px 0px;
	display:block;
}

a:hover{
	text-decoration:none;
}
.adresa i{
	font-size:40px;
}
.adresa p{
	color:red;
}

.adresa i, .adresa h2{
	color:white;
}

.bijela i, .bijela h2{
	color:#596b7d;
}
.bijela:hover i, .bijela:hover h2{
	color:red;
}
.plava:hover i, .plava:hover h2{
	color:red;
}
.crna:hover i, .crna:hover h2{
	color:red;
}	
.vera input{
	background:linear-gradient(to bottom, #90a395 0, #496350 50%, #192b1e 100%);
	color:white;
	
}
.nada input{
	background:linear-gradient(to bottom, #90a395 0, #496350 50%, #192b1e 100%);
	color:white;
	
}
/*end kontakt*/

.navbar-brand img {
	height:45px;
	
}

.navbar {
	background-color:#1d2f75;
	padding:0px;
}
.navbar-light .navbar-nav .nav-link {
	padding:15px;
	color: white;
}

.navbar-light .navbar-nav .active>.nav-link {
	
	color:white;
	
}

.navbar-nav .nav-item.active {
	
	background:linear-gradient(to bottom, #9097b0 0, #7d8ec9 100%);
}
.navbar-light .navbar-nav .nav-link:hover {
	color:#f9461d;
}
.dropdown-menu{
	background-color:#1d2f75;
	
}
.navbar-light .navbar-nav .show>.nav-link{
	color:#f9461d;
}

.dropdown-item {
	color:white;
}
.dropdown-item:hover {
	color:#f9461d;
	background-color: transparent;
}

.zlatar{
	overflow:hidden;
}
.burger{
	overflow:hidden;
}


.card-header {
background-color:#eb8634;
 padding:0; }

.btn-link  {
	color:white;
}

.namaz img{
	width:35%;
}

.teta{ 
	position:relative;
	overflow:hidden;
	padding:100px 0px;
}

.truba{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0.3;
}

.linija {
	position:relative; 
}

.linija::after{
	content:"";
	position:absolute;
	width: 70%;
	height:3px;
	background:#f9416d;
	bottom:0;
	left:0;
}

.lukas{
	position:relative;
}

.lukas::after{
	content:"";
	position:absolute;
	left:25%;
	right:25%;
	background:#f9416d;
	bottom:0;
	height:3px;
}

.sok{
	background-color:#b3afaf;
	background-clip:content-box;
}

.sok i{
	font-size:100px;
}

.hrana a{
	position:relative;
	padding-bottom:15px;
	padding:5px 7px;
}
.hrana{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	

}
.zadaca a{
	color:white;
	background-color:red;
	border-radius:35%;
}
.zadaca h3{
	color:white;
	padding:20px 25px 0 0;
}
.zadaca p{
	color:white;
	padding-top:10px;
}
.zadaca{
	padding:15px 20px;
	background-clip:content-box;
	position:relative;
	
}
.hrana img{
	padding-right:20px;
	
}
.opsirnije{
	padding-top:20px;
}
.jabuka i{
font-size:50px;
}
.grozdje{
	position:relative;
	padding-bottom:15px;
}
	
.grozdje::after, .grozdje::before{
	content:"";
	position:absolute;
	width:70%;
	height:3px;
	background-color:blue;
	left:15%;
	right:15%;
	bottom:0;
}
.grozdje::before{
	bottom:-10px;
}

.slajd-tekst{
	text-align: right;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#maslina .owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}

#maslina .owl-prev, #maslina .owl-next {
	background:gray;
	font-size:50px;
	padding:30px!important;
	
}

#maslina .owl-prev{
	float:left;
}

#maslina .owl-next{
	float:right;
	
}

.photo{
	background:rgb(50, 50, 50);
	color:white;
	text-align:center;
}

.photo figure {
	border:1px dotted white;
	padding:50px;
	margin:0;
}






@media (max-width:990px) {
	.teta{
		background:#e8e06d;
	}
}