/* Theme Name: Twenty Twenty Child Theme URI: https://wordpress.org/themes/twentytwenty/ Template: twentytwenty Author: the WordPress team Author URI: https://wordpress.org/ Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready Version: 2.9.1748603417 Updated: 2025-05-30 11:10:17 */ body{ background:#fff; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 , .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,.stat-label{ font-family:"Playfair Display", serif; -webkit-text-size-adjust: none; font-weight:800;line-height: normal; margin: 0; color: #292929} a,p,ul li,button, li a,span,div,input,button,textarea ,body,select, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .singular.single-post .post ol li, .singular.single-post .post ul li { font-family: "Poppins", sans-serif; outline:0; -webkit-text-size-adjust: none; font-weight:normal; } body a { text-decoration: none ; color:#282828 ; font-size: 15px;} a:hover { color:#93be48 } a{ transition: all 0.15s linear; cursor: pointer;} input,button.textarea { outline:none;} :focus-visible { outline: none !important;} :focus-within { outline: none !important;} a:hover, a:focus { text-decoration: none; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 16px; -webkit-text-size-adjust: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } *{ -webkit-text-size-adjust: none; text-decoration: none !important; } ::selection { background: #8a3039; color: #fff;} ul, ol ,.header-titles .site-logo,ul.primary-menu , li ,.wp-custom-logo .header-titles{ margin: 0; list-style: none; } .container { max-width: 1360px; margin: auto; padding: 0px 30px; } .disp-flex { display: flex; justify-content: space-between; align-items: center; gap: 50px; } .main-heading { margin-bottom: 20px; font-size: 55px; letter-spacing: 0.2px; font-family: "Playfair Display", serif; margin-top: 0; } p,.desc, .info-content p, .info-content li { font-size: 14px; letter-spacing: 0.2px; line-height: 1.8; font-weight: 500; color:#282828; } .col-left,.col-right { width: 100%; } li { margin-left: 0; } .cnt { text-align: center; } .wpcf7-not-valid-tip { font-size: 14px; } .flex { display: flex; align-items: center; justify-content: space-between; } .gar { color: #8c2f39; } .bronz { background: #d0a062; } .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #8a3039; border: dashed 1px; font-size: 16px; margin-left: 0; } /* Common CSS END */ /* Arrow To Top CSS Start */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #ffffff; color: #cea062; font-size: 22px; font-weight: bold; text-align: center; line-height: 46px; border-radius: 50%; border: 2px solid #cea062; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-decoration: none; z-index: 1000; opacity: 0; pointer-events: none; transform: translateY(50px); transition: all 0.4s ease-in-out; } .back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); } .back-to-top:hover { background-color: #cea062; color: #ffffff; transform: scale(1.1); } /* Arrow To Top CSS END */ /* Header CSS Start */ .sticky { position: fixed !important; top: 0px; left: 0; z-index: 99999 !important; animation: goDown 0.5s ease-in-out forwards; width: 100%; } .header-inner { max-width: 1360px; padding: 16px 30px; } .sub-header.about-sub.featured-banner { min-height: 200px; position: relative; display: flex; align-items: stretch; margin-bottom: 6rem; } .sub-header .container { position: relative; height: 100%; width: 100%; } .sub-header.about-sub.featured-banner:after { content: ''; width: 40%; height:120%; position: absolute; left: 0; top: 0; background: #8c2f39; border-radius: 0 0 40px 0; } .heading h1 { color: #fff; font-size: 50px; letter-spacing: 0.4px; text-transform: uppercase; left: 2%; top: 40%; position: absolute; z-index: 1; font-weight: 900; } .primary-menu a { color: #ffffff !important; font-size: 16px; letter-spacing: 0.4px; font-weight: 500; } .primary-menu a:hover { color: #f0f0f0; } .primary-menu > li > .icon { color: #fff !important; } .primary-menu .icon::before { height: 0.7rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.7rem; } .primary-menu > li > .icon { right: 0; top: 12px; } ul.primary-menu { margin: 0; } ul.primary-menu ul.sub-menu { background: #fff !important; top: 38px; width: 260px; padding: 25px; padding-top: 10px; padding-bottom: 10px; visibility: hidden; } ul.primary-menu li:hover > ul,ul.primary-menu li:focus > ul,ul.primary-menu li.focus > ul { visibility: visible; } ul.menu.nav-menu ul.sub-menu li { margin: 2px 0; display: block; width: 100%; line-height: normal; } ul.primary-menu ul.sub-menu li a { color: #2c2c2c !important; padding: 5px 0; position: relative; font-size: 15px !important; } .primary-menu ul::after { border-bottom-color: #fff !important; } .menu-modal.active { z-index: 9999; } .toggle-text { display: none; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { color: #191919; font-size: 14px; padding: 18px 0; letter-spacing: 0.2px; } .close-nav-toggle:focus-visible { outline: none; } .primary-menu { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } .primary-menu > li { margin: 0 12px; } .sec-right li a { padding: 0; background: transparent; border-radius: 0; } .sec-right li a img { padding: 0; background: transparent; border: 1px solid #ffffffa8; border-radius: 0; } .sec-right ul { display: flex; gap: 15px; } .primary-menu li a { position: relative; display: inline-block; padding: 10px 0px; font-size: 14px; font-weight: 400; color: #222; text-decoration: none; transition: color 0.3s ease; } .primary-menu li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background-color: #cea062; transition: width 0.3s ease; } .primary-menu li a:hover::after { width: 100%; } .primary-menu li a:hover { color: #cea062;font-weight: 500; } .primary-menu .current-menu-item a { color: #e60000; font-weight: 500; } .primary-menu .current-menu-item a::after { width: 100%; background-color: #cea062; } #site-header { background: #8c2f39; position: relative; } .sec-right { display: flex; align-items: center; gap: 30px; } .site-logo img { max-height: 7rem; } /* Header CSS END */ /* Mobile Toggle CSS Start */ .nav-toggle { right: 0rem; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0; justify-content: flex-end; } header#site-header span.toggle-inner { background-color: #ffffff; border: none; border-radius: 4px; padding: 10px 8px; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; } .section-inner { width:100%; } .mobile-nav-toggle:hover { transform: scale(1.03); } .mobile-nav-toggle .svg-icon { color: #333333; font-size: 20px; transition: color 0.3s ease; } .mobile-nav-toggle:hover .svg-icon { color: #000000; } .toggle-inner { height: 3.3rem; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0; justify-content: flex-end; width: fit-content; height: fit-content; top: 36px; } button.close-nav-toggle { font-size: 1.8rem; padding: 4rem 1rem; } span.toggle-inner:focus-visible { outline: none; } /* Mobile Toggle CSS END */ /* Button CSS Start */ .theme-btn a { padding:14px 30px; text-align: center; transition: all 0.3s ease; color: #fff; text-decoration: none; display: inline-block; font-size: 15px; text-transform: uppercase; letter-spacing: 0.2px; border-radius: 50px; color:#fff; position:relative;overflow: hidden; } .theme-btn a:after { content: ''; width: 100%; height: 100%; background: #8c2f39; position: absolute; right: 0; top: 0;transition: 0.4s ease; border-radius: 50px; } .theme-btn a:hover::after { width:50px; background: #e5ccaa; } .theme-btn a span { font-weight:500; color:#fff; font-size: 15px; position:relative; z-index:2; } .theme-btn a:hover span { color:#191919; } .bronz a { background: #d0a062; } .sec-right a { padding: 12px 18px; background: #fff; font-weight: 600; color: #262626; border-radius: 50px; text-transform: uppercase; letter-spacing: 0.2px; font-size: 14px; } .theme-btn.btn1 a { position: relative; z-index: 2; color: #191919; display: inline-block; transition: color 0.3s ease; background: transparent; } .theme-btn.btn1 a:after { width:0; right:0; } .theme-btn.btn1 a span { font-weight: 500; color:#191919; position: relative; z-index: 3; } .theme-btn.btn1 a::before { content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 100%; background-color: #e3c6a1; border-radius: 50px; z-index: 1; transition: width 0.4s ease; } .theme-btn.btn1 a:hover::before { width: 100%; } .theme-btn.btn1 a:hover a { color: #000; } a.top-rbtn-res { background: #e5ccaa; } a.top-rbtn-res:hover {background: #fff; } a.top-rbtn:hover { background: #e5ccaa; } /* Button CSS END */ /* Slider CSS Start */ .home-slider { background: #8c2f39; padding: 0; } .sp-buttons .sp-button { background-color: #fff !important; border: 1px solid #fff; opacity: 0.6; transition: opacity 0.3s ease; } .sp-buttons .sp-selected-button { background-color: #fff !important; opacity: 1; border: 1px solid #fff; } .sp-buttons .sp-button { width: 10px; height: 10px; border-radius: 50%; margin: 4px; display: inline-block; } .sp-button { border-color: #fff; } /* Slider CSS END */ /* Features Section CSS Start */ .stats-section { display: flex; justify-content: flex-start; gap: 100px; text-align: center; margin-left: 25px; } .stat-box { position: relative; } .stat-number { font-size: 53px; font-weight: bold; position: relative; z-index: 1; color: #fff; font-family: 'Playfair Display'; text-align: left; } .stat-number::before { content: ''; position: absolute; width: 55px; height: 55px; background-color: #cfa062; border-radius: 50%; left: -28px; bottom: -17px; z-index: -1; } .stat-label { margin-top: 34px; font-size: 17px; color: #f6f0ea; text-align: left; } section.home-feat:before { content: ''; width: 56%; position: absolute; left: 0; z-index: 9; border-radius: 0 0 60px 0; height: 100%; background: #8c2f39; display: block; margin: auto; bottom: 0; top: 0px; margin-top: 0; } section.home-feat { position: relative; padding-top: 0; background: #fff; } /* Features Section CSS END */ /* Review Section CSS Start */ .owl-nav { text-align: center; margin-top: 30px; } .owl-nav.disabled { display: none; } .owl-item { display: inline-block; vertical-align: middle; padding: 20px; padding: 20px 10px; } .owl-stage-outer { overflow: hidden; } .home-feat .col-left { width: 50%; } .home-feat .col-right { width: 50%; } .home-feat .col-right { width: 36%; position: relative; padding: 70px 0 0; margin-top: 3%; } .home-feat .col-right:after { content: ''; position: absolute; left: 0; top: 0; background: url('imgs/quote.png'); z-index: 1; width: 104px; height:78px; background-size: contain; background-repeat: no-repeat; } /* Review Section CSS END */ /* About Sec CSS Start */ .home-abt img { border-radius: 30px; min-height: 650px; object-fit: cover; } .abtbtns { display: flex; align-items: center; justify-content: flex-start; padding: 40px 0; gap: 30px; } .home-feat .container { position: relative; z-index: 999; min-height: 370px; } .home-abt { background: #fff; position: relative; } .home-abt .abs-img-1 { position: absolute; right: 0; bottom: -34%; width: 400px; max-width: 100%; height: auto; z-index: 1; opacity: 0; transform: translateY(30px); animation: fadeUp 1.2s ease-out forwards; width: 200px; object-fit: contain; } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } } .home-abt.will-animate .col-left, .home-abt.will-animate .col-right { opacity: 0; transform: translateY(60px) scale(0.98); filter: blur(8px); transition: opacity 1.2s ease, transform 1.2s ease, filter 1.2s ease; will-change: opacity, transform, filter; } .home-abt.animated .col-left { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); transition-delay: 0.2s; } .home-abt.animated .col-right { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); transition-delay: 0.4s; } .home-abt .container { position: relative; z-index: 999; } .about-1 .container { background: #fff; padding: 50px 40px; border-radius: 30px; } .about-1 img ,.about-2 img { max-height: 450px; width: 100%; object-fit: cover; border-radius: 20px; } /* About Sec CSS END */ /* Review Section CSS Start */ .owl-nav { text-align: center; margin-top: 30px; } .owl-nav.disabled { display: none; } .owl-item { display: inline-block; vertical-align: middle; padding: 20px; padding: 0px 10px; } .owl-stage-outer { overflow: hidden; } .testimonial p { text-align: center; font-size: 18px; max-width: 80%; margin: auto; } .custom-testimonials .owl-nav { position: absolute; top: 50%; left: 0; right: 0; display: flex !important; justify-content: space-between; transform: translateY(-50%); pointer-events: none; } .custom-testimonials .owl-nav button { background: transparent; color: #333; font-size: 28px; padding: 8px 20px; border-radius: 50%; cursor: pointer; pointer-events: all; transition: background 0.3s ease; z-index: 1; border: 1px solid #333; } .custom-testimonials .owl-nav button:hover { background: rgb(90 132 192); color: #fff; text-decoration: none; border: 1px solid #5a84c0; } /* Override Owl Carousel disabling */ button.owl-next { right: 0; position: absolute; } button.owl-prev { left: 0; position: absolute; } .custom-testimonials .owl-prev { left: 0; position: absolute; top: 50%; } .custom-testimonials .owl-next { right: 0; position: absolute; top: 50%; } .home-review .container { position: relative; } .custom-testimonials .owl-dots { display: flex; justify-content: center; margin-top: 20px; gap: 10px; } .owl-dots { display: flex; text-align: left; gap: 6px; margin-top: 20px; margin-left: 10px; } .owl-dot { background: transparent; border: none; padding: 0; cursor: pointer; } .owl-dot span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; transition: background-color 0.3s ease, transform 0.3s ease; background: #f1e2d0; } .owl-dot.active span,.owl-dot:hover span { background-color: #cfa062; transform: scale(1.2); } .custom-testimonials.owl-loaded.owl-drag { position: relative; } .review-content p { text-align: left; font-style: italic; font-size: 18px; letter-spacing: 0.3px; line-height: 1.7; margin: auto; font-weight: 500; margin-top: 30px; } .review-content { position: relative; } /* Review Section CSS END */ /* Our Services CSS Start */ .home-menu { background: url(https://indianrestaurantaccent.nl/wp-content/uploads/2025/07/catergory-background.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; margin-bottom: 6rem; } .food-menu { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; z-index: 9; position: relative; } .box-cat { background: #fff; border-radius: 20px; width: 31%; text-align: center; padding-bottom: 30px; position: relative; transition: transform 0.3s ease; } .box-cat:hover { transform: translateY(-5px); } .cat-circle { border-radius: 16px; overflow: hidden; margin: 20px; height: 260px; } .cat-circle img { width: 100%; height: 100%; object-fit: cover; display: block; } .imlink span { display: block; font-size: 34px; font-weight: bold; color: #bb8a43; padding-bottom: 18px; font-family: 'Playfair Display'; } .imlink { text-decoration: none; position: relative; display: block; } .imlink:hover::after { background-color: #e3c6a1; color: #fff; } .imlink::after { content: ""; background: url(imgs/arrow1.png) no-repeat center; position: absolute; bottom: -100px; left: 0; background-color: white; border-radius: 50%; padding: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); z-index: 9; width: 75px; height: 75px; left: 0; right: 0; margin: auto; } .imlink:hover::after { background-image: url(imgs/arrow2.png); } .box-cat::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 150px; height: 49px; background-image: url('https://indianrestaurantaccent.nl/wp-content/uploads/2025/06/wave.png'); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #fff; } /* Our Services CSS END */ /* Reservation Sec CSS Start */ .resvsec .theme-btn { margin-bottom: 20px; } .home-reserv p a { color: #fff; font-size: 22px; font-weight: 600; display: inline-block; vertical-align: middle; } .home-reserv { background: url('https://indianrestaurantaccent.nl/wp-content/uploads/2025/06/indian-food-image.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 20px; color: #fff; text-align: center; z-index: 1; } .home-reserv .theme-btn a:after { background: #cfa062; } .home-reserv .main-heading ,.home-reserv .theme-btn a:hover span , .home-reserv p{ color:#fff; } /* Reservation Sec CSS END */ /* Gallery Section CSS Start */ .gallery { gap: 20px; } section.gallery { background: #fff; position: relative; } .gallery-item { flex: 1; transition: flex 1s ease; border-radius: 20px; overflow: hidden; display: flex; align-items: stretch; position: relative; } .gallery-item.selected { flex: 2; } .gallery:hover .gallery-item:hover { flex: 2; z-index: 1; } .gallery-item img { width: 100%; height: 400px; object-fit: cover; border-radius: 20px; display: block; } .gallery-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 1; transition: opacity 0.4s ease; border-radius: 20px; z-index: 1; } .gallery-item.selected::before { opacity: 0; } .gallery:hover .gallery-item:hover::before { opacity: 0; } .gallery .flex { gap: 30px; } .gallery-item { padding: 0; margin: 0; } .gallery .col-btm { display: flex; justify-content: center; position: relative; width: fit-content; text-align: center; margin: auto; margin-top: 40px; } .abs-img-2 { position: absolute; } .abs-img-2 { position: absolute; max-width: 300px; top: -50px; } .gallery .container { position: relative; } /* Gallery Section CSS END */ /* Footer CSS Start */ #foo { display: flex; justify-content: space-around; align-items: flex-start; gap: 40px; margin-top: 60px; } li { list-style: none; margin: 0; } ul { margin: 0; } li#media_image-2 { display: flex; justify-content: center; } .fooeter-copyright .center { text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 0.4px; padding: 22px 10px 18px 10px; margin: 0; } .sub-footer li { margin: 0 20px; } .sub-footer li a { font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 0.4px; } .footer-sec-four h3 { color: #151515; font-size: 18px; font-weight: 600; letter-spacing: 0.2px; margin-bottom: 20px; font-family: "Poppins", sans-serif; } .footer-sec-four { width: 25%; } .footer-sec-four li,.footer-sec-four li p, .footer-sec-four li a { color: #3c3c3c; font-size: 16px; font-weight: 400; } .sub-footer { margin: 50px 0px 30px 0px; border-top: 1px solid #746d6d; border-bottom: 1px solid #746d6d; padding: 20px 0px; } span.our-link a { color: #fff; } .social-icons li { margin: 0 !important; } .social-icons li a { background: transparent; } .social-icons li { margin: 0 !important; display: flex; justify-content: flex-start; } .social-icons li a { display: flex; justify-content: center; text-align: center; background: #000; text-align: center; align-items: center; width: 40px; height: 40px; } ul.social-icons { margin: 0; column-gap: 10px; } .social-icons li a .fab { font-size: 20px; color: #fff; margin: 0; } .fooeter-copyright { background: #8c2f39; margin-top: 4rem; } #site-footer { padding-bottom: 0; } [data-animate] { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; } [data-animate].animated { opacity: 1; transform: translateY(0); } .textwidget ul li { list-style: none; margin-bottom: 8px; } .textwidget ul li i { margin-right: 8px; color: #cea062; } .address-list li { display: flex; } .custom-html-widget .social-icons { margin-top: 28px; } footer#site-footer { position: relative; } footer#site-footer:before { content: ""; position: absolute; top: -29px; left: 50%; transform: translateX(-50%); width: 196px; height: 29px; background-image: url(https://indianrestaurantaccent.nl/wp-content/uploads/2025/06/footer-wave.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 9; } .footer-sec-four .plan-route-btn { display: inline-block; margin-top: 10px; padding: 10px 16px; background-color: #cfa062; color: #000; text-decoration: none; border-radius: 6px; font-weight: 500; transition: background-color 0.3s; } .footer-sec-four .plan-route-btn:hover { background-color: #8c2f39; color: #fff; } .footer-sec-four.fourth { padding: 10px 0; } .footer-sec-four.fourth h3 { margin-bottom: 6px; font-size: 16px; } .footer-sec-four.fourth .textwidget { margin: 0; padding: 0; } .footer-sec-four.fourth .ope-tim { width: 100%; border-collapse: collapse; margin-top: 20px; border: none; } .footer-sec-four.fourth .ope-tim td { padding: 4px 4px; font-size: 16px; line-height: 1.2; border: none; } .footer-sec-four.fourth li.widget_custom_html { margin-bottom: 0; padding-bottom: 0; } /* Footer CSS END */ /* About Us Page CSS Start */ .about-2 { padding-top: 0; } /* About Us Page CSS END */ /* Gallery Page CSS Start */ .gallery { display: block; flex-wrap: wrap; margin: 0; width: 100%; } .gallery-1 .disp-flex { display: flex; flex-direction: column; align-items: center; gap: 0px; } code { background: none !important; } .envira-gallery-item img { border-radius: 30px; overflow: hidden; } .gallery-1 { background: #f5f0ea; } /* Gallery Page CSS END */ /* Catering Page CSS Start*/ .catering-bottom { background: #f6f3ef; } .catering-bottom .container { max-width: 1300px; margin: 0 auto; } .catform { background: #fff; padding: 40px; border-radius: 12px; } .cathead { font-size: 20px; font-weight: 600; margin-bottom: 20px; color: #333; padding-left: 16px; position: relative; } p.cathead:before { content: ''; width: 30px; height: 30px; position: absolute; left: 0px; background: #e5ccaa; border-radius: 100px; top: 1px; z-index: -1; } .cntrl { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; } .column.one11 { flex: 1 1 calc(33.333% - 20px); min-width: 260px; } .cattect { display: block; font-size: 14px; margin-bottom: 6px; color: #555; } .catring-top { padding-top: 4em; padding-bottom: 40px; } .cntrl .wpcf7-form-control[type="date"], .cntrl .wpcf7-form-control[type="text"], .cntrl .wpcf7-form-control[type="number"] { width: 100%; background-color: #f6f6f6; border: none; padding: 12px 18px; border-radius: 10px; font-size: 15px; color: #333; outline: none; box-sizing: border-box; transition: all 0.3s ease; } .cntrl .wpcf7-form-control:focus { background-color: #ededed; box-shadow: 0 0 0 2px #e3c6a1; } .cattect { display: block; font-size: 14px; font-weight: 500; color: #444; margin-bottom: 6px; } .wpcf7-form-control { width: 100%; padding: 10px 14px; font-size: 15px; border: 1px solid #ddd; border-radius: 8px; background: #fff; transition: border-color 0.3s ease, box-shadow 0.3s ease; } .wpcf7-form-control:focus { border-color: #e71514; box-shadow: 0 0 0 3px rgba(231, 21, 20, 0.1); outline: none; } .textarea textarea { resize: vertical; min-height: 100px; } .submit input[type="submit"] { width: fit-content; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; border-radius: 50px; } .one12last span.wpcf7-spinner { display: none; } .one12last br { display: none; } .catering-bottom { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; } .catering-bottom.animate { opacity: 1; transform: translateY(0); padding-top: 0; } .cater1 input { padding: 11px; } .catering-bottom .catform { opacity: 0; transform: translateY(40px); transition: opacity 1s ease 0.3s, transform 1s ease 0.3s; will-change: opacity, transform; } .catering-bottom.animate .catform { opacity: 1; transform: translateY(0); border: 1px solid #8a303930; } .catring-top { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; } .catring-top.animate { opacity: 1; transform: translateY(0); } .page-template-catering { background: #f6f3ef !important; } .catring-top .cat-content-section { opacity: 0; transform: translateY(40px); transition: opacity 1s ease 0.3s, transform 1s ease 0.3s; will-change: opacity, transform; } .catring-top.animate .cat-content-section { opacity: 1; transform: translateY(0); } .cater1 { margin: 40px 0px; } .scnd-lst { margin-bottom: 0px; } .cater1.one12last.submit { margin-top: 0; } .cater1.one12last.submit input { margin-top: 0; } /* Catering Page CSS END */ /* Contact Page CSS Start */ .contact-item { display: flex; gap: 20px; } .contact-info { display: flex; flex-direction: column; gap: 40px; margin-top: 30px; } .itm-2 { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding: 30px 0px; } .contact-page .col-left { width: 38%; } .contact-page .col-right { width: 50%; position: relative; z-index: 2; } .form-group { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } input.wpcf7-submit { padding: 16px 40px; margin-top: 20px; font-size: 14px; font-weight: 600; border-radius: 5px; } .contact-details a, .contact-details strong, .contact-details p:last-child { font-weight: 500; font-size: 16px; color: #000; transition: 0.1s; } .contact-details a:hover { color:#cea062; } .contact-details { display: flex; flex-direction: column; gap: 2px; } .contact-page { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; position: relative; padding-top: 8em; } .contact-page.animate { opacity: 1; transform: translateY(0); } .contact-page .col-left,.contact-page .col-right { opacity: 0; transform: translateY(40px); transition: opacity 1s ease 0.3s, transform 1s ease 0.3s; will-change: opacity, transform; } .contact-page.animate .col-left { opacity: 1; transform: translateY(0); transition-delay: 0.3s; } .contact-page.animate .col-right { opacity: 1; transform: translateY(0); transition-delay: 0.6s; } section.contact-page:after { content: ''; content: ''; width: 53%; height: 86%; position: absolute; bottom: 0; right: 0; background: #e5ccaa; border-radius: 40px 0 0 0; } body.page-template-contact { background: #f6f3ef !important; } section.g-map { padding-top: 0; padding-bottom: 0; } .contact-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin-top: 30px; } .contact-item { display: flex; align-items: flex-start; gap: 16px; } .icon-circle:hover { transform: scale(1.1) rotate(5deg); background-color: #fff8f2; } .contact-details p { margin: 0 0 ; font-size: 14px; color: #444; line-height: normal; } .contact-details strong, .contact-details a, .contact-details p:last-child { color: #000; text-decoration: none; font-size: 15px; } .contact-details a:hover { color: #8c2f39; } .icon-circle { width: 50px; height: 50px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #e3c6a1; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease; font-size: 20px; } .icon-circle:hover { background-color: #e3c6a1; color: #fff; transform: scale(1.1); } .form-half { width: 48%; } .form-full { width: 100%; } .wpcf7-form-control[type="text"], .wpcf7-form-control[type="email"], .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control textarea { width: 100%; background-color: #f6f6f6; border: none; border-radius: 10px; font-size: 15px; color: #333; outline: none; transition: all 0.3s ease; box-sizing: border-box; } .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control textarea { border-radius: 10px; resize: vertical; } .wpcf7-form-control:focus { background-color: #ededed; box-shadow: 0 0 0 2px #e3c6a1; } .wpcf7-form-control.wpcf7-submit { background-color: #8c2f39; color: #fff; border-radius: 6px; border: none; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; } .wpcf7-form-control.wpcf7-submit:hover { background-color: #a94351; } .form-group label { font-size: 14px; font-weight: 500; color: #444; margin-bottom: 6px; display: block; } .form-btn p { margin: 0; } .form-btn .wpcf7-spinner { position: absolute; right: 0; bottom: 10%; } .contact-details a strong { transition: color 0.3s ease; } .contact-details a strong:hover { color: #8a3039; } .footer-sec-four a { position: relative; color: inherit; text-decoration: none; transition: color 0.3s ease; } .footer-sec-four a:hover,.footer-sec-four .current-menu-item a { color: #8a3039; } .footer-sec-four a:hover::after ,.footer-sec-four .current-menu-item a:after{ width: 100%; } .footer-sec-four a::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: #8a3039; transition: width 0.3s ease; } /* Contact Page CSS END */ /*information page CSS Start*/ .information-page { padding-top: 12rem; } .information-page .container { align-items: flex-start; display:flex; } .inform-left { width: 31%; display: inline-block; position: sticky; float: left; top: 5px; } .info-sidebar { position: unset; top: 140px; background: #f4f4f4; padding: 0px 0px; border-radius: 2px; width: 100%; border-left: 5px solid #cea062; box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px; } .info-sidebar.sidebarfixed { position: fixed; width: 350px; top: 70px; } ul#menu-information { margin-left: 0px; list-style: none; margin-bottom: 0; background: #cea062; } ul#menu-information li { margin-left: 0px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; background: transparent; list-style: none; margin-top: 0; } .info-sidebar ul li a { color: #ffffff; text-transform: capitalize; text-decoration: none; font-size: 14px; line-height: 19px; font-weight: 400; } .info-sidebar ul li a:hover { font-weight: 500; } .inform-right { display: inline-block; width: 65%; margin-left: 30px; margin-bottom: 60px; float:right; } .info-content h3, .info-content h2 { font-size: 26px; margin: 0px 0px 20px; color: #000000; line-height: 30px; letter-spacing: 0; font-weight: 600; } .info-content th { color: #000000; font-size: 14px; font-weight: 700; } .info-content td { color: #000000; font-size: 14px; } ul#menu-information li { border-bottom: 1px solid #d1d0d1; } .info-content h3 { margin-top: 20px; } /*information page Css End*/ /*Cookies Page CSS Start*/ .cookies p { color: #000000; font-size: 14px; line-height: 1.8; } .cookiespage { margin: 30px 0px; } .cookies p strong{ line-height:40px; } /*Cookies Page CSS End*/ /* Menu Page */ h3.cmp-dish-title { margin: 0; } .cmp-dish-price { margin-bottom: 0; } h3.cmp-category-nav-title { letter-spacing: 0.2px; font-weight: 600; } .cmp-dish-item { align-items: center; } .cmp-category-section:nth-child(odd) { background: #ffffff94; padding: 10px; } div.cmp-dish-item:last-child { border: 0; } .menu-cat-image img { border-radius:5px; } @media (min-width: 1025px) and (max-width: 1600px) { .main-heading { font-size: 42px; } .footer-sec-four li, .footer-sec-four li p, .footer-sec-four li a, .footer-sec-four.fourth .ope-tim td { font-size: 14px; } } @media only screen and (max-width:1200px){ .sec-right { gap: 10px; } div.sec-right a.top-rbtn { padding: 8px 15px; } .primary-menu > li { margin: 0 5px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){ .footer-sec-four { width: 47%; } #foo { flex-wrap: wrap; } .home-feat .col-right { width: 40%; } .stats-section { gap: 60px; } .box-cat { width: 30%; } .cat-circle { height: 150px; } section.home-feat:before { height: 90%; } .stat-number::before { width: 35px; height: 35px; left: -18px; bottom: -8px; } .stat-label { margin-top: 24px; } .home-abt .abs-img-1 { width: 90px; } .abs-img-2 { top: -60px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ .primary-menu li a { padding: 10px 6px; font-size: 12px; } .site-logo img { max-height: 5rem; } .sec-right a { padding: 8px 18px; font-size: 12px; } .main-heading { font-size: 30px; } .container { width: 100%; } .home-abt .abs-img-1 { max-width: 10%; } .cat-circle { height: 186px; } .imlink span { font-size: 28px; } .imlink::after { bottom: -80px; width: 60px; height: 60px; } .abs-img-2 { max-width: 300px; } .gallery-item img { height: 300px; } #foo { flex-wrap: wrap; } .footer-sec-four { width: 46%; } .section-inner { width: 100%; } .home-feat .col-right { width: 40%; } .review-content p { font-size: 16px; } .home-feat .col-right:after { height: 62px; } .review-content p { margin-top: 10px; } .stat-number::before { width: 40px; height: 40px; left: -16px; bottom: -6px; } section.home-feat:before { height: 80%; } .heading h1 { font-size: 28px; left: 2%; } .sub-header.about-sub.featured-banner:after { height: 130%; } .information-page { padding-top: 8rem; } .catring-top.animate { padding-top: 6rem; } #site-footer .sub-foot img { width: 20%; } } @media screen and (max-device-width: 991px) and (orientation: landscape) { .box-cat { width: 32%; } .food-menu { gap: 10px; } .home-abt .abs-img-1 { width: 400px; max-width: 8%; } .cat-circle { height: 200px; } .footer-sec-four { width: 47%; } #foo { flex-wrap: wrap; } .home-feat .col-right { width: 40%; } .stats-section { gap: 30px; } .stat-label { margin-top: 20px; } .sec-right a { padding: 8px 16px; font-size: 14px; } .sec-right { position: absolute; top: 30px; right: 90px; } .header-inner .toggle { top: 28px; right: 20px; } .contact-info { display: flex; flex-wrap: wrap; flex-direction: row; } .contact-item { width: 46%; } .information-page { padding-top: 6rem; } table { margin: 2rem 0; } .info-content h3, .info-content h2 { font-size: 22px; } .info-content h3 { margin-top: 40px; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { padding: 14px 0; } button.close-nav-toggle { padding: 2rem 1rem; } .contact-page .disp-flex {display: flex;flex-direction: column;width: 100%; } section.contact-page div.col-left{margin-bottom: 0; width:93%;margin: auto; } .contact-page .col-right { width: 100%; position: relative; background: #e5ccaa; border-radius: 40px 0 0 0; padding: 40px 20px; } section.contact-page:after { display:none; } .form-half { width:100%; } } @media only screen and (max-width : 991px) { .modal-menu ul li { border-left-color: transparent; } .container { width: 100%; } .main-heading { font-size: 30px; } .abs-img-2 { max-width: 150px; } .section-inner { width: 90%; } .stat-number { font-size: 40px; } p, .desc, .info-content p, .info-content li { font-size: 14px; } .imlink span { font-size: 20px; } .imlink::after { bottom: -70px; width: 40px; height: 40px; } .gallery-item img { height: 250px; } .review-content p { font-size: 14px; margin-top: 0; } section { padding: 5rem 0; } .home-feat .col-right:after { width: 80px; height: 66px; background-size: contain; background-repeat: no-repeat; } .stats-section { flex-direction: column; } .site-logo img { max-height: 6rem; } .section-inner { width: 94%; } .box-cat::after { width: 110px; height: 40px; } .theme-btn a { padding: 10px 24px; } .theme-btn a span { font-size: 14px; } #site-footer .sub-foot img { width: 20%; } .sec-right a { padding: 8px 16px; font-size: 14px; } .sec-right { position: absolute; top: 22px; right: 70px; } .header-inner .toggle { top: 24px; right: 20px; } .home-abt { padding-top: 0; } section.contact-page:after { width: 100%; height: 58%; } .contact-page .disp-flex { display: flex; flex-direction: column; } .contact-page .col-left { width: 100%; } .contact-page .col-right { width: 100%; } .contact-page .col-left { margin-bottom: 50px; } .contact-page { padding-top: 2em; } .heading h1 { font-size: 26px; left: 4%; } .sub-header.about-sub.featured-banner:after { height: 124%; } .contact-details p { margin: 0; } .contact-details strong, .contact-details a, .contact-details p:last-child ,p.cmp-dish-description { font-size: 14px; } input.wpcf7-submit { padding: 12px 30px; font-size: 14px; margin-top: 10px; } .catring-top { padding-top: 2em; padding-bottom: 20px; } .cntrl .scnd-lst, .cntrl .one11last { width: 100%; max-width: 100%; flex: 0 0 100%; display: block; } .header-inner { padding: 10px 0px; } .sub-header.about-sub.featured-banner { min-height: 170px; } .catform { padding: 20px 30px; } .wpcf7-form-control.wpcf7-submit { font-size: 14px; } .cater1 { margin: 20px 0px; } .cat-circle { margin: 10px;} div.menu-cat-image img { height:auto;} div.cmp-menu-container { flex-direction: column-reverse; display: flex; } div.cmp-category-nav-item { width: auto; display: inline-block;margin-bottom: 5px; vertical-align: top; } div.cmp-categories-sidebar { width:100%; } } @media screen and (max-device-width: 767px) { .modal-menu { left:0; width: 100%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { padding: 14px 0; } .back-to-top { right: 10px; width: 40px; line-height: 30px; height: 40px; } .home-abt .container ,.about-1 .container , .about-2 .container { gap: 15px; } .contact-page .disp-flex { display: flex; flex-direction: column; width: 100%; } section.contact-page div.col-left{margin-bottom: 0; width:93%;margin: auto; } .contact-page .col-right {width: 100%;position: relative;background: #e5ccaa;border-radius: 40px 0 0 0;padding: 40px 20px; } section.contact-page:after { display:none; } .form-half { width:100%; } h3.cmp-category-nav-title { font-size:13px;} } @media screen and (max-device-width: 767px) and (orientation: landscape) { ul#menu-information li { padding-left: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { padding: 11px 0; } .home-abt .container { flex-direction: column; padding: 30px 30px; padding-top: 40px; } .home-abt img { min-height: auto; } .about-1 .container { flex-direction: column-reverse; padding: 30px 30px; } .about-2 .container { flex-direction: column; } .about-1 img, .about-2 img { max-height: 200px; } .footer-sec-four { width: 46%; } } @media screen and (max-device-width: 767px) and (orientation: portrait) { body:not(.enable-search-modal) .header-titles-wrapper { padding-bottom: 12px; } .home-reserv .main-heading { max-width: 80%; margin: auto; padding-bottom: 30px; } .sub-header.about-sub.featured-banner { min-height: 130px; } .heading h1 { font-size: 20px; } .container { width: 100%; } .flex, .stats-section, .disp-flex { flex-direction: column; } .home-feat .col-left, .home-feat .col-right { width: 100%; } .stat-number::before { width: 40px; height: 40px; left: -18px; bottom: 0px; } .stat-label { margin-top: 12px; color: #f6f0ea; } .home-abt .abs-img-1 { bottom: -38rem; max-width: 25%; } .about-1 .container { padding: 20px; flex-direction: column-reverse;} section.home-feat:before { width: 54%; border-radius: 0 0 40px 0px; height: 10%; } .home-abt img { min-height: auto; } .stat-label { text-align: left; color: #141414; } .stats-section { gap: 40px; padding-top: 100px; display: flex; flex-direction: row; } .stat-number { color: #141414; } .home-feat .container { gap: 50px; } .review-content p { color: #141414; font-size: 16px; } .box-cat, .footer-sec-four ,.form-half { width: 100%; } .food-menu { gap: 50px; } #foo { flex-direction: column; } .fooeter-copyright .center { display: flex; flex-direction: column; align-items: center; } .sec-right a { padding: 8px 12px 6px 12px; font-size: 12px; } .sec-right { justify-content: space-between; position: static; } .header-inner .toggle { top: 18px; right: 20px; } section.contact-page:after { height: 50%; } .sub-header.about-sub.featured-banner:after { width: 66%; } .information-page .container { flex-direction: column; } .inform-left, .inform-right { width: 100%; margin: 0; } .information-page { padding-top: 4rem; } .inform-right { margin-top: 40px; margin-bottom: 7rem; } #site-footer .sub-foot img { width: 40%; } .abtbtns { padding: 10px 0 0; } .inform-left { position: relative; } .info-content th { color: #000000; font-size: 13px; font-weight: 600; } .back-to-top { bottom: 80px; } .wpcf7-form-control[type="date"] { min-height: 43px;text-align:left; } }