
  



:root {
    --primary: #FFF5F5;
    --secondary: #D4C9C9;
    --darkPrimary: #222222;
    --secondaryPrimary: #2E2836;
    --darkTexts: #101212;
    --warning : #F71111;
    --accent : #9381FF;
  }

/* navbar */
/* .st-menu{
    font-size: 200px;
} */



.logte1:hover{
    color : --accent !important;
}


/* brand logo */
/* .brand-logo .img-responsive{
    width: 100px!important;
    max-width: 100px;

} */

.homemenu{
    background-color: #D4C9C9;
}


a:hover{
  text-decoration: none !important;
}
/* FOOTER */

.kouk-footer{
    display: flex;
    justify-content: center;
    flex-direction: column;     
}

.footer-top{
    background-color: #2E2836;
}

.middle-footer{
    background-color: #222222;
}

.copy{
    background-color: #222222;
} 


/* SCROLL UP BUTTON */
#scroll{
    background-color: #D4C9C9;
}
#scroll:hover{
    background-color: #2E2836;
}


/* links hover */

a:hover{
    color: var(--accent) !important;
}

svg{
    color :  var(--accent) !important;
    fill : var(--accent) !important;
}


/* buttons */
.btn-primary{
    background-color: #2E2836;
    color : var(--primary)
}

.btn-info{
    background-color: var(--accent)!important;
    color : var(--primary)
}
 
.btn-danger{
    background-color: var(--warning);
    color : var(--primary)
}

.heading::after{
    border-top: 1px solid var(--accent);
}


#pt_vegamenu{
    background-color: var(--darkPrimary);
    color : var(--secondary)
}

.btn:hover{
    color : var(--accent);
}


/* categories */
    
.cateimg{
     
    border: 1px dashed transparent!important;
}

.cateimg:hover{

    border: 1px dashed var(--secondary) !important;
    transition: 0.3s ease;
}

.active{
    color : var(--accent)!important;
}


/* LANGUAGE SELECT */

.current_language > button {
   background-color: var(--accent);
   font-weight: bold;
   
   color : var(--primary) !important;
  
}

.change_language > button {
    background-color: var(--secondary);
    color : white !important;
 }
 


 /* SLIDER */

/* .slideshow{
    border-bottom: 1px solid var(--accent);
} */

 .slidertext{
     
     margin-top: 150px;
     margin-left: 15px;
     text-align: center;
      
 }