/* 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.1764592804 Updated: 2025-12-01 12:40:04 */ body{ background:#fff; overflow-x: hidden; } body:not(.home) { background-color: #fff !important; } h1, h2, h3, h4, h5, h6 ,.main-heading span, .menu-right-sec a,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{font-family: "Playfair Display", serif; -webkit-text-size-adjust: none; font-weight:400;line-height: normal; margin: 0; color: #000000; letter-spacing: 0.2px; } a,p,ul li,button, li a,span,div,input,button,textarea ,body, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .header-footer-group table td , body, button, input, select, textarea, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button {font-family: "Montserrat", sans-serif; letter-spacing:0.18px; outline:0; -webkit-text-size-adjust: none; font-weight:normal; } body a { text-decoration: none ; color:#121212} a:hover { color:#d62828 } a{ transition: all 1s cubic-bezier(.25,1,.35,1) 0s; cursor: pointer; font-family: "Montserrat", serif; } input,button.textarea { outline:none;} :focus-visible { outline: none !important;} :focus-within { outline: none !important;} a:hover, a:focus,.woo-mini-cart-footer a.button { text-decoration: none !important; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 16px; -webkit-text-size-adjust: none; --btn-bg: #d62828; --btn-bg-hover: #000000; --main-color:#d62828; --sub-color:#1c1c1c; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } *{ -webkit-text-size-adjust: none; } ul, ol ,.header-titles .site-logo,ul.primary-menu , li,.header-titles,ul.social-icons li{ margin: 0; list-style: none; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea,select { border-radius: 0; letter-spacing: normal; width: 100%; font-size: 14px; background: #f1f1f1; padding: 10px 14px; color: #282828; border-color: #f1f1f1; height:auto; line-height: normal; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#282828; } input::placeholder, textarea::placeholder { color: #282828; } input[type="search"]:focus { outline: none; } body button,body .button,body input[type="button"],body input[type="submit"],a.cfs-hyperlink { background-color: var( --btn-bg); color: #fff; border: 1px solid var( --btn-bg); font-size: 14px; padding: 14px 20px; text-decoration: none !important; width: auto; border-radius:4px; font-weight: 600; position: relative; transition: all 1s cubic-bezier(.25,1,.35,1) 0s; display: inline-block; text-transform: inherit;letter-spacing:0.4px; } a.cfs-hyperlink span ,.blog .more-link span { font-size:15px;font-weight: 600;position: relative; transition: 0.2s ease-out; } .cfs-hyperlink:hover,.blog .more-link:hover,body .button:hover{ border-color: var( --btn-bg-hover); background:transparent; color:var( --btn-bg-hover); } .acf-link:hover span {color: #fff;} .theme-btn { margin-top: 20px; position: relative; z-index: 2; } body input[type="submit"]:hover { border-color: #d62828; background: transparent; color: #d62828; } .container { margin: auto; width: 100%; max-width: 93%; box-sizing: border-box; padding: 0px 0; } .col-left,.col-right { width:48%; } a { text-decoration: none; } .center,.cnt { text-align:center; } p,p.desc, p, p.desc, section.privacy-top p, section.privacy-top li { font-size: 15px; color: #282828; margin-bottom: 0; font-weight: 400; line-height: 26px; font-family: "Montserrat", sans-serif; } .disp-flex { display: flex; justify-content: space-between; align-items: center; } .main-heading { font-size: 36px; color: #000000; font-weight: 500; margin: 0; margin-bottom: 20px; position: relative; } .main-heading span { font-weight: normal; color: var(--btn-bg); } .sub-heading { color: #d62828; text-transform: uppercase; font-size: 16px; margin-bottom: 5px; font-weight: 500; font-family: "Montserrat", sans-serif; display: inline-block; line-height: normal; margin-bottom: 15px; } .padt-0 { padding-top:0; } .padd0 { padding:0; } p { margin: 0; } .section, section { padding: 7rem 0px; position:relative; } .flex { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .img-full { height: 100%; object-fit: cover; } .header-inner .toggle { padding: 0; width: auto; top: auto; bottom: auto; } .nav-toggle div { width: 37px; height: 100%; background: #fff; text-align: center; display: flex; justify-content: center; flex-direction: column; row-gap: 4px; padding: 0 5px; transition: 0.2s; border-radius: 4px; } .nav-toggle div span { width: 75%; height: 2px; background-color: #282828; display: block; border-radius: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; } .nav-toggle div span:nth-child(2){ width:40%; } .nav-toggle:hover div span:nth-child(2) { width: 100%; } .grecaptcha-badge { visibility: hidden; } /* Common CSS END */ /* Header CSS Start */ #site-header { background: transparent; width: 100%; z-index: 50; position: absolute; top: 0; left: 0; border-bottom: solid 1px #ffffff21; } .header-inner { padding:20px 0; width: 100%; max-width: 93%; } .menu-left ,.right-sec { width:40%; } body:not(.enable-search-modal) .header-titles-wrapper { width: 20%; justify-content: center; } .right-sec { column-gap: 25px; justify-content: flex-end; } .right-sec a { background: #d62828; border: solid 1px #d62828; color: #fff; text-transform: uppercase; } .right-sec a:hover { background:transparent; border-color: #fff; color:#fff; } ul.primary-menu, .header-titles-wrapper{ margin: 0; } .primary-menu a { color: #fffffff0 !important; text-decoration: none !important; padding: 0px 0; font-size: 16px; font-weight: 500; position: relative; text-transform: uppercase; transition: 0.1s linear; font-family: "Montserrat", sans-serif; } .primary-menu ul a { font-size: 15px; padding: 0.5rem 2rem; color:#000 !important; } ul.primary-menu { display: flex; flex-wrap: wrap; justify-content: left; } .primary-menu > li { margin: 0 14px; text-transform: uppercase; letter-spacing: 0.2px; text-decoration: none; } .primary-menu li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background-color: #d62828; transition: width 0.3s ease; } .primary-menu .current-menu-item a::after,.primary-menu a:hover:after { width: 100%; } .primary-menu > li > .icon { color: #000 !important; top: 8px; } .primary-menu .icon::before { height: 0.7rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.7rem; } .primary-menu ul { background: #fff !important; box-shadow: 0 0 5px #ca172d29; } body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #fff !important; } .primary-menu ul a:hover { color:#d62828 !important } ul.primary-menu li a::after { content: ""; position: absolute; left: 0; right:0; bottom: -3px; width: 0%; height: 2px; background: #d62828; transition: 0.3s ease; border-radius:100px;margin: auto; } ul.primary-menu li a:hover, ul.primary-menu li.current-menu-item a { color: #d62828 !important; } ul.primary-menu li a:hover::after, ul.primary-menu li.current-menu-item a::after { width: 25px; } ul.social-icons a { border: 0; border-radius: 0; background: transparent; padding: 0; width: auto; height: auto; } .owl-stage-outer { overflow: hidden; transition: 0.2s ease; } .owl-item { display: inline-block; vertical-align: top; } .owl-nav.disabled,.owl-dots.disabled { display: none; } .owl-dots { margin-top: 16px; } .owl-nav { text-align: center; margin: 40px 0 0; } .owl-nav button { padding: 0; width:38px; height:38px; max-height: none; border-radius: 100px; margin: 0 5px; transition: 0.2s; border: solid 1px #dddddd; padding: 0; background: url(imgs/arrow-icon1.png); background-size: 50%; padding: 0; padding: 0; background-repeat: no-repeat; background-position: center; position: absolute; background-color: #fff; } .owl-nav button:hover { transform: scale(1.05); } .owl-nav button.owl-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .owl-nav button span { color: transparent; } .owl-dots button { padding: 0; width:6px; height:6px; max-height: none; border-radius: 100px; margin: 0 2px; transition: 0.2s; border: 0; padding: 0; background: #0a0a0a; } button.owl-dot.active { background: #d62828; transform:scale(1.08); } .sub-header.featured-banner { width: 100%; position: relative; background-size: cover !important; background-position: 50% 50% !important; color: #fff; padding: 80px 0; overflow: hidden; transition: background-position 0.6s ease; height: 380px; } .sub-header.featured-banner:hover { background-position: center 20%; } .sub-header.featured-banner::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.45); transition: background 0.4s ease; } .sub-header.featured-banner h1 { position: absolute; z-index: 4; color: #fff; bottom: 10%; left: 0; right: 0; margin: auto; display: block; text-align: center; } /* sidebar menu */ .menu-modal2 .menu-modal-inner { background: #0b0b0b; } .menu-modal2 img{ margin: auto; } .menu-modal2 .addres{ text-align: center; margin-top: 60px; position: relative; } .menu-modal2 .addres li,.menu-modal2 .addres a { font-family: "Playfair Display", serif; color:#fff; font-size:23px; position: relative; transition: 0.2s linear; width: 100%; min-height: 50px;} div.menu-modal2 .toggle{ color: #fff; } .menu-modal2 .addres a { position: absolute; left: 0; } .menu-modal2 .addres a:hover { transform: scale(1.056); } .wpml-ls-legacy-list-horizontal a { background: transparent; border: none; } /* Header CSS END */ /* Slider CSS Start */ /* Slider CSS END */ /* Menu Section CSS Start */ .home-menu .col-left { width: 26%; } .home-menu .col-right { width: 72%; background: url(https://lekkerebites.nl/wp-content/uploads/2025/12/menu-bg.jpg); background-size: cover !important; } .home-menu .container.disp-flex { display: flex; align-items: center; gap: 0; } .home-menu .col-left { width: 30%; background: #5f1c14; padding: 50px 60px; box-sizing: border-box; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: fit-content; } .home-menu .col-left p{ color:#ffffffdb } .home-menu .col-right { width: 70%; position: relative; padding: 60px; color: #fff; box-sizing: border-box; } .home-menu { position: relative; overflow: hidden; } .home-menu .col-right { position: relative; padding: 14rem 6rem; color: #fff; box-sizing: border-box; padding-left: 28rem; } .home-menu .main-heading { margin-left: 0; margin-bottom: 10px; color: #fff; } .home-menu .cfs-hyperlink { background: #fff; border-color: #fff; color: #0b0b0b;} .home-menu .cfs-hyperlink:hover { background:transparent;color:#fff;} .home-menu .col-right::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://lekkerebites.nl/wp-content/uploads/2025/12/menu-bg.jpg) center / cover no-repeat; opacity: 0.9; z-index: -1; } .menu-head { background: #fff; border: 1px solid #ccc; border-radius: 4px; display: inline-flex; margin-bottom: 35px; padding: 10px; column-gap: 14px; } .tab-button { background: transparent; padding:11px 20px; font-size: 14px; cursor: pointer; border: none; text-transform: uppercase; color: #000; } .tab-button + .tab-button { color: #000; } .tab-button.active ,.tab-button:hover{ background: #5f1c14; color: #fff; } .menu-list { display: flex; justify-content: space-between; padding: 15px 0; width: 47%; flex-wrap: wrap; } .menu-list:nth-child(3),.menu-list:nth-child(4) { border:0; } .menu-list h3 { margin: 0; font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; color: #fff; } .menu-text-full1 { font-size: 14px; opacity: 0.8; margin-top: 9px; width: 100%; border-top: 1px dashed rgba(255, 255, 255, 0.3); padding-top: 9px; } .tab { display: none; } .tab.active { display: block; } .price-right { float: right; font-weight: 600; font-size: 16px; } .home-menu { display: flex; flex-wrap: wrap; gap: 30px; } section.home-menu { background: #fff;} .home-menu { position: relative; overflow: hidden; justify-content: space-between; } .home-menu .container.disp-flex { position: relative; display: flex; align-items: stretch; max-width: 100%; padding: 0; } .home-menu .col-left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:32%; background: #5f1c14; padding: 80px 60px; z-index: 5; box-sizing: border-box; } .home-menu .col-right { margin-left: auto; width: 78%; box-sizing: border-box; position: relative; background: url(https://lekkerebites.nl/wp-content/uploads/2026/01/menu-background.jpg); } /* Menu Section CSS END */ /* Service Section CSS Start */ .home-service { padding-top: 0; } .service-content { display: flex; justify-content: center; padding-top: 20px; } .service-content a span { font-size: 30px; text-align: center; font-family: "Playfair Display", serif; font-weight: 600; } .service-content a { text-decoration: none; color: #000; font-size: 30px; background: transparent; padding: 0; border: 0; } .service1, .service3 { margin-top: 4rem; } .services.flex { flex-wrap: wrap;display: flex; align-items: flex-start; } .box-service:nth-child(odd) { margin-top: 90px; } .box-service { width: 23%; position:relative; } .box-service:nth-child(even) { background: #d62828; padding: 8px;} .box-service:nth-child(even) a span { color:#fff;} .service-image { position:relative; overflow: hidden; } .box-service a span { font-size: 30px; color: 000000; text-align: center; display: inline-block; font-family: "Playfair Display", serif; font-weight: 600; } .service-image::after { content: ''; width: 100%; height: 100%; position: absolute; background:rgb(0 0 0 / 40%); bottom: 0; left: 0; right: 0; display: block;transition: all 0.65s cubic-bezier(.25, 1, .35, 1) 0s; opacity: 0; z-index: 1; } .box-service h6 { position: absolute; width: 100%; text-align: center; top: auto; bottom: 45%; transition: all 0.65s cubic-bezier(.25, 1, .35, 1) 0s; z-index: 2; color: #fff; font-weight: 600; display: inline-block; width: fit-content; margin: auto; left: 0; right: 0; padding: 12px 20px; opacity:0; } .box-service:hover h6 { opacity:1; } .box-service:hover .service-image::after{ opacity: 1; } .box-service h6 span { position: absolute; background-color: #fff; transition-delay: 0s; transition: all 0.25s cubic-bezier(.25, 1, .35, 1) 0s; } .box-service h6 span:first-of-type { width: 2px; height: 0; left: 0; top: 0; transition-delay: 0.2s } .box-service h6 span:nth-of-type(3) { width: 0; height: 2px; top: 0; right: 0; transition-delay: .2s } .box-service h6 span:nth-of-type(2), .box-service h6 span:last-of-type { bottom: 0; } .box-service h6 span:nth-of-type(2) {width: 0; height: 2px; left:0; transition-delay: .8s } .box-service h6 span:last-of-type { width: 2px; height: 0; right: 0; transition-delay: .5s } .box-service a:hover h6 span:first-of-type { height: 100%; transition-delay: .2s } .box-service a:hover h6 span:nth-of-type(3) { width: 100%; transition-delay: 1.1s } .box-service a:hover h6 span:nth-of-type(2) { width: 100%; transition-delay: .5s } .box-service a:hover h6 span:last-of-type { height: 100%; transition-delay: .8s } /* Service Section CSS END */ /* What-We-Do Section CSS Start */ .home-discover { background: #f5f5f5; } .home-discover .col-right img { width: 100%; height: auto; display: block; max-height: 340px; object-fit: cover; } .home-discover .col-left { width: 37%; } .what-do .col-left img, .what-do .col-right img { transform: scale(1) !important; } .home-discover .col-right { width: 57%; justify-content: flex-end; column-gap: 37px; } .discover-1 { width: 52%; } .discover-2 { width: 33%; } .home-discover .container { max-width: 1170px; } .home-discover .col-left p { line-height:24px;} .home-discover .theme-btn { margin-top: 35px; } .home-discover img { border-radius: 10px; } .custom-testimonials { width: 88%; background: #fff; padding: 40px; position: relative; margin-left: -70px; margin-top:-78px; min-height: 256px; box-shadow: 0 0 5px #0b0b0b05; } .review-icon { width: 22px; height: 22px; display: block; background-image: url('imgs/Quote.png'); background-repeat: no-repeat; background-position: center; margin-bottom: 17px; } .counter { font-size: 48px; color: #000; font-family: "Playfair Display", serif; font-weight: 700; } .count-box p { font-weight: 500; font-family: "Playfair Display", serif; font-size: 20px; } .count-box.disp-flex { flex-direction: column; row-gap: 3px; margin-bottom: 40px; } .count-main { display: flex; align-items: center; font-weight: 600; font-family: "Playfair Display", serif; font-size: 40px; } .home-discover .col-right img.lekker-catring-icon { width: auto; height: auto; margin-top: 20px; } .review-content p { font-size: 13px; line-height: 22px; } h6.review-title { display: none; } /* What-We-Do Section CSS END */ /* Features CSS Start */ .bot-img img { width: 100%; } .two-bx { display: flex; gap: 30px; margin: 30px 0 40px 0; font-size: 16px; } .bxhead { font-size: 18px; font-weight: 600; margin-bottom: 13px; padding-top: 13px; } .what-do { position: relative; overflow: hidden; padding: 0; } .what-do .container.disp-flex { display: flex; align-items: stretch; flex-wrap: wrap; max-width: 100%; background: #5f1c14;} .what-do .col-left { position: relative; width: 50%; margin-left: 0; overflow:hidden } .what-do .col-left img { width: 100%; height: 100%; display: block; object-fit: cover; } .what-do .col-right { width:48%; padding: 60px 60px; box-sizing: border-box; padding-bottom: 0; } .bot-img { overflow:hidden } .what-do .main-heading { margin-bottom: 15px; color:#fff; } .what-do .sub-heading { margin-bottom: 6px; color: #fffffff5; } .what-do p , p.bxtext { color:#ffffffdb;} .two-bx img { max-height: 50px; background: #fff; padding: 2px;} /* Features CSS END */ /* Footer */ .footer-top-hidden #site-footer { margin-top: 2rem; } #site-footer { background: #050505; color: #282828; padding: 60px 0 0; clear: both; display: block; } .main-footer > .container{ display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 0; justify-content: space-between; align-items: flex-start; max-width: 1350px; padding: 0px 30px; } .foo_sec1 li { margin-left: 0; list-style:none; margin-top: 0; } .widget { margin-top: 1rem; } .footer-sec-four.third { width: 23%; } .footer-sec-four { width: 23%; } .footer-sec-four.first { } .footer-sec-four { width: 23%; } .footer-sec-four.fourth iframe {border-radius: 10px; height: 210px;} ul.menu { display: flex; flex-wrap: wrap; } ul.menu li { width:48%; } .main-footer .widget h3 { font-size: 16px; color: #fff; font-weight: 500; margin-bottom: 20px; margin-top: 0px; font-family: "Montserrat", sans-serif; text-transform: uppercase; } .main-footer .widget ul li { border: 0; margin: 0; padding: 5px 0; padding-top: 5px; font-size: 15px; color: #666; text-transform: inherit; list-style: none; position: relative; } .main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li { font-size: 15px; color: #fff; text-transform: inherit; font-weight: 500; font-family: "Montserrat", sans-serif; } .main-footer .widget ul li a{ position: relative; } .main-footer .widget ul li i { color: #fff; position: absolute; left: 0; font-size: 19px; font-weight: 900; top: 8px;} .footer-sec-four.first ul li { margin: 5px 0;} .main-footer .widget .addres li { padding-left: 41px; } .footer-sec-four.third ul li { padding-left:20px; padding-top: 0; margin-bottom: 10px; line-height: 32px;} .main-footer .widget .addres li a:after,.main-footer .foot-social li a:after{ display:none;} .main-footer .widget .addres li a {padding-left:0;} ul.foot-social li a i:hover{ color:#fff; } .main-footer .widget ul li a { padding-left: 20px; position: relative; color: #fff; text-decoration: none; } .main-footer .widget ul li a::after,.footer-sec-four.third ul li:after {position: absolute; left: 0; top: 7px; width:4px; height: 4px;background: #ffffff; transition: 0.3s ease; content: "";font-size: 15px; border-radius:100px; } .main-footer .widget ul li a:hover::after ,.footer-sec-four.third ul li:hover:after,.main-footer .widget ul li.current_page_item a:after { width:5px; transform: translateX(-20px); opacity: 0; } .main-footer .widget ul li.current_page_item a, .main-footer .widget ul li a:hover { font-weight: 600; color: #d62828 !important; padding-left:0; } .footer-sec-four.third ul li:after { top:14px;} .main-footer .widget ul.addres li { padding-bottom: 15px;} #site-footer a { transition: 0.3s cubic-bezier(0.95, 0.54, 0.25, 1); } #site-footer a:hover { text-decoration: none; color: #d62828; } ul.foot-social { display: flex; column-gap: 20px; margin-top: 20px; margin-bottom: 0; } .main-footer ul.foot-social { margin-top: 10px; margin-left: 0; column-gap: 26px; width: auto; } .main-footer ul.foot-social li { padding-left: 0; } .main-footer ul.foot-social li a { border: 0; border-radius: 0; background: transparent; padding: 0; width: auto; height: auto; display: block; width: 35px; height: 35px; background: #ffffff17; border-radius: 100px; text-align: center; display: inline-block; padding: 6px; } .main-footer ul.foot-social a i { font-size: 15px; position: static; color: #efefef; font-weight: 100; } .fooeter-copyright { border-top: solid 1px #f2f2f21c; text-align: center; position: relative; width: 100%; margin-top: 50px; padding: 20px 0; } .fooeter-copyright .container { display: flex; align-items: center; justify-content: center; } .fooeter-copyright p { color: #fff; margin-bottom: 0; } .fooeter-copyright a { color:#fff; font-weight: 600; font-size: 15px; font-family: "Montserrat", sans-serif; } a.arrow-top { padding: 4px 2.5px; color: #301e1e; border-radius: 2px; position: fixed; bottom: 15px; right: 15px; margin: auto; z-index: 1; opacity: 0; box-shadow: 0 0 5px #a7a7a7; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 #ffffffc9; transition: 0.3s linear; background: #fff; border-radius: 18px; } a.arrow-top.show-top img { transform:translateY(0);} a.arrow-top img { max-width: 100%; position: relative; transition: 0.4s linear; transform:translateY(10px); } a.arrow-top.show-top { opacity: 1; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px #6b994d; } 100% { -webkit-box-shadow: 0 0 0 0 #6b994d; } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 #6b994d; box-shadow: 0 0 0 0 #6b994d; } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /* Footer CSS END */ /* catering page */ section.catering-bottom{ background: #fff; } .catring-top { background: #fff; padding-bottom: 30px; } .catform { background: #f5f5f5; padding: 60px; border-radius: 5px; } .catform .wpcf7-form { display: flex; flex-wrap: wrap; } .cater1 { padding: 40px 40px 0; background: #fff; width: 100%; } p.cathead { font-weight: 600; margin-bottom: 20px; } .cater1 .column p { font-size: 15px; } .cntrl { display: flex; justify-content: space-between;flex-wrap: wrap; } .column { width: 32%; } .cater1.one12last.submit { padding-top: 0; margin: 0; border: 0; padding: 0; } .cater1.cater12 p.cathead { color:#000; } .cater1.cater12 .column p { color:#0b0b0b; } .cater1.cater12 input,.cater1.cater12 textarea { min-height: 40px; border:0} .cater1.one12last.submit { padding-top: 0; display: flex; justify-content: center; align-items: center; padding-top: 20px; } span.cattect { letter-spacing: normal; font-size: 14px; font-weight: 500; } .cater1.one12last.submit input[type="submit"]{width:100%; text-transform: capitalize;} .cater1.one12last.submit input[type="submit"]:hover { background:transparent; } .column.one11.full.textarea.one11last { width: 100%; margin-top: 15px; } .wpcf7 form.invalid .wpcf7-response-output { font-weight: 500; font-size: 15px; } .wpcf7-not-valid-tip { font-size: 13px; font-weight: 600; } /* Contact Page CSS Start */ /* Contact page */ .contact-page .flex { flex-direction: row-reverse; align-items: self-start; } .contact-item { width: 48%; } .contact-info { display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap; row-gap: 30px; } .contact-item { width: 48%; } .icon-circle p { color: #d62828; font-weight: 500; text-transform: uppercase; font-size: 17px; } .icon-circle i { font-size: 20px; color: #0b0b0b; margin-bottom: 20px; background: #0b0b0b; width: 50px; height: 50px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .contact-details { margin-top: 10px; } .contact-details, .contact-details p, .contact-details a { font-size: 15px; font-weight: 400; } .wpcf7 form.invalid .wpcf7-response-output { font-size: 15px; } .c-form input::-webkit-input-placeholder,.c-form::-webkit-input-placeholder{ color:#282828; font-size: 14px; font-weight:500 } .c-form input, .contact-frm input[type="email"], .c-form textarea { width: 100%; padding: 19px 14px; font-size: 14px; border: 1px solid #f2f2f2; border-radius: 0; background: #f2f2f22e; border: 0;color:#282828; font-weight:500; border-bottom: solid 1px #1c1c1c4a; } .c-form label { color: #fff; font-size: 14px; } .form-group { display: flex; flex-wrap: wrap; row-gap:15px; column-gap:15px; justify-content: space-between; } .form-full ,.form-half{ width:100%; } .wpcf7-not-valid-tip { font-size: 14px; font-weight: 500; letter-spacing: normal; } .form-btn { width: 100%; } .form-btn .wpcf7-submit{width: 100%; margin-top: 12px;} .g-map iframe { border-radius: 13px; overflow: hidden; } .c-form .wpcf7-not-valid-tip { font-size: 14px; background: rgba(255, 255, 255, 0.8); padding-left: 5px; font-size: 13px; font-weight: 600; } /* Contact Page CSS END */ body.gallery { display: block; margin: 0; width: 100%; } .gallery-grid { margin-top: 40px; } /* About Page Start */ .about-page img { border-radius: 5px; object-fit: cover; } .about-page img:first-child{ width: 58%; } .about-page img:last-child{ width: 40%; } .about-page .col-full { align-items: stretch; } .about-page .col-full.disp-flex { margin-bottom: 40px; } .about-page2 { border-top: solid 1px #0000000d; background-image: url(https://lekkerebites.nl/wp-content/uploads/2026/01/retaurant-bg.jpg); background-attachment: fixed; background-position: center; } .about-box img { margin: auto; max-width: 40px; } .boxs { padding: 40px 0px; } .col-abt { width: 31%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 16px; border-radius: 8px; background: #fff; } .col-abt .main-heading { font-size: 20px; margin-bottom: 9px; margin-top: 10px; text-align: center; } .col-abt p { text-align: center; font-size: 14px; } .main-head { padding-top: 30px; padding-bottom: 14px; font-weight: 700; font-size: 24px; } .boxs { align-items: stretch; } .about-page2 .cnt { color: #f7f7f7; } .about-page2 h2.main-heading.center { color: #fff; } .choose-list ul { list-style: none; padding: 0; margin: 0; } .choose-list ul li { position: relative; padding-left: 28px; margin-bottom: 10px; line-height: 1.6; font-size: 15px; } .choose-list ul li::before { content: "✔"; position: absolute; left: 0; top: 0; color: #000; font-size: 15px; line-height: 1.6; } .choose-sec .main-head:first-child { padding-top: 0; } .choose-sec img { border-radius: 8px; } .choose-sec .container.disp-flex { display: flex; gap: 30px; } .choose-sec .col-left, .choose-sec .col-right{ flex: 1; } .choose-sec .col-right{ display: flex; } .choose-sec .col-right img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 12px; } /* About Page CSS END */ /* Reservtion */ .rese-box { background: #f5f5f5; padding: 40px; margin-top: 30px; } .reserve-page { max-width: 100%; margin: auto; } .reserve-page .container { max-width:1170px; } .galley-page,.reserve-page ,.contact-page,.about-page{ background:#fff; } /* Menu Page CSS Start */ .section-menu .container { max-width: 1170px; margin: auto;align-items: flex-start; flex-wrap: wrap; } .section-menu { padding: 50px 0 10px; } section.menu-box { background: #fff; } .menu-left-box { width: 60%; } .menu-right-box {width: 36%;} .section-menu2 .container { flex-direction: row-reverse; } .section-menu img { border-radius: 8px; } .menu-title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5px; } ul.menu-item-right li { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; border-bottom: dashed 1px #999; } ul.menu-item-right li:last-child{ border:0; } .menu-title h4 { font-weight: 600; font-size: 17px; } ul.menu-item-right li p { font-size: 14px; font-weight: 300; } span.price { font-size: 16px; font-weight: 500; color: #d62828; } ul.menu-item-right { flex-wrap: wrap; row-gap: 0; align-items: stretch; column-gap: 0; } .section-menu .container.disp-flex { display: flex; align-items: stretch; } .section-menu .menu-left-box, .section-menu .menu-right-box{ float: none; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .section-menu .menu-right-box{ display: flex; } .section-menu .menu-right-box img { width: 100%; height: 100%; object-fit: cover; display: block; } .section-menu .menu-title h4 { width: 65%;} /* Menu Page CSS END */ /* Information Page CSS Start */ .inform-left ul.menu { display: block; } .inform-left ul.menu li { width: 100%; } .info-sidebar.sidebarfixed { position: fixed; width: 350px; top: 70px; } .information-page .container { align-items: flex-start; display: flex; margin-bottom: 40px; } .inform-left { width: 31%; display: inline-block; position: sticky; float: left; top: 5px; } ul#menu-information { margin-left: 0px; list-style: none; margin-bottom: 0; background: #5f1c14; } ul#menu-information li { border-bottom: 1px solid #d1d0d1; } ul#menu-information li { margin-left: 0px; padding: 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; } .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: 20px 0px 14px 0px; color: #000000; line-height: 30px; letter-spacing: 0; font-weight: 600; } p, .desc, .info-content p, .info-content li { font-size: 14px; letter-spacing: 0.2px; line-height: 1.8; font-weight: 500; color: #282828; } th, td { font-size: 14px; font-weight: 600; } .information-page { padding-top: 6rem; background: #fff; z-index: 2; position: relative; } .info-sidebar { position: unset; top: 140px; background: #5f1c14; padding: 0px 0px; border-radius: 2px; width: 100%; border-left: 5px solid #fff; box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;} table { margin-top: 0; } /* Information Page CSS END */