/* 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 */ /* Common CSS Start */ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Cormorant", serif; -webkit-text-size-adjust: none; } .container { max-width: 1300px; margin: auto; } .disp-flex { display: flex; justify-content: space-between; align-items: center; gap: 30px; } p { margin-bottom: 0; font-family: "Montserrat", sans-serif; -webkit-text-size-adjust: none; } p,a,div,li,span { font-family: "Montserrat", sans-serif; -webkit-text-size-adjust: none; } .main-heading { margin-bottom: 20px; font-size: 40px; letter-spacing: 0.2px; } .desc, .info-content p, .info-content li { font-size: 14px; letter-spacing: 0.2px; line-height: 1.8; font-weight: 400; } .col-left,.col-right { width: 100%; } li { margin-left: 0; } * { text-decoration: none !important; -webkit-text-size-adjust: none; } .cnt { text-align: center; } .wpcf7-not-valid-tip { font-size: 14px; } body p,body a { -webkit-text-size-adjust: none; } :root { --wp--preset--font-size--normal: 14px; --wp--preset--font-size--huge: 14px; } /* Common CSS END */ /* Arrow To Top CSS Start */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #ffffff; color: #3fb21e; font-size: 22px; font-weight: bold; text-align: center; line-height: 46px; border-radius: 50%; border: 2px solid #3fb21e; 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: #3fb21e; color: #ffffff; transform: scale(1.1); } /* Arrow To Top CSS END */ .grecaptcha-badge { visibility: hidden; } /* Header CSS Start */ .header-inner { position: absolute; left: 0; right: 0; border-bottom: 1px solid #fff4f42b; max-width: 1650px; padding: 16px 0px; } .sub-header.about-sub.featured-banner { min-height: 300px; display: flex; align-items: center; justify-content: center; } .heading h1 { color: #fff; font-size: 26px; letter-spacing: 0.4px; font-weight: 600; text-transform: uppercase; padding-top: 6rem; text-align: center; } .primary-menu a { color: #ffffff !important; font-size: 16px; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 500; } .primary-menu a:hover { color: #f0f0f0; } ul.primary-menu { margin: 0; } .menu-modal.active { z-index: 999; } .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 16px; letter-spacing: 0.2px; } .close-nav-toggle:focus-visible { outline: none; } /* Base menu styles */ .primary-menu { display: flex; gap: 10px; justify-content: center; align-items: center; padding: 0; margin: 0; } .primary-menu li a { position: relative; display: inline-block; padding: 10px 12px; font-size: 14px; font-weight: 500; color: #222; text-decoration: none; transition: color 0.3s ease; } /* Hover underline animation */ .primary-menu li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background-color: #fecc00; transition: width 0.3s ease; } .primary-menu li a:hover::after { width: 100%; } .primary-menu li a:hover { color: #3fb21e; } /* Active (current) menu item */ .primary-menu .current-menu-item a { color: #e60000; font-weight: 600; } .primary-menu .current-menu-item a::after { width: 100%; background-color: #fecc00; } .primary-menu > li { margin: 0; } /* 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: calc(100% - 5rem); } .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 hover Effects CSS Start */ .btns { display: flex; gap: 20px; justify-content: center; align-items: center; } .theme-btn { display: inline-block; background-color: transparent; text-align: center; transition: all 0.4s ease; position: relative; cursor: pointer; } .theme-btn a { color: #000; text-decoration: none; font-weight: 600; text-transform: uppercase; font-size: 14px; transition: all 0.3s ease; display: inline-block; position: relative; z-index: 1; } /* Yellow filled button: Browse Menus */ .home-menu .btn1 { background-color: #ffc107; border-color: #ffc107; } .home-menu .btn1 a { color: #000; } .home-menu .btn1:hover { background-color: #e6ac00; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); } .btn1:hover a { color: #fff; } /* Outline button: Order Online */ .theme-btn:not(.btn1):hover { background-color: #000; transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); } .theme-btn:not(.btn1):hover a { color: #fff; } /* Button hover Effects CSS END */ .right-sec a.top-rbtn { position: relative; display: inline-block; background: #fecc00; color: #191919; padding: 14px 20px 12px 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2px; border: 1px solid #fecc00; text-decoration: none; overflow: hidden; transition: color 0.3s ease; z-index: 1; } .right-sec { display: flex; } .widget:first-child { margin-top: 0; } /* Slider CSS Start */ .home-slider { padding: 0; } .sp-buttons { background: #fff; } .home-abt::before { display: none !important; } #slider-pro-1 { width: 100% !important; max-width: 100% !important; background: url(https://goldenbalti.nl/wp-content/uploads/2025/06/slider-image-1.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } /* Slider CSS END */ /* About Section CSS Start */ .home-abt::before { content: ""; display: block; position: absolute; top: -54px; left: 0; width: 100%; height: 93px; background: url("data:image/svg+xml;utf8,"); background-repeat: repeat-x; background-size: contain; z-index: 1; } @keyframes waveMove { 0% { background-position: 0 0; } 100% { background-position: 100px 0; } } .home-abt { position: relative; z-index: 2; background-color: #ffffff; } .home-abt .theme-btn a { color: #e71514; position: relative; text-decoration: none; transition: color 0.3s ease; } .home-abt .theme-btn a::after { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 2px; background-color: #e71514; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .home-abt .theme-btn a:hover::after { transform: scaleX(1); } .home-abt .theme-btn { display: flex; justify-content: center; } .home-abt .col-lft,.home-abt .col-rght { width: 25%; } .home-abt .col-cent { width: 50%; } .col-rght { position: relative; display: inline-block; z-index: 1; } .col-rght img { display: block; width: 100%; height: auto; } .col-rght span { width: 100%; height: 100%; position: absolute; border: 2px solid #fecc00; top: 0; left: 0; border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; transform-origin: center center; animation: ani 10s linear infinite; } .col-rght span.circ1{ animation: ani 10s linear infinite; } .col-rght span.circ2 { animation: ani 8s linear infinite reverse; } .col-rght { position: relative; overflow: hidden; } @keyframes ani { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .col-lft { position: relative; } .col-lft::after { content: ''; width: 36%; position: absolute; right: 0; height: 350px; background: #3fb21e; display: block; margin: auto; bottom: 0; top: 30px; border-radius: 100px 0 0 100px; } .col-lft img { position: relative; z-index: 9; border-radius: 100%; transform: scale(1.3); width: 100%; left: -90px; animation: animName 20s linear infinite; } @keyframes animName { 0%{ transform: rotate(0deg) scale(1.3); } 100%{ transform: rotate(360deg) scale(1.3); } } .half-cirlce { width: 100%; height: 140%; background: #fff; position: absolute; left: 0; top: -20%; z-index: 12; left: -230px; } @keyframes floatLoop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .col-lft::after { content: ''; width: 36%; position: absolute; right: 0; height: 350px; background: #3fb21e; display: block; margin: auto; bottom: 0; top: 30px; border-radius: 100px 0 0 100px; animation: floatLoop 3s ease-in-out infinite; } .home-abt .col-lft,.home-abt .col-cent,.home-abt .col-rght { opacity: 0; transform: scale(0.9) translateY(60px); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); will-change: opacity, transform; } .home-abt.animate .col-lft { opacity: 1; transform: scale(1) translateY(0); transition-delay: 0.2s; } .home-abt.animate .col-cent { opacity: 1; transform: scale(1) translateY(0); transition-delay: 0.4s; } .home-abt.animate .col-rght { opacity: 1; transform: scale(1) translateY(0); transition-delay: 0.6s; } /* About Section CSS END */ /* Menu Section CSS Start */ .menu-container { max-width: 100%; margin: 0 auto; padding: 60px 40px; background: #fff; width: 100%; gap: 40px; display: flex; flex-direction: row; } .menu-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 60px; } .home-menu .menu-item { width: 100%; } .menu-header { display: flex; align-items: center; justify-content: space-between; font-weight: bold; font-size: 16px; } .item-name { color: #000; white-space: nowrap; } .dots { flex-grow: 1; height: 1px; border-bottom: 2px dotted #bbb; margin: 0 10px; } .item-price { color: #e53935; font-weight: bold; } .item-description { font-size: 14px; color: #555; margin-top: 8px; } .home-menu { background: url(https://goldenbalti.nl/wp-content/uploads/2025/05/menu-bg.jpg); background-repeat: repeat; background-size: contain; background-attachment: fixed; } .home-menu .disp-flex { display: flex; flex-direction: column; gap: 0; } .btns { display: flex; margin-top: 40px; gap: 30px; } .btns .btn1 a { background: #fecc00; } .theme-btn a { color: #191919; padding: 18px 28px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; } .home-menu .menu-item { opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: opacity, transform; } .home-menu .menu-item.animate { opacity: 1; transform: translateY(0); } /* Menu Section CSS END */ /* Order Online Section CSS Start */ .main-heading span { font-family: 'Cormorant'; color: #e71514; } .home-online a { background: #3fb21e; color: #fff; } .home-online .desc { margin-bottom: 30px; } .home-online .main-heading { display: flex; flex-direction: column; margin-bottom: 0; } .home-online .col-left, .home-online .col-right { opacity: 0; transform: scale(0.95) translateY(30px); transition: all 0.7s ease-out; will-change: opacity, transform; } .home-online.animate .col-left, .home-online.animate .col-right { opacity: 1; transform: scale(1) translateY(0); } /* Order Online Section CSS END */ /* Reservation Section CSS Start */ .col-mid { width: 100%; } .col-mid iframe { width: 100% !important; } .prices-show h3 { color: #fccb32; } .home-resv { background: url(https://goldenbalti.nl/wp-content/uploads/2025/05/featured.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .home-resv .disp-flex { display: flex; flex-direction: column; } .home-resv .col-top { display: flex; align-items: center; width: 100%; justify-content: center; } .col-top .main-heading { margin-bottom: 0; } .col-btm { width: 100%; } .home-resv .main-heading { color: #fff; } .home-resv .col-btm { display: flex; justify-content: space-between; border-top: 1px solid #f6f3ef; padding-top: 40px; } .fetures .desc { font-size: 34px; color: #fff; font-family: 'Cormorant'; font-weight: 600; } .home-resv .theme-btn a { background: #fecc00; font-weight: 700; padding: 18px 42px; } .fetures { width: 100%; } .home-resv .main-heading span { color: #fccb32; } /* Initial states */ .home-resv .col-top, .home-resv .col-mid, .home-resv .col-btm { opacity: 0; transform: translateY(60px); transition: all 1s ease-out; will-change: opacity, transform; } .home-resv .fetures { opacity: 0; transform: scale(0.9); transition: all 0.8s ease-out; will-change: opacity, transform; } /* Animate-in states */ .home-resv.animate .col-top { opacity: 1; transform: translateY(0); transition-delay: 0.2s; } .home-resv.animate .col-mid { opacity: 1; transform: translateY(0); transition-delay: 0.4s; } .home-resv.animate .col-btm { opacity: 1; transform: translateY(0); transition-delay: 0.6s; } .home-resv.animate .fetures:nth-child(1) { opacity: 1; transform: scale(1); transition-delay: 0.7s; } .home-resv.animate .fetures:nth-child(2) { opacity: 1; transform: scale(1); transition-delay: 0.9s; } .home-resv.animate .fetures:nth-child(3) { opacity: 1; transform: scale(1); transition-delay: 1.1s; } /* Reservation 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; } .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; } .owl-nav.disabled { display: contents !important; } .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; justify-content: center; gap: 6px; margin-top: 20px; } .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: #c9c9c9; } .owl-dot.active span,.owl-dot:hover span { background-color: #3ead1e; transform: scale(1.2); } .custom-testimonials.owl-loaded.owl-drag { position: relative; } .review-content p { text-align: center; font-style: italic; font-size: 18px; letter-spacing: 0.4px; line-height: 2; max-width: 80%; margin: auto; font-weight: 500; margin-top: 20px; } .review-content { position: relative; padding-top: 40px; } .review-content p::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 47px; height: 32px; background: url(https://goldenbalti.nl/wp-content/uploads/2025/06/review-icon.png) no-repeat center center; background-size: contain; } .testimonial-con button { background: #fff; top: 54%; } .owl-prev span, .owl-next span { display: none; } .owl-prev::after { content: ""; display: inline-block; width: 40px; height: 3px; background: #000; position: relative; margin-right: 16px; } .owl-next::after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg); position: relative; top: 3px; margin-right: 9px; right: 9px; } .owl-prev::before { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 3px solid #000; border-left: 3px solid #000; transform: rotate(-45deg); position: relative; top: 3px; left: 9px; } .owl-next::before { content: ""; display: inline-block; width: 40px; height: 3px; background: #000; } .home-review { padding-top: 0; } .home-review { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform;} .home-review.animate { opacity: 1; transform: translateY(0); } /* Individual testimonial cards */ .testimonial-item { transform: scale(0.95); transition: opacity 0.8s ease, transform 0.8s ease; will-change: opacity, transform; } .testimonial-item.animate { opacity: 1; transform: scale(1); } /* Review Section CSS END */ /* Gallery Section CSS Start */ .home-gallery button.owl-prev { left: 0; position: absolute; top: 40%; background: #fff; } .home-gallery button.owl-next { right: 0; position: absolute; top: 40%; background: #fff; } .gal.owl-loaded.owl-drag { position: relative; } .home-gallery { padding: 50px 0px; } .owl-nav button { padding: 10px 10px 15px 10px; } section.gallery-1 { padding: 50px 0px 10px 0px; } .home-gallery .owl-nav.disabled { display: none !important; } /* Initial animation state */ .home-gallery { opacity: 0; transform: translateY(80px); transition: all 1s ease; } .home-gallery.animate { opacity: 1; transform: translateY(0); } /* Image hover zoom + soft glow */ .gallery-img { position: relative; overflow: hidden; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.6s ease, box-shadow 0.4s ease; } .gallery-img img { display: block; width: 100%; transition: transform 0.8s ease; } .gallery-img:hover img { transform: scale(1.1); } .gallery-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.1)); pointer-events: none; transition: opacity 0.5s ease; } .gallery-img:hover::after { opacity: 1; } /* Gallery Section CSS END */ /* Footer CSS Start */ #foo { display: flex; justify-content: space-around; align-items: flex-start; gap: 40px; } li { list-style: none; margin: 0; } ul { margin: 0; } #menu-footer-menu { display: flex; justify-content: center; } .fooeter-copyright .center { text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 0.4px; -webkit-text-size-adjust: none; } #site-footer { background: url(https://goldenbalti.nl/wp-content/uploads/2025/06/footer-image.jpg); padding-bottom: 20px; background-attachment: fixed; background-position: center; background-size: cover; padding-top: 7rem; } .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: #fecc00; font-size: 16px; font-family: 'Montserrat'; font-weight: 500; letter-spacing: 0.2px; margin-bottom: 30px; } .footer-sec-four { width: 25%; } .footer-sec-four li,.footer-sec-four li p, .footer-sec-four li a { color: #fff; font-size: 14px; font-family: 'Montserrat';} .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: flex-start; } ul.social-icons { margin: 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: #fecc00; } .address-list li { display: flex; } /* Footer CSS END */ /* About Us Page CSS Start */ .about-2 .col-left { display: flex; flex-wrap: wrap; gap: 30px; } .imgs { display: flex; justify-content: space-between; } .imgs img { width: 48%; min-height: 330px; object-fit: cover; } .about-2 { background: #f6f3ef; } .about-2 .disp-flex { display: flex; gap: 40px; align-items: flex-start; max-width: 1300px; margin: 0 auto; } .about-2 .col-left { position: -webkit-sticky; position: sticky; top: 40px; height: fit-content; } .about-2 .col-left .imgs img, .col-left > img { display: block; margin-bottom: 20px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .feature-list { list-style: none; padding: 0; margin: 2rem auto; max-width: 800px; display: flex; flex-direction: column; gap: 4rem; } .feature-item { background: rgba(255, 255, 255, 0.8); border-left: 5px solid #c0392b; border-radius: 12px; padding: 1.5rem 1.8rem; box-shadow: 0 8px 16px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .feature-item:hover { transform: translateY(-4px); box-shadow: 0 12px 20px rgba(0,0,0,0.12); } .feature-title { margin: 0 0 0.5rem; font-size: 26px; color: #000; font-weight: 600; } .feature-text { margin: 0; color: #555; line-height: 1.6; font-size: 14px; } .about-1 .col-right { display: flex; justify-content: center; } .about-1 .col-left, .about-1 .col-right { opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: opacity, transform; } .about-1.animate .col-left, .about-1.animate .col-right { opacity: 1; transform: translateY(0); } .about-2 { opacity: 0; transform: translateY(50px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; } .about-2.animate { opacity: 1; transform: translateY(0); } .about-2 .col-left, .about-2 .col-right { opacity: 0; transform: translateY(40px); transition: opacity 1s ease, transform 1s ease; } .about-2.animate .col-left { opacity: 1; transform: translateY(0); transition-delay: 0.3s; } .about-2.animate .col-right { opacity: 1; transform: translateY(0); transition-delay: 0.6s; } /* Optional: Animate feature items one by one */ .about-2 .feature-item { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .about-2.animate .feature-item { opacity: 1; transform: translateY(0); } .about-2.animate .feature-item:nth-child(1) { transition-delay: 0.8s; } .about-2.animate .feature-item:nth-child(2) { transition-delay: 1s; } .about-2.animate .feature-item:nth-child(3) { transition-delay: 1.2s; } .about-2.animate .feature-item:nth-child(4) { transition-delay: 1.4s; } /* 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: 16px; overflow: hidden; } /* 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; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } .cathead { font-size: 20px; font-weight: 600; margin-bottom: 20px; color: #333; border-left: 4px solid #e71514; padding-left: 10px; } .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 { background: #f6f3ef; padding-bottom: 40px; } .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"] { background-color: #e71514; color: #fff; border: none; font-size: 14px; padding: 12px 24px; width: fit-content; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease;border-radius: 5px; } .submit input[type="submit"]:hover { background-color: #c81311; transform: translateY(-2px); } .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; line-height: normal;min-height: 45px; } /* Optional: Animate the form inside with a slight delay */ .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); } .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; } /* Animate the inner content with a slight delay */ .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); } /* Catering Page CSS END */ /* Contact Page CSS Start */ .contact-item { display: flex; gap: 20px; } .contact-info { display: flex; flex-direction: column; margin-top: 30px; } .contact-item { border-bottom: 1px solid #d3d3d3; padding: 30px 0px; } .contact-info .contact-item:last-child { border: none; } section.contact-page { background: #f6f3ef; } .contact-page .col-left { width: 36%; } .contact-page .col-right { width: 60%; background: #fff; padding: 60px 40px; border: 1px solid #999; border-radius: 10px; } .form-group { display: flex; flex-direction: column; gap: 20px; } input.wpcf7-submit { background: #3fb21e !important; padding: 16px 40px; margin-top: 20px; font-size: 14px; font-weight: 600; border-radius: 5px; } .contact-details a, .contact-details strong { font-weight: 600; font-size: 16px; color: #000; transition: 0.1s; } .contact-details a:hover { color:#fecc00 ; } .contact-details { display: flex; flex-direction: column; gap: 6px; } .contact-page { opacity: 0; transform: translateY(60px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; } .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; } body.page-template-contact { background: #f6f3ef !important; } section.g-map { background: #fff; } /* Contact Page CSS END */ /*information page CSS Start*/ .information-page { padding-top: 50px; } .information-page .container { align-items: inherit; width: 95%; display:flex; } .inform-left { width: 31%; display: inline-block; position: relative; float: left; } .info-sidebar { position: unset; top: 140px; background: #f4f4f4; padding: 0px 0px; border-radius: 2px; width: 100%; border-left: 5px solid #fecc00; box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px; } .info-sidebar.sidebarfixed { position: sticky; /*width: 350px; */ top: 70px; } ul#menu-information { margin-left: 0px; list-style: none; margin-bottom: 0; background: #3fb21e; } 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; } .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; } .reserve_sec_mid { margin-top: 40px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .info-sidebar.sidebarfixed { /* width: 31%; */} } @media only screen and (max-width: 991px) and (orientation: landscape){ .info-content h2, .info-content h2 span, .info-content h3, .info-content h3 span {font-size: 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 CSS Start*/ .ct-particle-animate #ct_particle_animate-7da11ad0 { right: 9%; top: 6%; } .ct-particle-animate div.top-right { top: 10%; right: 10%; position: absolute; } .ct-particle-animate .shape-animate5 { animation: animationFramesFive 11s infinite linear alternate; z-index: 100; } .ct-particle-animate div { position: absolute; } #z-index-0 .ct-particle-animate>div { z-index: 0!important; } section#top-section { display: flex; position: relative; } .heading-sec.style2 { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } section#bg-section2 { padding-bottom: 6rem; } /**/ .item--sub-title-top span.sub-title { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; position: relative; display: flex; align-items: center; justify-content: center; } .item--sub-title-top span.sub-title { color: #e53935; font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 10px; } .sub-title .line-left { position: relative; width: 50px; height: 8px; margin-right: 20px; } .heading-sec.style2 .sub-title .line-left:before { top: 0; width: 30px; } .heading-sec.style2 .sub-title .line-left:before, .heading-sec.style2 .sub-title .line-left:after { position: absolute; content: ''; right: 0; height: 1px; background-color: #e53935; } .heading-sec.style2 .sub-title .line-left:after { bottom: 0; width: 50px; } .heading-sec.style2 .sub-title .line-right { position: relative; width: 50px; height: 8px; margin-left: 20px; } .heading-sec.style2 .sub-title .line-right:before { top: 0; width: 30px; } .heading-sec.style2 .sub-title .line-right:before, .heading-sec.style2 .sub-title .line-right:after { position: absolute; content: ''; left: 0; height: 1px; background-color: #e53935; } .heading-sec.style2 .sub-title .line-right:after { bottom: 0; width: 50px; } .heading-sec h3.item-title { margin-bottom: 15px; margin-top:0; } .heading-sec.style2 h3.item-title { font-size: 32px; font-weight: 600; line-height: 41px; color: #0e1317; } /**/ .ct_menu_food_single { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 26px; margin-bottom: 40px; } .ct_menu_container { display: flex; width: 100%; justify-content: space-between; max-width: 100%; gap: 40px; } .ct-menu-food-single.left, .ct-menu-food-single.right { position: relative; width: 50%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; box-sizing:border-box; } .ct-menu-food-single.left, .ct-menu-food-single.right { background-color: #FFFFFF; } .ct-menu-food-single.left { border-radius: 7px 0px 0px 7px; } .ct-menu-food-single.right { border-radius: 0px 7px 7px 0px; } .ct-menu-food-single.left{ border-style: solid; border-width: 0px 1px 0px 0px; border-color: #EDEDED; box-shadow: 0px 0px 50px 0px #e7e7e7; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0 0 0 0; padding: 20px 40px; border-radius: 16px; } .ct-menu-food-single.right { box-shadow: 20px 0px 50px 0px rgb(231 231 231 / 61%); border-radius: 16px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0 0 0 0; padding: 20px 40px; } .ct-menu-food-single.left,.ct-menu-food-single.right { display: -webkit-box; display: -ms-flexbox; display: flex; } .ct-menu-food-single .ct-menu-food-content{ margin: 35px 0px 0px 0px; padding: 0px 0px 20px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #EDEDED; } .ct-menu-food-single .ct-menu-food-content { display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; } .ct-menu-food-single .item--content { display: inline-flex; flex-direction: column; } .ct-menu-food-single .item--content .title-food { font-weight: 800; color: #0e1317; margin-bottom: 5px; font-size: 20px; } h4.title-food { clear: both; line-height: 1.19; margin: 0 0 15px; } .ct-menu-food-single .item--price { min-width: 100px; text-align: right; margin-top: 0; } .ct-menu-food-single .item--price .price { line-height: 1.4; font-size: 16px; font-weight: 600; color: #e53935; } span.description-food { font-size: 15px; color: #727272; } .ct-menu-food-single .item--price .icon-price { font-size: 16px; font-weight: 600; } span.description-food.nl { color: #e53935; } section#bg-section1, section#bg-section2 { min-height: 250px; background-attachment: fixed; position:relative; padding:0; } .page-template-menu section { padding:4rem 0; background: url(https://goldenbalti.nl/wp-content/uploads/2025/05/menu-bg.jpg); background-repeat: repeat; background-size: contain; background-attachment: fixed; } img.mnu_img { width: 100%; max-height: 230px; object-fit: cover; } /**/ .style_left img.menu_img { width:100%; } .ct-menu-food-content:last-child { border-bottom: 0; } .ct-menu-food-single.left1 { width: 50%; } .ct-menu-food-single.right.style2 { background-image: none!important; padding: 50px 60px 43px!important; } .ct-menu-food-single.right.style2 { background-color: #0e1317; padding: 55px 60px 47px; position: relative; background-position: 50% 0; background-size: contain; } .ct-menu-food-single.right.style2 .item--content .title-food { font-weight: 300; color: #ffffff; margin-bottom: 6px; } section#section_mnu3 { display: flex; position: relative; } section.menu-page-section { display: flex; position: relative; text-align: center; padding-bottom: 0; } section#top-section { display: flex; position: relative; } section#section_mnu3 { padding: 0; } section#section_mnu3 .overlay { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.65); transition: background 0.3s, border-radius 0.3s, opacity 0.3s; padding: 4rem 0; width: 100%; } section#section_mnu3 h3.item-title { color: #ffffff; } /**/ @media screen and (max-width: 1380px) { div#ct_particle_animate img { width: 35%; max-width: 35%; } .sp-buttons { background: transparent; } .sp-buttons { position: absolute; bottom: 0; } .sp-button { width: 8px; height: 8px; } .sp-button { border: 2px solid #ffffff; } .sp-selected-button { background-color: #fff; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .container { width: 95%;} .ct-menu-food-single.left, .ct-menu-food-single.right { padding: 0px 20px 35px 20px; margin: 0;} .ct-particle-animate div.top-right { top: 8%; right: 6%;} .ct-menu-food-single.right.style2 { padding: 0px 20px 30px!important;} .item--content { width: 80%;} .ct-menu-food-single .item--price { width: 20%; min-width: 20%;} } @media screen and (max-width: 991px) { .ct-menu-food-single .item--price .price { font-size: 17px; font-weight: 400;} .ct-menu-food-single .item--content .title-food { font-size: 17px;} span.description-food { font-size: 14px; } .home-menu .main-heading { text-align: center; } .column.one11.full { min-width: 100%; } .column.one11.full p { width: 100%; } .sub-footer li { margin: 0 12px; } } @media screen and (max-width: 767px) { .ct-menu-food-single .item--price .price { font-size: 15px;} .ct-menu-food-single .item--price .icon-price { font-size: 12px;} .ct-menu-food-single .item--content .title-food { font-size: 15px;} span.description-food { font-size: 13px;} .heading-sec.style2 h3.item-title { font-size: 30px;} div#ct_particle_animate { display: none;} .item--sub-title-top span.sub-title { font-size: 16px;} section#bg-section1, section#bg-section2 { min-height: 190px;} .ct-menu-food-single.left { margin: 0; --e-column-margin-right: 0; --e-column-margin-left: 0; padding: 0 20px 35px 20px;} .ct-menu-food-single.right { margin: 0; --e-column-margin-right: 0; --e-column-margin-left: 0; padding: 0 20px 35px 20px;} .ct-menu-food-single .ct-menu-food-content { margin: 25px 0 0 0; width: 100%;} .ct-menu-food-single.right.style2 { padding: 30px 20px 30px!important;} .item--content { width: 80%;} .ct-menu-food-single .item--price { width: 20%; min-width: 20%;} } @media screen and (max-width: 767px) and (orientation: portrait) { .ct_menu_container { flex-direction: column; flex-wrap: wrap;} .ct-menu-food-single.left, .ct-menu-food-single.right {width: 100%;} img.attachment-full { width: 20%; display: none;} .ct-menu-food-single.left1 { width: 100%;} .ct-menu-food-single.right { box-shadow: 0px 0px 50px 0px rgb(231 231 231 / 61%); } section#bg-section1, section#bg-section2 { min-height: 130px;} .ct-menu-food-single .ct-menu-food-content { margin: 20px 0 0 0;} .right-sec { display: flex; position: absolute; right: 60px; top: 28px; } .right-sec a.top-rbtn { padding: 8px 12px; font-size: 13px; min-height: 0px; height: 36px; border-radius: 4px; } .menu-container { padding: 60px 20px; } .item-price { float: right; text-align: right; } .item-price { min-width: 60px; } .home-online .disp-flex { gap: 20px; } #menu-footer-menu li { margin: 10px; } img.mnu_img { height: 170px;} } @media screen and (max-width: 767px) and (orientation: landscape) { button.close-nav-toggle { padding: 3rem 1rem; } .ct-menu-food-single.right.style2 { padding: 0px 20px 30px!important; } div#ct_particle_animate { display: block; } .ct-particle-animate div.top-right { top: 6%; right: 6%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { color: #191919; font-size: 14px; padding: 12px 16px; letter-spacing: 0.2px; } } @media screen and (max-width: 600px) and (orientation: landscape) { div#ct_particle_animate { display: none;} } /*Menu Page CSS End*/ .wpcf7 form .wpcf7-response-output { font-size: 15px; } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){ .home-slider { height: 500px; overflow: hidden; } #slider-pro-1,.sp-mask,.sp-slide,.sp-image-container { height: 500px !important; } .sp-image { object-fit: cover; height: 100% !important; width: 100% !important; } .site-logo img { max-height: 7rem; } button.close-nav-toggle { padding: 4.4rem 0.8rem; } .half-cirlce { left: -160px; } .col-lft::after { width: 36%; right: 40px; height: 180px; } .home-abt .col-rght { display: none; } .home-abt .col-cent a { padding-left: 0; } .container { width: 92%; margin: auto; } .owl-nav.disabled { display: none !important; } .home-abt .col-lft, .home-abt .col-rght, .home-abt .col-cent { width: 100%; } .imgs img { min-height: 200px; } .about-1 .col-right { display: none; } #foo { flex-wrap: wrap; } .footer-sec-four { width: 40%; } .contact-page .disp-flex { flex-direction: column; } .contact-page .col-left, .contact-page .col-right { width: 100%; } .contact-item { width: 45%; ; } .contact-info { display: flex; gap: 40px; margin-top: 30px; flex-wrap: wrap; flex-direction: row; } .col-cent .main-heading { text-align: left; } .col-cent .desc { text-align: left; } .col-cent .theme-btn { display: flex; justify-content: flex-start; } .col-cent .theme-btn { margin-top: 14px; } .right-sec { display: flex; position: absolute; right: 60px; top: 34px; } .right-sec a.top-rbtn { padding: 8px 18px; font-size: 14px; min-height: 0px; height: 36px; border-radius: 4px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ .home-abt .col-lft, .home-abt .col-rght { width: 46%; } .owl-nav.disabled { display: none !important; } .container { width: 92%; margin: auto; } .home-online .disp-flex { display: flex; flex-direction: column; align-items: center; gap: 20px; } .home-online .main-heading { text-align: center; } .home-online .col-right { text-align: center; } .home-online .desc { margin-bottom: 30px; } .home-abt::before { top: -34px; height: 60px; } .main-heading { font-size: 32px; } section { padding: 4rem 0; } .theme-btn a { padding: 12px 16px; font-size: 13px; } .fetures .desc { font-size: 26px; } .review-content p { font-size: 16px; max-width: 90%; } .primary-menu a { font-size: 14px; } .about-1 img { max-height: 400px; } .contact-page .col-right { padding: 50px 30px 20px 30px; } input[type="text"], input[type="email"], textarea { padding: 1rem 1.2rem; } .primary-menu { gap: 8px; } .primary-menu li a { font-size: 13px; } .primary-menu > li { margin: 0; } .right-sec a.top-rbtn { font-size: 12px; height: 38px; display: flex; align-items: center; padding: 10px 16px; } } @media screen and (max-device-width: 991px) and (orientation: landscape) { .container { width: 92%; } .imgs img { min-height: 200px; } .header-inner { padding: 10px 0px; } #foo { flex-wrap: wrap; } .footer-sec-four { width: 40%; } .about-1 .col-right { display: none; } .col-cent .main-heading { text-align: left; } .col-cent .desc { text-align: left; } .col-cent .theme-btn { display: flex; justify-content: flex-start; } .col-cent .theme-btn { margin-top: 14px; } .home-abt .col-rght { display: none; } .col-lft::after { height: 250px; } .col-lft img { max-height: 200px; max-width: 200px; } .col-lft::after { right: 60px; } .home-abt .col-cent { width: 70%; } .site-logo img { max-height: 7rem; } .home-abt .col-cent a { padding-left: 0; } .right-sec { display: flex; position: absolute; right: 60px; top: 35px; } .right-sec a.top-rbtn { padding: 8px 12px; font-size: 13px; min-height: 0px; height: 36px; border-radius: 4px; } .sub-header.about-sub.featured-banner { min-height: 200px; } .heading h1 { padding-top: 10rem; } } @media only screen and (max-width : 991px) { .theme-btn a, .home-resv .theme-btn a { padding: 12px 14px; font-size: 12px; } .btns { gap: 20px; } .main-heading { font-size: 30px; } .fetures .desc { font-size: 20px; } #menu-footer-menu { flex-wrap: wrap; } .review-content p { font-size: 14px; max-width: 100%; } .owl-nav.disabled { display: none !important; } .menu-container { display: flex; flex-direction: column; } .menu-row { gap: 40px; } section { padding: 4rem 0; } .feature-title { font-size: 22px; } .contact-page .col-right { padding: 50px 30px 20px 30px; } .g-map iframe { max-height: 250px; } input[type="text"], input[type="email"], textarea { padding: 1rem 1.2rem; } .back-to-top { bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 36px; } .home-abt .col-lft { width: 34%; } .info-sidebar.sidebarfixed { /* width: 31%; */ top: 70px; } ul#menu-information li { padding-bottom: 6px; padding-top: 6px; font-size: 15px;} .info-content h2, .info-content h2 span, .info-content h3, .info-content h3 span { font-size: 24px; } } @media screen and (max-device-width: 767px) and (orientation: portrait) { .header-inner { position: relative; } #site-header { background: #2b1d11; } .home-slider { height: 300px; overflow: hidden; } #slider-pro-1,.sp-mask,.sp-slide,.sp-image-container { height: 300px !important; } .sp-image { object-fit: cover; height: 100% !important; width: 100% !important; } .home-abt .col-lft { display: none; } .col-rght img { max-width: 300px; margin: auto; } .disp-flex, .menu-container, .home-resv .col-top, .home-resv .col-btm, .main-footer { flex-direction: column; } .home-abt .col-lft, .home-abt .col-cent { width: 100%; } .home-abt .col-rght { width: 80%; } .container { max-width: 92% !important; margin: auto; } .col-btm { gap: 30px; } .fooeter-copyright .center { display: flex; flex-direction: column; align-items: center; padding: 0 30px; } .home-abt::before { top: -30px; height: 40px; } .col-lft img { margin: auto; } .col-lft::after { right: 30px; } .about-2 .col-left { position: relative; } .footer-sec-four { width: 100%; } .contact-page .col-left, .contact-page .col-right { width: 100%; } .catform { padding: 40px 20px; } .header-inner .toggle { top: 30px; } .info-sidebar.sidebarfixed { top: 0; position: unset; } .information-page { width: 100%; margin: auto; } .inform-left, .inform-right { width: 100%; margin-top: 30px; } .inform-left { margin-top: 0; } .info-content h2, .info-content h2 span, .info-content h3, .info-content h3 span { font-size: 20px; } .inform-right table td, .inform-right table th {font-size: 12px !important; } .inform-right { margin-left: 0; margin-bottom: 30px; float: none; } .info-sidebar.sidebarfixed { width: 90%; } page .container { flex-wrap: wrap; } .information-page .container { flex-direction: column; } table.table-one th:nth-child(1) { width:70px; } .information-page table.table-one th { padding: 0.3em; } } @media screen and (max-device-width: 767px) and (orientation: landscape) { .contact-page .disp-flex { flex-direction: column; } .contact-page .col-left, .contact-page .col-right { width: 100%; } .contact-item { width: 45%; ; } .contact-info {display: flex;gap: 30px;margin-top: 0;flex-wrap: wrap;flex-direction: row;row-gap: 0; } } @media (max-width: 1679px) { button.owl-prev { left: 0rem !important; } button.owl-next { right: 0rem !important; } } @media (min-width: 1680px) { button.owl-prev { left: -16rem !important; } button.owl-next { right: -16rem !important; } }