@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.header-navigation .site-branding{max-width:300px;}
.header-navigation .main-menu ul > li > a{font-family:var(--body-font);font-size:16px;font-weight:400;text-transform:uppercase;}
.alt-font{font-family:var(--body-font);}
.bg-black{background-color:var(--primary-dark-color)!important;}
.video-content2 h5, .page-banner-content h5{font-weight:300!important;}
.section-title h2{font-size:3rem !important;}
.food-thumbnail img {width: 100%;border-radius: 15px;}
.section-image-box.style-three .fill-text {
    -webkit-text-stroke-color: rgba(0, 129, 61, 0.3);
    font: 700 6rem var(--heading-font);
}
.bg-black .section-image-box.style-three .fill-text{-webkit-text-fill-color: var(--primary-dark-color);}
small{font-size: 12px;font-weight: 400;}
.section-title{max-width: 900px;}
.theme-btn{padding:11px 28px; border-radius:0;font-size:14px;font-weight:400;text-transform:uppercase;}
.theme-btn.style-one{border-radius:0;}
.foodix-banner-item.style-three .banner-inner-wrap .banner-content .theme-btn.style-one{background-color: var(--primary-color);color: var(--white-color);}
.foodix-banner-item.style-one .banner-inner-wrap{border-radius:18px;}
.animated-headline-area{background-color:var(--primary-color);}
.logo-icon{width:120px;height:auto;}
.img-white{filter:brightness(100);}
.happy-wrapper:after{background: rgba(0, 0, 0, 0.9);}
.booking-wrapper-three:after{background: linear-gradient(90deg, #000 22.42%, rgba(0, 0, 0, 0) 100%);}
.menu-item.style-nine .menu-button .cart-button{width:40px;height:40px;background-color:var(--primary-color)!important;}
.far{font-size:20px;}
.sub-title,.section-title p,.foodix-banner-item.style-three .banner-inner-wrap .banner-content span{font-weight: 400;}
.bg-black .testimonial-content {max-width:750px; text-align:center;margin:0 auto;}
.bg-black .author{color:var(--primary-color);}
.bg-black ul.slick-dots li button{background-color:#333;}
.bg-black{color:#fff;}
.bg-black h2, .bg-black h4{color:#fff;}
.bg-black .menu-item.style-two{border-bottom: none;}
.form_control{margin-top:30px;margin-bottom:0;}
.validation{padding:10px 0 0 30px; font-size:14px; font-style: italic; color:#d12525;}
.page-banner-content h1{text-transform: uppercase;font-size:4.2rem;}
.iconic-box.style-one .content h5{font-family: var(--secondary-font); line-height: 30px;text-transform: uppercase;font-size: 18px;font-weight:300;}
.menu-item.style-two .menu-info h4{font-size:16px;}
.menu-item.style-two{padding-bottom:0;}
.menu-item.style-eight{background:#000;}
.menu-item.style-eight .content h4.title, .menu-item.style-eight .menu-content-wrap .price-box p.price{font-size:21px;}
.menu-item.style-eight .content p{font-size:14px;}
.menu-item.style-eight .menu-thumbnail img{background:#F3E6E6;}
.booking-wrapper-two .booking-form .theme-btn {background-color: var(--primary-color);}
.foodix-banner-item.style-three .banner-inner-wrap .banner-content p{max-width: 360px;}
.booking-wrapper-two:after{background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%);}
.foodix-tabs.style-two .nav-link {
    border-radius: 0;
    background-color: transparent;
    color: var(--primary-color);
    margin-bottom: 0;
    border: none;
    font: 400 14px var(--body-font);
    padding: 8px 10px;
    text-transform:uppercase;
}

.video-background {
            position: relative;
            height: 85vh;
            width: 100%;
            overflow: hidden;
        }
        .video-background video {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .video-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            text-align: center;
            /* background: rgba(0, 0, 0, 0.5);  Semi-transparent overlay */
        }
        
.full-height{height:100vh!important;} 
.video-content2{
	position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            text-align: center;
            background: rgba(0, 0, 0, 0.6);
            }
.foodix-banner-item.style-three .banner-inner-wrap .banner-content p{max-width: 360px;}
.order-bg-section .food-thumbnail {padding-left:50px;}
.about-section .section-content-box{padding:0 50px 0 80px;}
            
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .foodix-banner-item.style-three .banner-inner-wrap .banner-content h3 {
        font-size: 2.2em;
    }
}
            
/* Mobile View */
@media only screen and (max-width: 768px) {            
	.section-image-box.style-three .fill-text {
	font-size: 4rem!important ;
	}
	.navigation-white .header-navigation .foodix-nav-menu .main-menu ul li > a {
        color: #fff;
    }
    .foodix-banner-item.style-three .banner-inner-wrap .banner-img{display:block!important;}
    .foodix-banner-item.style-three .banner-inner-wrap .banner-content p{max-width: 260px;}
    .order-bg-section .food-thumbnail {padding-left:0;}
    .about-section .section-content-box{padding:0;}

}

@media (max-width: 1199px) {
	.header-navigation .foodix-nav-menu.menu-on{background:#111;}
    .navigation-white .header-navigation .foodix-nav-menu .main-menu ul li > a {
        color: #fff;
    }
}