/*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:#142959;
}
.crna{
	background-color:black;
}
.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:#314fd4;
	padding:0px;
}
.navbar-light .navbar-nav .nav-link{
	color:white;
	padding:15px;
}
.navbar-light .navbar-nav .nav-link.active {
	color:white;
	
}
.navbar-nav .nav-item.active{
	background:linear-gradient(to bottom, #806d4e 0,#e08e00 100%);
	
}
.navbar-light .navbar-nav .nav-link:hover {
	color:red;
}
.dropdown-menu {
	background-color:#314fd4;
}
.navbar-light .navbar-nav .show>.nav-link {
	color:red;
}
.dropdown-item{
	color:white;
}
.dropdown-item:hover {
	background-color:transparent;
	color:red;
}
.burger{
	overflow:hidden;
}
.strelica a i {
	border: 1px solid red;
	border-radius:50%;
	padding:5px 7px;
	margin-left:15px;
}
.strelica a{
	color:red;
}
.siva{
	background-color:rgb(50, 50, 50);
	color:white;
}
.strelica a:hover{
	color:white;
}
strelica a:hover i{
	background-color:red;
}
.zlatar{
	overflow:hidden;
}
.card-header {
	background-color:#bd8204;
	padding:0;
}
.btn-link {
	color:white;
}
.namaz img {
	width:35%;
}
.teta{
	position:relative;
	overflow:hidden;
	padding:100px 0;
}
.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:#bd8204;
	bottom:0;
	left:0;
}
.lukas {
	position:relative;
}
.lukas::after{
	content:"";
	position:absolute;
	height:3px;
	background:#bd8204;
	bottom:0;
	left:15%;
	right:15%;
}
.sok {
	background-color:#ffb875;
	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;
	color:white;
	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:#facf73;
	}
}