/* 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: 3.1.1779340904 Updated: 2026-05-21 05:21:44 */ /* Common CSS Start */ body{ background:#fff; overflow-x: hidden; } body:not(.home) { background-color: #fff; } 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:"Prata", serif; -webkit-text-size-adjust: none; font-weight:400;line-height: normal; margin: 0; color: #0f0f0f; 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; font-optical-sizing: auto; letter-spacing:0.05px; outline:0; -webkit-text-size-adjust: none; font-weight:normal; } body a { text-decoration: none ; color:#121212} a{ transition: all 0.6s cubic-bezier(.25,1,.35,1) 0s; cursor: pointer; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; } 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: #af9c8b; --btn-bg-hover: #0f0f0f; --main-color:#af9c8b; } 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: #f2f2f2; padding: 14px 10px; color: #010101; border-color: #f1f1f1; height:auto; line-height: normal; border-radius: 5px; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#282828;font-size: 14px; } input::placeholder, textarea::placeholder { color: #282828;font-size: 14px; } 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: 11px 18px; text-decoration: none !important; width: auto; border-radius:4px; font-weight: 500; position: relative; transition: all 1s cubic-bezier(.25,1,.35,1) 0s; display: inline-block; text-transform: uppercase; letter-spacing:0.4px; font-family: "Montserrat", serif;} a.cfs-hyperlink span ,.blog .more-link span { font-size:15px;font-weight: 500;position: relative; font-family: "Montserrat", serif; } .cfs-hyperlink:hover,.blog .more-link:hover,body .button:hover{ border-color: var(--btn-bg); background:transparent; color:var( --btn-bg); } .acf-link:hover span {color: #fff;} .theme-btn { margin-top: 20px; position: relative; z-index: 2; } body input[type="submit"]:hover ,body button[type="submit"]:hover { border-color:var( --btn-bg); background: transparent; color:var( --btn-bg); } .container { margin: auto; width: 100%; max-width: 1220px; box-sizing: border-box; padding: 0px 0; } .col-left,.col-right { width:50%; } a { text-decoration: none; } .center,.cnt { text-align:center; } p, p.desc, section.privacy-top p, section.privacy-top li { font-family: "Montserrat", sans-serif; font-size: 15px; line-height:1.6; font-weight: 400; letter-spacing: 0.03em; margin-bottom: 1.75rem; } .r-radius{border-radius:10px;} .disp-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .flex-str { align-items: stretch;} .main-heading { color: #af9c8b; font-weight: 700; letter-spacing: 1px; margin: 0; margin-bottom: 20px; position: relative; } .main-heading span { font-weight: normal; color: var(--btn-bg); } .main-heading, .main-heading span {font-size: 30px; line-height: 34px; font-family: Prata-Regular !important;} .sub-heading { color: #012057; font-size: 15px; font-weight:600; font-family: "Montserrat", sans-serif; text-align: center; display: block; line-height: normal; margin-bottom: 5px; } .main-heading2:after,.main-heading3:before{ content: ""; width:290px; height:59px; background: url('imgs/border12.png') center; display: inline-block; vertical-align: middle; margin-left: 20px; } .page-template-drink .main-heading { color: #d19e60; } .padt-0 { padding-top:0; } .padd0 { padding:0; } p { margin: 0; } .max-70{ max-width: 70%; margin: auto; } .section, section { padding: 6rem 40px; position:relative; } .img-full { height: 100%; object-fit: cover; } .header-inner .toggle { padding: 0; width: auto; top: auto; bottom: auto; } .header-toggles { margin-right: 0; } .flex { display: flex; } .service-image img { display: flex; justify-content: center; margin: auto; } .nav-toggle div { width: 30px; height: 100%; text-align: center; display: flex; justify-content: center; flex-direction: column; row-gap: 6px; padding: 0 3px; transition: 0.2s; align-items: flex-end; } .nav-toggle div span { width: 100%; height: 2px; background-color: #fff; 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; } .header-toggles:only-child .toggle-inner .toggle-text { color: #ffffffcc; font-family: "Poppins", sans-serif; margin: 0; margin-left: 10px; font-weight: 500; font-size: 16px; text-transform: uppercase; transition: 0.2s linear; text-decoration: none; } .nav-toggle div span:nth-child(2){ width:40%; } .nav-toggle:hover div span:nth-child(2) { width: 100%; } .nav-toggle:hover .toggle-inner .toggle-text { transform: translateX(-57px); opacity: 0; } .grecaptcha-badge { visibility: hidden; } /* Common CSS END */ /* Arrow To Top CSS Start */ .back-to-top { position: fixed; bottom: 24px; right: 24px; height: 44px; width: 44px; border-radius: 50%; background: #ffffff; color: #000000; font-size: 22px; text-decoration: none; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); border: 1px solid #000; display: flex; align-items: center; justify-content: center; z-index: 999; opacity: 0; pointer-events: none; transform: translateY(10px) scale(0.9); transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; } .back-to-top.show { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); } .back-to-top:hover { background: #000000; color: #ffffff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35); transform: translateY(-3px) scale(1.05); border: 1px solid #fff; } /* Arrow To Top CSS END */ header#site-header { background: transparent; width: 100%; z-index: 50; position: fixed; top: 25px; left: 0;transition: 0.13s linear; } header#site-header.sticky { top: 0;padding:10px 0; background: #111111; } .site-logo img { transition: 0.2s linear; } .sticky .site-logo img { max-height: 5rem; } .custom-header .header-inner{ max-width:1300px; margin:auto; padding:0 40px; display:flex;align-items:center; justify-content:space-between;} .header-left-menu, .header-right-menu{ flex:1;} .header-right-menu{ display:flex; justify-content:flex-end;} .left-menu, .right-menu{ display:flex; align-items:center; gap:45px; margin:0;padding:0;list-style:none;} .left-menu li a, .right-menu li a{ color:#fff; text-decoration:none; font-size:14px;text-transform:uppercase; letter-spacing:1px; transition:0.3s; font-weight:500;} .left-menu li a:hover, .right-menu li a:hover , ul li.current-menu-item a{ font-weight:600;} .header-logo{ text-align:center;} .header-logo img{ max-width:220px; height:auto;} .mobile-menu-toggle{ display:none; width:35px; height:28px; position:relative;background:none;border:none; cursor:pointer; z-index:99999;} .mobile-menu-toggle span{ width:100%; height:3px; background:#fff; position:absolute; left:0;transition:0.3s;} .mobile-menu-toggle span:nth-child(1){ top:0;} .mobile-menu-toggle span:nth-child(2){top:12px;} .mobile-menu-toggle span:nth-child(3){bottom:0;} .mobile-full-menu{ position:fixed; top:0;left:-100%; width:100%; height:100vh; background:#000;z-index:9999;transition:0.4s;display:flex; flex-direction:column;justify-content:center; align-items:center;} .mobile-full-menu.active{ left:0;} .mobile-menu-list{list-style:none;margin:0;padding:0;text-align:center;} .mobile-menu-list li{margin:20px 0;} .mobile-menu-list li a{color:#fff;text-decoration:none;font-size:24px;text-transform:uppercase;letter-spacing:1px;} /* Features Section CSS Start */ .feature { background: #fcfcfc; padding-bottom: 0; } .feature-box { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 15px; transition: all 0.35s ease; } .feature-box:hover { transform: translateY(-6px); } .feature-icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .feature-icon img { max-width: 100%; max-height: 100%; object-fit: contain; } .feature-content p { margin: 0; font-size: 15px; line-height: 1.7; color: #fff; } .p1 a { color: #fff; } .p1 a:hover{ font-weight:600;} .feature-box:not(:last-child) { border-right: 1px solid rgb(0 0 0 / 15%); } .feature-section.flex { display: flex; justify-content: center; align-items: stretch; gap: 40px; max-width: 1200px; margin: -15rem auto 0; padding: 0px 40px; position: relative; z-index: 10; background: rgb(0 0 0 / 44%); backdrop-filter: blur(3px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* Features Section CSS END */ /* Slider CSS Start */ .home-slider .sp-layer { position: absolute !important; top: 50% !important; left: 50% !important; width: min(90%, 1200px); text-align: center; transform: translate(-50%, -50%) !important; z-index: 99; } .hero-content { width: 100%; } .hero-title { margin: 0; color: #fff; font-size: 48px; font-weight: 700; line-height: 1.1; text-transform: none; font-family: 'Montserrat'; } .hero-subtitle { margin: 20px 0 26px; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; line-height: 1.5; } .hero-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 26px; background: #b39b84; color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; transition: .3s ease; } .hero-btn:hover { background: #9f8872; color: #fff; } .sp-buttons { display: none; } /* Slider CSS END */ /* Home page Second Section CSS */ .serv-title { font-weight: 600; margin: 14px 0px 6px 0px; } .services-section{ padding:80px 0; background: #fcfcfc; overflow:hidden; } .services-section *{ box-sizing:border-box; } .services-section .container{ width:90%; max-width:1450px; margin:auto; } .service-grid{ display: flex; align-items: stretch; justify-content: center; gap: 0; } .service-column.left .service-item .icon { float: right; } .service-column.right .service-item .icon { float: left; } .service-item .icon { border: 1px dashed #9f7150; padding: 16px 20px; border-radius: 50px; height: 100px; width: 100px; background: #fff; } .serv { width: 76%; margin: 0 2% 0 6%; float: left; padding-top: 10px; } .service-item { display: flex; justify-content: space-between; align-items: center; } .serv { margin: 0 2%; width: 68%; } .serv h3 { font-family: Prata-Regular !important; color: #161922; font-weight: 700; letter-spacing: 1px;font-size: 17px; margin: 0px; line-height: 22px; } .serv p{ font-size: 15px; line-height: 1.6; font-weight: 400; letter-spacing: 0.0em; color: #2b241f; margin-top: 10px; } .service-column.left .serv { text-align: right; } .service-column { width: 32%; display: flex; } .center-image { width: 38%; } .service-grid { position: relative; } .service-item { margin-bottom: 14px!important; position: absolute;z-index: 9; width: 32%; } .service-item.serv-1 { top: 20px !important; left: 8%; } .service-item.serv-2 { top: 190px !important; left: 3%; } .service-item.serv-3 { top: 380px; left: 6%; } .service-item.serv-4 { top: 20px !important; right: 8%; } .service-item.serv-5 { top: 190px !important;right: 3%; } .service-item.serv-6 { top: 380px; right: 6%; } /* Home page Second Section CSS */ /* About Section CSS Start */ .home-abt { background: #af9c8b; padding: 0; } .home-abt .main-heading { color: #fff; } .home-abt p { color: #f7f7f7; } .home-abt .col-right, .home-abt-menu .col-right { padding: 30px 70px; } .home-abt .disp-flex , .home-abt-menu .disp-flex { align-items: stretch; } .home-abt img , .home-abt-menu img{ height: 100%; object-fit: cover; } /* About Section CSS END */ /* About Menu Section CSS Start */ .home-abt-menu { padding: 0; } .home-abt-menu .list-service li { color: #000; } .main-hm-menu { margin-top: 40px; } .col-right .hom-mnu-sec { margin: 50px 50px 32px; border: 2px solid #af9c8b; padding: 30px 30px; } .home-abt-menu .col-right { padding: 0; } .list-service li{ display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; } .list-service li .price{ flex-shrink: 0; white-space: nowrap; text-align: right; } /* About Menu Section CSS END */ /* Gallery Section CSS Start */ .galimg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .gal-img { overflow: hidden; border-radius: 12px; } .gal-img img { display: block; width: 100%; height: 300px; object-fit: cover; transition: transform 0.4s ease; } .gal-img:hover img { transform: scale(1.05); } /* Gallery Section CSS END */ /* Footer Section CSS Start */ footer#site-footer { background-color: #111111; border-top: 3px solid #99886a; color: #fff; padding: 60px 20px 0px 20px; clear: both; display: block; } #site-footer .container{ display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 0; justify-content: space-between; align-items: flex-start; max-width: 90%; max-width: 1220px; } .footer-sec-three { width: 30%; } .fooeter-copyright { text-align: center; position: relative; width: 100%; margin-top: 20px; padding: 20px 0; border-top: solid 1px #ffffff2e; } .fooeter-copyright .container { display: flex; align-items: center; justify-content: center; } .fooeter-copyright p { color: #fff; margin-bottom: 0; } .fooeter-copyright a {color: #af9c8b;font-weight: 500;font-size: 15px;} .footer-sec-three h3 { color:#fff; font-size: 21px; line-height: 25px; font-weight: 500; letter-spacing: 0px; font-family: "Montserrat", sans-serif; margin-bottom: 15px; } ul.timing { border: 2px solid #af9c8b; padding: 18px 24px 40px; } span.time { color: #af9c8b; } ul.timing li { display: flex; justify-content: space-between; padding: 10px 0px; border-bottom: 1px dashed #999; } ul.timing li, ul.contact-details li a, ul.contact-details li { font-size: 14px; color: #cccccc; font-weight: 400; margin-top: 0; } ul.contact-details li a:hover { color:#fff;} ul.contact-details li { padding: 7px 0px; border-bottom: 1px dashed #999; } .first iframe { min-height: 270px; } .center { text-align: center; width: 100%; } .fooeter-copyright { margin-top: 50px; } /* Footer Section CSS End */ /* About Page CSS Start */ body.wp-singular.page-template.page-template-about .container, body.wp-singular.page-template.page-template-priizen .container { margin: auto; width: 100%; max-width: 100%; } body.wp-singular.page-template.page-template-about, body.wp-singular.page-template.page-template-priizen{ background:#1b1e27; } .about-page1 .col-right, .about-page2 .col-left, .price-sec1 .col-right, .price-sec2 .col-left, .price-sec3 .col-right { padding: 56px 100px 56px 100px; color: #fff; } .page-template-about p.desc, .page-template-priizen p.desc{ color:#fff; } .main-heading2::after { content: ''; width: 145px; height: 40px; display: block; vertical-align: middle; margin: 10px auto; background-size: contain; background-repeat: no-repeat; } .about-page1, .about-page2, .price-sec1, .price-sec2, .price-sec3 { padding-top: 0;padding-bottom: 0; } .about-page .col-left, .about-page .col-right, .pric-sec .col-left, .pric-sec .col-right { width: 50%; } .about-page1 .main-heading2::after { margin-left: 0;} .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: 350px; } .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.60); transition: background 0.4s ease; } .sub-header .breadcrumb { position: absolute; z-index: 4; bottom: 15%; left: 0; right: 0; margin: auto; display: block; text-align: center; } .sub-header.featured-banner h1 { color: #fff; text-shadow: 0 7px 5px #00000042; font-size: 30px; line-height: 35px; } .breadcrumb-links {color: #fff;display: flex;column-gap: 20px;margin-top: 10px;justify-content: center;} .breadcrumb-links a {color: #fff} .about-page1, .pric-sec.price-sec1 { border-top: 2px solid #fcfcfc; } section.about-page .container { align-items: stretch; }.about-page1 img { height: 100%; object-fit: cover; }.about-page .col-left { display: flex; align-items: center; } /*About Page CSS End*/ /*Gallery Page CSS Start*/ body.gallery { display: block; margin: 0; width: 100%; } /*Gallery Page CSS End*/ /*Product page CSS Start*/ .box-service { width: 49%;} .box-service {box-sizing: border-box;padding-left: 15px;padding-right: 15px; } .services.disp-flex { align-items: stretch; } .box-service { display: flex; flex-direction: column; z-index: 1; } .box-service { position: relative; transition: .35s; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, .1), 0 10px 30px rgba(0, 0, 0, .05); } .box-service { padding: 16px 15px 15px; background-color: #fff; position: relative; border: 1px solid #e3e3e3; border-top: none; text-align: center; width: 100%; } .box-service h3.main-heading { font-size: 20px; line-height: 30px; margin:2rem 0 0 ; margin-bottom: 5px; text-align: center; font-weight: 700; color: #161922; letter-spacing: 0px; font-family: "Montserrat", sans-serif; } .services { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .service-content p { font-size: 14px; } .producten-main { padding-top: 0; } .service-content { margin-bottom:2rem; } .producten-main .col-left { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 33%; } .pro-left { position: relative; padding: 0px 24px; margin-left: 20px; border: 1px solid #af9c8b; margin-bottom: 50px; overflow: hidden; background: #f4f4f4; border-top: 2px solid #af9c8b; box-shadow: 9px 10px 0 -2px #ece2d0; -webkit-box-shadow: 10px 10px 0 -2px #ece2d0; } .service_nav_menu { padding-bottom: 30px; margin-top: 30px; position: relative; } .producten-main .col-left {width:34%} .producten-main .col-right {width:62%} .producten-main .container.disp-flex { align-items: stretch; } .pro-page-top p.cnt { color: #000; width: 36%; margin: 0px auto; font-weight: 500; } .pro-page-top .main-heading2::after { margin: 10px auto 0; } h2.servicetitle { font-weight: 600; font-size: 22px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 34px; color: #161922; font-family: "Montserrat", sans-serif; } .menu-services ul { padding: 0px 10px; margin: 0px; list-style: none; background: #0000; padding-left: 0px !important; color: #737E86; } .menu-services ul> li> a{ color: #000; padding: 5px 0px; text-decoration: none; display: block; font-size:14px; } .menu-services ul> li> a:hover {color: #af9c8b; } .menu-services ul li a:before { content: url(imgs/arrow-20.png); vertical-align: middle; margin-right: 8px; } .service-image { overflow: hidden; border-radius: inherit; } .service-image img { width: 100%; display: block; transform: scale(1); transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; } .box-service:hover .service-image img { transform: scale(1.08); } /*Product page CSS End*/ /* Single Product Page CSS Start */ .producten-single .disp-flex { gap: 40px; display: flex; align-items: flex-start; } .producten-single .col-left { width: 34%; } .producten-single .col-right { width: 62%; } .sing-pro-content h2 { font-size: 24px; padding: 30px 0px 10px 0px; font-family: 'Montserrat'; font-weight: 700; } /* Single Product Page CSS END */ /*Prijzen Page CSS Start*/ .price-list h2.cat { font-size: 30px; line-height: 34px; font-weight: 700; letter-spacing: 0px; font-family: 'Montserrat'; } .price-list .cat { color: #af9c8b; font-weight: 600; padding-bottom: 18px; text-align: center; } ul.list-service { list-style: disc outside; margin: 0 0 15px 30px; margin-left: 0px; } ul.list-service li { display: flex; justify-content: space-between; padding: 6px 0px; border-bottom: 1px dashed #99886a; font-weight: 600; color: #fff; font-size:14px; margin-bottom: 10px; } .price-list span.price { color: #af9c8b; } p.cut-text { text-align: center; padding-top: 15px; font-size:14px; color:#fff; } .menu-tab1 .row { display: flex; } .menu-tab1 .col-8 { width: 80%; } .menu-tab1 .col-4 { margin: auto; width: 20%; text-align: right; } p.menu-title { font-weight: bold; border-bottom: 1px dashed #af9c8b; padding-bottom: 10px; color:#fff; font-size:14px; margin: 0 0 15px; } p.menu-content { letter-spacing: 0px; color: #af9c8b; } .price-list p.b-price, .price-list span.price { color: #af9c8b; font-weight: 600; font-size: 14px; } .menu-tab1 {margin-bottom: 35px;} .menu-tab1 .row1 { flex-direction: inherit; margin: 5px 0; } .menu-tab1 .row1 .col-4 { color: #af9c8b; font-weight: 600; font-size:14px; } .pric-sec { padding: 0; } .pric-sec .container.disp-flex { align-items: stretch; } /*Prijzen Page CSS End*/ /* Contact Page CSS Start */ .contact-page-top { padding: 40px 0; } .contact-page-top .main-heading { display: flex; align-items: center; justify-content: center; gap: 30px; margin: 0; text-align: center; font-size: 48px; font-weight: 600; color: #a89582; text-transform: uppercase; } .contact-page-top .main-heading::before, .contact-page-top .main-heading::after { content: ""; flex: 1; height: 2px; background: #d9d9d9; max-width: 520px; } .contact-page-top { position: relative; padding-bottom:0; } .contact-page-top h2.main-heading {font-size: 21px;color: #af9c8b;font-weight: 600;text-align:center;font-family: "Montserrat", sans-serif;margin-bottom: 35px;} .contact-page2 { padding-top: 0; } .contact-page2 h2.main-heading { font-size: 30px; line-height: 34px; letter-spacing: 0px; color: #161922; text-align: left; font-family: Abril Fatface; font-weight: 700; font-style: normal; } .contact-page2 p.desc {color: #626262;margin-bottom: 20px; } .contact-page2 .col-left { width: 60%; } .contact-page2 .col-right { box-shadow: 0 0 40px rgb(0 0 0 / 6%); padding: 40px; width: 32%; display: flex; flex-direction: column; gap: 40px; } .contact-form-default .row { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; } .contact-page3 { padding-top: 0; } .contact-form-default .column.one-second { width: 48%; } .contact-form-default .column.one { width: 100%; } .cb h4 span { font-size: 18px; font-weight: 600; } .ib p { text-align: center; } .ib p a:hover { color:#af9c8b !important; font-weight:500;} .ib img { margin: auto; } .cb h4 { text-align: center; } .form-group textarea { max-height: 130px; } .wpcf7 form .wpcf7-response-output { margin: 30px 0 0; padding: 16px 20px; border-radius: 12px; font-size: 14px; line-height: 1.6; font-weight: 500; letter-spacing: 0.3px; border: none; position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); transition: all 0.4s ease; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #7a4b00; background: rgba(214, 164, 92, 0.12); } .wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before, .wpcf7 form.payment-required .wpcf7-response-output::before { background: #d6a45c; } .wpcf7 form .wpcf7-response-output::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 12px 0 0 12px; } .contact-frm label { font-size: 14px; font-weight: 500; letter-spacing: normal; } /* Contact Page CSS End */ @media screen and (max-width: 1600px){ .serv p { font-size: 14px; } } @media (min-width: 1200px) and (max-width: 1400px) { .about-page1 .col-right, .about-page2 .col-left, .price-sec1 .col-right, .price-sec2 .col-left, .price-sec3 .col-right { padding: 56px 50px 56px 50px; } } @media (min-width: 1200px) and (max-width: 1365px) { .serv p { font-size: 14px; line-height: 1.5; } .services-section { padding: 50px 0 160px; } .service-item.serv-6 { top: 350px; right: 6%; } } @media(max-width:1200px){ .feature-section.flex { background: rgb(0 0 0 / 64%); padding: 20px 20px; margin: 0; } .service-item { position: unset; width: unset; } .center-image { display: flex; justify-content: center; align-items: center; } .about-page1 .col-right, .about-page2 .col-left, .price-sec1 .col-right, .price-sec2 .col-left, .price-sec3 .col-right { padding: 0; } .about-page .col-left, .about-page .col-right, .pric-sec .col-left, .pric-sec .col-right { width: 100%; } .main-heading2::after { } .about-page1 .col-right { margin-top: 40px; } .about-page1 .col-right { margin-top: 40px; } .about-page2 .disp-flex { display: flex; flex-direction: column-reverse; } .about-page2 { margin-top: 50px; } .about-page2 .col-right { margin-bottom: 20px; } .about-page1 { padding-top: 50px; } .about-page2 { padding-bottom: 40px; } .about-page img { max-height: 280px; width: 100%; object-fit: cover; border-radius: 12px; } .about-page { padding: 50px 40px; } .about-page2 { padding-top: 0; margin-top: 0; } .contact-page2 .disp-flex { display: flex; flex-direction: column-reverse; gap: 50px; } .contact-page2 .col-left { width: 100%; } .contact-page2 .col-right { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .contact-page2 .col-right .ib { width: 46%; } .contact-page3 { display: none; } .price-sec1 { padding-top: 50px; } .price-sec2 .disp-flex { display: flex; flex-direction: column-reverse; } .pric-sec .cat { padding-top: 20px; } .pric-sec img { max-height: 200px; width: 100%; object-fit: cover; } .main-footer .container { display: flex; flex-wrap: wrap; } .footer-sec-three.first { width: 100%; } .footer-sec-three.second,.footer-sec-three.third { width: 46%; } .footer-sec-three.first iframe { max-height: 160px; width: 100%; } #site-footer .container { align-items: center; } .pro-left { padding: 0px 16px; margin-left: 0; } h2.servicetitle { font-size: 20px; text-align: center; } .producten-main .container.disp-flex { flex-direction: column; } .producten-main .col-left, .producten-main .col-right, .pro-page-top p.cnt { width: 100%; } .menu-services ul { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 30px; justify-content: center; } .pro-page-top { padding-bottom: 30px; } .menu-services ul> li> a { text-align: center; } .producten-single .col-left, .producten-single .col-right { width: 100%; } .sing-pro-img img { max-height: 200px; width: 100%; object-fit: cover; border-radius: 12px; } .service-grid { flex-direction: column; } .service-column { width: 100%; display: flex; justify-content: space-between; } .center-image { display: none; } .service-item { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 20px; justify-content: flex-end; width: 30%; } .service-column.left h3, .service-column.left p { text-align: left; } .serv { width: 100%; } .service-column.right .service-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .service-column.right { margin-top: 50px; } .home-abt .disp-flex { flex-direction: column; } .home-abt .col-left { width: 100%; } .home-abt .col-right { width: 100%; padding: 30px; } .home-abt .col-left img { max-height: 250px; width: 100%; object-fit: cover; } .home-abt-menu .disp-flex{ display:flex; align-items:stretch; } .home-abt-menu .col-left img{ width:100%; height:100%; object-fit:cover; display:block; } .hom-mnu-sec img { max-width: 100px; } .main-hm-menu { margin-top: 20px; } .feature-box { padding-left:0; padding-right:0; } } @media screen and (max-device-width: 991px) and (orientation: landscape) { .gal-img img { height: 190px; } .service-grid { flex-direction: column; } .sub-header.featured-banner { height: 160px; } .feature-content p { font-size: 14px; } } @media screen and (max-width:1024px){ .sub-header.featured-banner { height: 290px; } .pric-sec { padding: 20px; } } @media(max-width:991px){ .hero-title { font-size: 32px !important; } .hero-subtitle { font-size: 16px; } .hero-btn { padding: 12px 22px; font-size: 12px; } .mobile-menu-toggle span { width: 90%; } .mobile-menu-toggle.open span:nth-child(2) { opacity: 0; } .mobile-menu-toggle.open span:first-child { transform: rotate(45deg); transform-origin: center; } .mobile-menu-toggle.open span:last-child { transform: rotate(-45deg) translate(19px, -18px); transform-origin: center; } .custom-header{ padding:20px 0; } .custom-header .header-inner{ padding:0 0px; } .header-left-menu, .header-right-menu{ display:none; } .mobile-menu-toggle{ display:block; position:absolute; right:20px; top:25px; } .header-logo{ width:100%; text-align:center; } .header-logo img{ max-width:80px; } p, p.desc, section.privacy-top p, section.privacy-top li { font-size: 14px; } .col-right .hom-mnu-sec { margin: 0; } .section, section { padding: 4rem 20px; } footer#site-footer { padding: 40px 20px 0px 20px; } .fooeter-copyright { margin-top: 30px; } header#site-header { } .sub-header.featured-banner { height: 200px; } .serv { width: 100%; } .service-column.left h3, .service-column.left p { text-align: left; } .service-grid { flex-direction: column; } .service-column { width: 100%; } .center-image { width: 100%; } .center-image img { max-height: 250px; } .services-section { padding: 40px 0; } .home-abt .disp-flex { display: flex; flex-direction: column; } .home-abt .col-left { width: 100%; } .home-abt .col-left img { max-height: 250px; width: 100%; object-fit: cover; } .home-abt .col-right { width: 100%; padding: 30px; } .home-abt-menu .disp-flex { flex-direction: column; } .home-abt-menu .col-left, .home-abt-menu .col-right { width: 100%; } .home-abt-menu .col-left img { max-height: 300px; width: 100%; object-fit: cover; object-position: 50% 16%; } .service-item { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 20px; justify-content: flex-end; width: 30%; } .service-column.right .service-item { display: flex; flex-direction: column; align-items: flex-start; } .service-column { gap: 30px; display: flex; flex-direction: row; flex-wrap: nowrap; } .center-image { display: none; } .cb h4 span { font-size: 16px; } .price-list h2.cat { font-size: 22px; } .services-section .container { width: 94%; } .service-item .icon { padding: 12px 16px; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; } .service-column.right { gap: 30px; display: flex; align-items: flex-start; margin-top: 40px; } .contact-page-top h2.main-heading { max-width: 94%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ .home-slider, .home-slider .slider-pro, .home-slider .sp-slides-container, .home-slider .sp-mask, .home-slider .sp-slides, .home-slider .sp-slide, .home-slider .sp-image-container { min-height: 550px !important; height: 550px !important; } .home-slider .sp-image { width: 100% !important; height: 100% !important; object-fit: cover; min-height: 650px; height: 650px; } .hero-title { font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){ .feature-section.flex { gap: 0; padding: 0; margin: 0; } .feature-content p { font-size: 12px; } .gal-img img { height: 150px; } .home-slider, .home-slider .slider-pro, .home-slider .sp-slides-container, .home-slider .sp-mask, .home-slider .sp-slides, .home-slider .sp-slide, .home-slider .sp-image-container { min-height: 500px; height: 500px; } .home-slider .sp-image { width: 100%; height: 100% !important; object-fit: cover; } } @media screen and (min-device-width: 1200px) and (max-device-width: 1400px) { .feature-section.flex { background: rgb(0 0 0 / 64%); padding: 20px 20px; margin: 0 auto; } } @media only screen and (max-width: 767px) { .mobile-menu-list li { margin: 10px 0; } .mobile-menu-list li a { font-size: 17px; } .feature-box { padding-bottom: 0; } .service-column.right { gap: 10px; } .feature-icon { margin-bottom: 0;} .feature-content p { font-size: 14px;} .service-grid { flex-wrap: wrap; gap:2rem; } .service-column, .center-image { width: 100%; } .disp-flex { flex-direction: column; } .col-left, .col-right { width: 100%; } .service-item { align-items: flex-start; flex-direction: column; } .home-slider img { min-height: 400px; object-fit: cover; } .feature-section.flex { flex-direction: column; margin: auto; } .feature-box:not(:last-child) { border-right: none; } .feature-section.flex { gap: 0; } .service-column.left .service-item ,.service-column.right .service-item{ display: flex; flex-direction: column-reverse; align-items:center; } .service-column.left h3,.service-column.left p ,.service-column.right p,.service-column.right h3{ text-align: center; } .home-abt .col-right { padding: 20px 0px; } .home-abt { padding: 30px; } .galimg { grid-template-columns: repeat(2, 1fr); } .serv { width: 100%; } #site-footer .container { flex-direction: column; } .footer-sec-three { width: 100%; } .fooeter-copyright .center { display: flex; flex-direction: column; } .contact-page2 .col-right .ib { width: 100%; } .contact-form-default .column.one-second { width: 100%; } .footer-sec-three.second, .footer-sec-three.third { width: 100%; } .service-column { flex-direction: column; } .service-item { width: 100%; } .breadcrumb-links { display: none; } } @media screen and (max-device-width: 767px) and (orientation: portrait) { .home-slider, .home-slider .slider-pro, .home-slider .sp-slides-container, .home-slider .sp-mask, .home-slider .sp-slides, .home-slider .sp-slide, .home-slider .sp-image-container { min-height: 550px !important; height: 550px !important; } .home-slider .sp-image { width: 100% !important; height: 100% !important; object-fit: cover; min-height: 650px; height: 650px; } .mobile-menu-toggle { height: 24px; } .mobile-menu-toggle span { width: 83%;height: 2px; } .mobile-menu-toggle span:nth-child(2) { top: 11px; } .gal-img img { height: 100px; } .services.disp-flex { display: flex; } }