h1{
    font-family: 'Roboto Condensed', sans-serif;
}
h2{
    font-family: 'Poppins', sans-serif;
}
body{
    font-family: 'Open Sans', sans-serif;
}
a{
    text-decoration: none;
    color: black;
}
.okvir{
    border-bottom: 1px dotted rgb(76, 76, 75);
}
.to i{
    color: blueviolet;
}
.astal{
    background: url(../images/bcg.png) no-repeat center fixed;
    background-size: cover;
    padding: 50px;

}
.sesir{
    background-color: rgba(137, 43, 226, 0.452);
    background-clip: content-box;
    border: 1px dotted white;
    padding: 20px;
    position: relative;
}
.sesir p{
    padding: 0 20px;
}
.sesir a{
    background-color: rgb(8, 8, 68);
    color: white;
    padding: 10px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
video{
    width: 100%;
}

.navbar{
    background-color: rgb(171, 96, 240);
    padding: 0;
}
.navbar-brand img{
    height: 45px;
}
.navbar-light .navbar-nav .nav-link {
    color: white;
    padding: 20px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: white;

background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(106,106,233,1) 45%, rgba(130,187,199,1) 79%)}
  

    .dropdown-menu{
        background-color:rgb(171, 96, 240);
        
    }
    .dropdown-item{
        color: white;
    }
    .dropdown-item:hover{
        background-color: transparent;
    }
    .navbar-collapse{
        flex-grow:0;
    }
    .bez{
        background-color: bisque;
    }
    .roza{
        background-color: pink;
    }
    .ljubicasta{
        background-color: rgb(187, 149, 223);
    }
    .info a{
        display: block;
        padding: 90px 0;
    }
    .inf p{
        color: rgb(5, 5, 55);
    }
    .bez h3, .bez i{
        color: blueviolet;
    }
    .roza h3, .roza i, .ljubicasta h3, .ljubicasta i{
        color: white;
    }
    .info i{
        font-size: 40px;
    }
    .info a:hover i, .info a:hover h3{
        color: brown;
    }
    .ruka{
        overflow: hidden;
    }
    .casa img{
        padding-bottom: 20px;
    }
    .nav-pills .nav-link.active{
        background-color: blueviolet;
    }
    .accordion-button:not(.collapsed){
        color: white;
        background-color: blueviolet;
    }
    .accordion-button{
        background-color: blue;
    }
    .accordion-body{
        background-color: blue;
    }
    .sac{
        overflow: hidden;
    }
    .pro h3{
        margin-top: 35px;
    }
    .rakovi{
        background: url(../images/chef-cooked.jpg) no-repeat center fixed;
        padding: 100px 0;
        background-size: cover;
    }
    .vino i{
        box-shadow: 0px 0px 21px 7px rgba(0,0,0,0.75);
       -webkit-box-shadow: 0px 0px 21px 7px rgba(0,0,0,0.75);
       -moz-box-shadow: 0px 0px 21px 7px rgba(0,0,0,0.75);
       font-size: 40px;
       padding: 20px 20px;
       border-radius: 50%;
       margin-bottom: 10px;
    }
    .vino i:hover{
        box-shadow:none;
        color:white;
        background-color: blue;
    }
    .palacinka img{
        width: 35%;
    }
    .svira{
        position: relative;
        overflow: hidden;
        padding: 100px 0;
    }
    .truba{
        position: absolute;
        top:0;
        left:0;
        z-index:-1;
        opacity: 0.3;
    }
    .linija::after{
        content: "";
        position: absolute;
        width:70%;
        height: 3px;
        background-color: rgb(226, 43, 177);
        left:0;
        bottom:-10px;
        

    }
    .linija{
        position: relative;

    }
    .crta::after{
        content: "";
        position: absolute;
        height: 3px;
        background-color: brown;
        left: 10%;
        right: 10%;
        bottom: -10px;}
     

    .crta{
        position: relative;

    }
    .ja{
        background-color: blueviolet;
        background-clip: content-box ;
    }
    /* #hrana>div{
        position: relative; */
    
    .vatra{
        position: absolute;
        top:50%;
        left:50%;
        text-align: center;
        transform: translate(-50%,-50%);
    }
    .owl-carousel .owl-nav button.owl-prev,  .owl-carousel .owl-nav button.owl-next{
        font-size: 50px;
        background-color: blueviolet;
        color: white;
        padding: 20px !important;
    }
   .owl-nav{
    position: absolute;
    top:50%;
    left:50%;
    text-align: center;
    transform: translate(-50%,-50%);
    width:100%;
   }
   .owl-carousel .owl-nav button.owl-prev{
    float: left;
   }
   .owl-carousel .owl-nav button.owl-next{
    float: right;
   }
.jela{
    position: relative;

}

.food{
    position: absolute;
    left:10%;
    top:20%;
    color: white;
    font-size: 20px;

}

.jela a{
    background-color: blue;
border-radius: 20px;
padding: 10px;
text-align: center;
color: white;
font-size: 20px;
margin: 40px;
}

.slike div{
    border: 1px blue dotted;
    padding: 20px;
}


    @media(max-width:999px){
        .svira{
            background-color: rgb(212, 189, 234);
        }
    }
    .owl-theme .owl-dots .owl-dot span{
        background-color: darkgreen;
    }
    .owl-theme .owl-dots .owl-dot.active span{
        background-color: coral;
    }