/*start kategorije*/
.zdjela{
	background-image:url(../images/bcg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-bottom:20px;
}
.white{
	background-color:white;
	background-clip:content-box;
}
.sadrzaj{
	padding:20px;
}
.restorani{
	margin-top:20px;
}
.tri{
	background-clip:content-box;
}
.mojsadrzaj h3{
	   margin-top:20px;
	   font-family: 'Pacifico', cursive;
}
.mojsadrzaj h3, a{
	color:red;
} 
/*end kategorije*/
/*start gen opisi*/
h1{
	font-family: 'Barlow', sans-serif;
}
h3{
	font-family: 'Karla', sans-serif;
}
h2{
	font-family: 'Roboto', sans-serif;
}
ul li{
	list-style:none;
}
/*end generalni opisi*/
/*start clanak*/
.crta{
	border-bottom:1px solid black;
}
.gulas h1, i, a{
	margin-top:10px;
}
.gulas h1{
	font-family: 'Pacifico', cursive;
}
h1, a{
	color:red;
}
.nesto{
	color:red;
}
/*end clanak*/
/*start kontakt*/
.siva{
	background-color:#f2eee1;
}
.plava{
	background-color:#105ee6;
}
.crna{
	background-color:#0a0a0a;
}
.miki a{
	padding:80px 0;
	display:block;
	
}
.miki i{
	font-size:40px;
}
a:hover{
	text-decoration:none;
}
.miki p{
	color:red;
}
.siva i, .siva h2{
	color:#4510e3;
}
.plava i, .plava h2, .crna i,.crna h2{
	color:white;
}
a, h2:hover{
	color:red;
}
.siva:hover i, .siva:hover h2{
	    color:red;
}
.plava:hover i, .plava:hover h2{
	    color:red;
}
.crna:hover i, .crna:hover h2{
	    color:red;
}
.vera input{
	background-image:linear-gradient(to bottom, #32a4a8 0, #a0a832 50%, #bf1fb2 100%);
	color:#ffffff;
}
.komentar input{
	   width:60%;
}
.posalji input{
	background-color:green;
	color:white;
}

/*end konakt*/
/*start heder*/
.navbar{
	background-color:#427040;
	padding:0;
	
}
.navbar-brand img{
	height:40px;
}
.navbar-light .navbar-nav .nav-link{
	color:white;
	padding:15px;
}
.navbar-light .navbar-nav .active>.nav-link{
	color:white;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:red;
}
.navbar .nav-item.active{
	background-image:linear-gradient(to bottom, #58a7ed 0%, #b4c9db 100%);
}
.dropdown-menu{
	background-color:#427040;
}
.dropdown-menu a{
	color:white;
}
.dropdown-menu a:hover{
	color:red;
	background:transparent;
}
.navbar-light .navbar-nav .show>.nav-link{
	color:red;
}
.btn-outline-success{
	color:white;
	border-color:white;
}
.btn-outline-success:hover{
	background-color:red;
}
/*end heder*/
/*start onama*/
.sakrivanje{
	overflow:hidden;
}
.ikona h2 i:before{
      margin-right:20px;
	  font-size:55px;
}
.ikona a{
	color:#f9461d;
}
.ikona a i{
	  border:1px solid #f9461d;
	  border-radius:50%;
	  padding:5px 7px;
}
.ikona a:hover i{
	color:white;
	background-color:#f9461d;
}
.ikona a:hover{
	color:white;
}
.boja{
	background-color:rgb(50, 50, 50);
	color:white;
}
.tab-content{
	border:1px solid #dee2e6;
	border-top:none;
}
.zlatar{
	overflow:hidden;
}
.card-header{
	 background-color:#10401d;
}
.btn-link{
	color:white;
}
.btn:focus{
	box-shadow:none;
}
/*end onama*/
.palacinka 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;
	padding-bottom:15px;
}
.linija::after{
	   content:"";
	   position:absolute;
	   width:70%;
	   height:3px;
	   background-color:#f9461d;
	   bottom:0;
	   left:0;
	   
}
.linija2{
	 position:relative;
	 
}
.linija2::after{
	position:absolute;
	content:"";
	left:15%;
	right:15%;
	height:2px;
	bottom:0;
	background:red;
}
.ponuda i{
	font-size:80px;
	color:red;
}
.ponuda h3{
	color:red;
	padding-bottom:5%;
}
.ponuda{
	background-color:gray;
	background-clip:content-box;
}
.ponuda p{
	padding:20px;
}
.mrkva i::before{
	font-size:50px;
	box-shadow:0 0 5px 7px red;
	border-radius:50%;
	padding:15px;
}
.mrkva i:hover::before{
	   box-shadow:none;
	   color:white;
	   background-color:red;
}
.slide-text{
	position:absolute;
}

.vrata i{
	 font-size:50px;
	
	 
}
.linija3{
	position:relative;
	padding-bottom:20px;
}
.linija3::after, .linija3::before{
	position:absolute;
	content:"";
	left:15%;
	right:15%;
	height:2px;
	bottom:0;
	background:red;
}
.linija3::before{
	  bottom:-10px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: red;
 }
.slide-text{
	position:absolute;
	text-align:right;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
} 
.slide-text h2{
	     background-color:rgba(50, 50, 50, 0.7);
		 color:white;
		 padding:7px;
}
.slide-text h3{
	background-color:rgba(225, 225, 225, 0.7);
}
.slide-text p{
	    background-color:rgba(50, 50, 50, 0.5);
		color:white;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
	font-size:50px;
	background-color:gray;
	color:white;
	padding:15px!important;
	
}
.owl-nav{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;	
}
.owl-carousel .owl-nav button.owl-next{
	    float:right;
}
.owl-carousel .owl-nav button.owl-prev{
	 float:left;
}
.meso{
	margin-top:20px;
    position:relative;	
}

.photo{
	background-color:rgb(50 50 50);
	color:white;
	text-align:center;
}
.photo h1{
	color:white;
}
.photo figure{
	border:1px dotted white;
	padding:60px;
	margin:0;	
}
.janje h2{
	text-align:center;
}
.janje figure{
	position:relative:
}
.janje figcaption{
	  position:absolute;
	  bottom:0;
	  background-color:red;
	  left:15px;
	  right:15px;
	  text-align:center;
	  display:none;
}
.janje figure:hover figcaption{
	 display:block;
}


@media(max-width:990px){
	.teta{
		background-color:rgb(225, 225,225);
}