/* File for additional CSS */


/* Top Bar Gradient Color */
.top-bar {
    background: linear-gradient(270deg, #995D02 16.17%, #DCB371 61.2%, #995D02 98.05%);
}

/* Second Bar Menu Side Lines */
.line-l::after {
    content: "|";
    margin-left: 0.5rem;
}
.line-l:last-child::after{
    content : "";
    margin-left: 0;
}


#upcoming-dinner-carousel-wrapper {
     position: relative;
}
#upcoming-dinner-carousel {
    display: flex;
    overflow: hidden;
}
.carousel-slide {
    min-width: 100%;
    transition: transform 0.5s ease;
}
#upcoming-dinner-carousel-next, #upcoming-dinner-carousel-prev{
    background: rgb(62,63,62);
    opacity: 0.7;
    border: none;
    color: white;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 32%;
    transform: translateY(-50%);
    z-index: 10;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px;
    text-align: center;
}
#upcoming-dinner-carousel-next:hover, #upcoming-dinner-carousel-prev:hover {
    background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 769px) {
    #upcoming-dinner-carousel-next, #upcoming-dinner-carousel-prev {
        top: 23%;
    }
}

#upcoming-dinner-carousel .carousel-slide img {
    width: 12em;
    aspect-ratio: 6 / 9;
    object-fit: cover;
}

#recent-news-carousel-wrapper {
    position: relative;
}
#recent-news-carousel {
   display: flex;
   overflow: hidden;
}
.recent-news-slide {
   width: 100px;
   transition: transform 0.5s ease;
}
#recent-news-carousel-next, #recent-news-carousel-prev {
   background: rgb(62,63,62);
   opacity: 0.7;
   border: none;
   color: white;
   cursor: pointer;
   position: absolute;
   right: 10px;
   top: 32%;
   transform: translateY(-50%);
   z-index: 10;
   width: 35px;
   height: 35px;
   display: flex;
   justify-content: center !important;
   align-items: center !important;
   font-size: 18px;
   text-align: center;
}
#recent-news-carousel-next:hover, #recent-news-carousel-prev:hover {
   background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 769px) {
   #recent-news-carousel-next, #recent-news-carousel-prev {
       top: 23%;
   }
}