/* Theme Name: Zandvoort ferienwohnungen Theme URI: Description: A 2024 framework for WordPress. Author: Internetbureau Jun-E-Jay Version: 1.0 Tags: General comments (optional). */ /* Table of Content ================================================== #Font-Face #Site Styles #Media Queries */ /* #Font-Face ================================================== */ @import url('fonts/poppins/stylesheet.css'); /* #Site Styles ================================================== */ :root { --width-base: 1436px; --font-size-base: 16px; --font-family-base: 'Poppins', sans-serif; --font-family-icon: 'icomoon'; --line-height-base: 1.5; --color-white: #fff; --color-black: #000; --color-primary: #ede5d3; --color-secondary: #e87a07; --color-gray: #ebebeb; --color-red: #541a30; --color-brown: #d0c9b9; --color-blue: #457fbb; --color-light: #e8e8e2; --color-light-10: #f9f6f0; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --heading-lineheight: 1.1; --font-size-h1: 36px; --font-size-h2: 20px; --font-size-h3: 16px; --font-size-h4: 15px; --font-size-h5: 14px; --input-height: 48px; --border-radius: 5px; --textarea-height: 96px; --w-full: 100%; --h-full: 100%; --base-duration: all 0.3s; --box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } /* ### general ### */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } html, body { font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-light); line-height: var(--line-height-base); color: var(--color-black); } body { background: var(--color-white); } input, select, textarea { padding: 10px 15px; width: var(--w-full); height: var(--input-height); font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); color: rgba(0, 0, 0, 0.6); border: 1px solid var(--color-gray); border-radius: var(--border-radius); } textarea { height: var(--textarea-height); } input::placeholder, textarea::placeholder { color: rgba(0, 0, 0, 0.6); } input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--color-gray); border-radius: var(--border-radius); -webkit-appearance: none; } input[type='checkbox']:checked:after { display: block; width: 12px; height: 12px; font-family: var(--font-family-icon); border-radius: var(--border-radius); background-color: var(--color-secondary); content: ''; } img { display: block; max-width: var(--w-full); border: 0; } ul, li { list-style: none; } :focus { outline: none; } a { display: inline-block; text-decoration: none; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5 { margin-bottom: 20px; font-weight: var(--font-weight-semibold); line-height: var(--heading-lineheight); } .h1, h1 { font-size: var(--font-size-h1); } .h2, h2 { font-size: var(--font-size-h2); } .h3, h3 { font-size: var(--font-size-h3); } .h4, h4 { font-size: var(--font-size-h4); } .h5, h5 { font-size: var(--font-size-h5); } fieldset{ border:none; } .slick-track{ display: flex; } .slick-slide{ height: auto; } .slick-slide>div{ height: 100%; display: flex; } .slick-slide>div>div.review-slide{ height: 100%; } /* ### global classes ### */ .clear { visibility: hidden; clear: both; height: 0; line-height: 0; } .centered { padding-right: 15px; padding-left: 15px; } .button { padding: 7px 30px; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); text-align: center; color: var(--color-white); border-color: var(--color-secondary); border-style: solid; border-width: 1px; border-radius: var(--border-radius); background-color: var(--color-secondary); transition: var(--base-duration); cursor: pointer; } .button:hover { border-color: var(--color-red); background-color: var(--color-red); } .button.primary { color: var(--color-black); border-color: var(--color-primary); background-color: var(--color-primary); } .button.primary:hover { border-color: var(--color-brown); background-color: var(--color-brown); } .button.secondary { color: var(--color-secondary); border-color: var(--color-white); background-color: var(--color-white); } .button.secondary:hover { color: var(--color-white); border-color: var(--color-white); background-color: transparent; } .button.outline { color: var(--color-secondary); background-color: transparent; } .button.outline:hover { color: var(--color-white); border-color: var(--color-secondary); background-color: var(--color-secondary); } .button.white-outline { color: var(--color-white); border-color: var(--color-white); background-color: transparent; } .button.white-outline:hover { color: var(--color-secondary); border-color: var(--color-white); background-color: var(--color-white); } .link { font-weight: var(--font-weight-light); text-decoration: underline; color: var(--color-secondary); } .link:hover { text-decoration: none; } #junejay_footer{ font-size: 10px; color:#555555; text-align: center; width: 100%; padding: 6px; font-family: inherit; border-top: 1px solid rgba(112, 112, 112, 0.2); } #junejay_footer a{ color:#555555; transition: all 0.3s; } #junejay_footer a:hover{ color: var(--color-secondary); } .grayedout{ opacity: 0.5; pointer-events: none; } .wpml-ls-flag{width:24px!important; max-width:24px!important; min-width:24px!important; height:16px!important;} .sub-menu .wpml-ls-menu-item{ margin-top:5px!important;margin-bottom:5px!important; } #gform_submit_button_2{ font-size: 12px; } button.primary{bottom:0!important; right:0!important; left: auto!important;} /* ### wrapper ### */ #wrapper { padding-top: 110px; position: relative; display: block; width: 100%; min-height: 100%; overflow-x: clip; } /* ### main container ### */ #mainCntr { width: 100%; } /* ### top-bar ### */ .top-bar { padding-top: 10px; padding-bottom: 6px; display: flex; flex-wrap: wrap; justify-content: center; background-color: var(--color-primary); } .top-bar p { display: none; font-size: 14px; } .top-bar ul { display: flex; } .top-bar ul > li { margin-right: 25px; } .top-bar ul > li:last-child { margin-right: 0; } .top-bar ul > li > a { font-size: 14px; font-weight: var(--font-weight-medium); color: var(--color-black); transition: var(--base-duration); } .top-bar ul > li > a:hover { text-decoration: underline; } /* ### header ### */ header { position: fixed; top: 0; left: 0; z-index: 11; width: var(--w-full); transition: var(--base-duration); } header.sticky { transform: translateY(-40px); } header.sticky .m-menu__checkbox:checked ~ .m-menu { transform: translateY(40px); } .header { padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 9; background-color: var(--color-light-10); } .header-logo img { max-width: 180px; height: auto; } /* ### header menu ### */ .header-menu { display: none; } .header-menu ul > li { margin-right: 25px; padding-top: 29px; padding-bottom: 26px; position: relative; display: inline-block; transition: var(--base-duration); } .header-menu ul > li:last-child { margin-right: 0; } .header-menu ul > li.dropdown:after { margin-left: 3px; display: inline-block; font-family: var(--font-family-icon); font-size: 6px; vertical-align: middle; content: '\e900'; } .header-menu ul > li > a { font-size: 16px; font-weight: var(--font-weight-medium); color: var(--color-black); transition: var(--base-duration); white-space: nowrap;} .header-menu ul > li > a:hover { color: var(--color-secondary); } .header-menu ul > li > ul { padding: 16px 8px; position: absolute; top: 100%; left: 0; display: flex; flex-wrap: wrap; opacity: 0; visibility: hidden; height: auto; border-radius: 0 0 5px 5px; background-color: var(--color-light-10); transition: all 0.3s ease-in-out; pointer-events: none; box-shadow: var(--box-shadow); } .header-menu ul > li:hover ul { opacity: 1; visibility: visible; pointer-events: unset; } .header-menu ul > li > ul > li { margin-right: 0; padding: 0 8px; position: relative; display: block; } .header-menu ul > li > ul > li:after { display: none; } .header-menu ul > li > ul > li > ul { top: 0; left: 100% !important; display: none; transform: translateX(0); } .header-menu ul > li > ul > li:hover > ul { display: block; } .header-menu .button { padding: 9px 20px 8px; min-width: 220px; font-size: 14px; } .header_btn{ padding-left: 10px; padding-right: 10px; display: none; } /* ### mobile menu ### */ .mobile-menu { display: block; } .mobile-menu .hamburger { position: absolute; top: 50%; right: 15px; display: flex; align-items: center; color: #1a202c; transform: translateY(-50%); transition: all 0.3s ease-in-out; cursor: pointer; } .m-menu__checkbox { display: none !important; } .m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; } .m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-light-10); -moz-transform: translate3d(768px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(768px, 0, 0); -webkit-transform: translate3d(768px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; } .m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); } .m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-black); } .m-menu .header { border-bottom: 1px solid var(--color-black); } .m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--color-white); } .m-menu .m-menu { transform: translate3d(768px, 0, 0); } .m-menu ul { height: 100%; overflow-y: auto; } .m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; height:48px; } .m-menu ul li ul { display: block !important; } .m-menu ul li a { padding: 0 15px !important; color: var(--color-black); border-bottom: 1px solid var(--color-black); white-space: nowrap; height:48px; } .m-menu ul li a:hover { text-decoration: none !important; } .m-menu ul li a { padding: 0 15px; position: relative; display:flex; align-items:center; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--color-black); cursor: pointer; } nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--color-black); cursor: pointer; } nav .m-menu ul li label { border-bottom: 0; } .m-menu .btn-last { padding: 15px 10px; } .m-menu .button { padding: 7px 20px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--color-white); border-bottom: 1px solid var(--color-secondary); } .m-menu .button:hover { border-bottom: 2px solid var(--color-red); } .m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); } .m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; } .m-menu ul li .-invisible { border-bottom: 0; } .m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; } .m-menu__checkbox:checked ~ .m-menu__overlay { display: block; } .m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } /* ### content container ### */ #contentCntr { width: 100%; } /* ### banner ### */ .banner { padding-top: 120px; padding-bottom: 120px; position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: center; } .banner-content { margin: 0 auto; position: relative; z-index: 1;} .banner-content h1 { margin-bottom: 22px; font-size: 22px; color: var(--color-white); text-shadow: 0 3px 6px rgba(0, 0, 0, 1); } .banner-form { padding: 17px 20px 15px; border-radius: var(--border-radius); } .banner-select { position: relative; } .banner-select i { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } .banner-form-field { margin-bottom: 15px; } .banner-form-field:last-child label { display: none; } .banner-form-field label { display: block; font-weight: var(--font-weight-semibold); text-align: left; } .banner-form-field .custom-select { padding-left: 48px; background: var(--color-white) url('images/dropdown-arrow.png') no-repeat center right 10px; -webkit-appearance: none; } .banner-form-field .button { padding: 11px 10px 10px; width: 100%; } .banner-form-field .button i { margin-right: 4px; display: inline-flex; vertical-align: middle; } .banner-form-field .button img { display: inline-block; } .banner-form-field input { padding-left: 48px; } .banner-quantity { position: relative; } .banner-quantity input { padding: 10px 30px; text-align: center; } .banner-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); } .banner-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } .banner .breadcrumbs { position: absolute; bottom: 10px; left: 15px; z-index: 1; } .qty-btn { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 26px; height: 48px; font-family: var(--font-family-base); font-size: var(--font-size-base); color: rgba(0, 0, 0, 0.6); border: 0; background-color: transparent; cursor: pointer; } .qty-btn.qty-btn-minus { left: 0; } .qty-btn.qty-btn-plus { right: 0; } .daterangepicker .drp-buttons .btn { padding: 5px 20px; font-family: var(--font-family-base); font-size: 12px; font-weight: var(--font-weight-medium); text-align: center; color: var(--color-white); border-color: var(--color-secondary); border-style: solid; border-width: 1px; border-radius: var(--border-radius); background-color: var(--color-secondary); transition: var(--base-duration); cursor: pointer; } .daterangepicker .drp-buttons .btn:hover { border-color: var(--color-red); } .daterangepicker .drp-buttons .cancelBtn, .daterangepicker .drp-buttons .applyBtn { position: relative; overflow: hidden; } .daterangepicker .drp-buttons .cancelBtn:before, .daterangepicker .drp-buttons .applyBtn:before { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: var(--w-full); height: var(--h-full); color: var(--color-white); background-color: var(--color-secondary); transition: var(--base-duration); content: 'Annuleren'; } .daterangepicker .drp-buttons .applyBtn:before { content: 'Toepassen'; } .daterangepicker .drp-buttons .cancelBtn:hover:before, .daterangepicker .drp-buttons .applyBtn:hover:before { border-color: var(--color-red); background-color: var(--color-red); } /* ### breadcrumbs ### */ .breadcrumbs { display: flex; flex-wrap: wrap; font-size: 12px; font-weight: var(--font-weight-medium); color: var(--color-white); text-shadow: 0 3px 6px rgba(0, 0, 0, 1); font-size: 12px;} .breadcrumbs a { text-decoration: underline; color: var(--color-white); transition: var(--base-duration); color: var(--color-white); font-size: 12px;} .breadcrumbs a:hover { color: var(--color-secondary); } /* ### usp ### */ .usp-wrap { padding-top: 15px; padding-bottom: 15px; position: relative; z-index: -1; border-bottom: 1px solid var(--color-primary); } .usp-slide { font-size: 14px; text-align: center; } .usp-slide span { padding-left: 32px; position: relative; display: inline-block; } .usp-slide span:before { position: absolute; top: 50%; left: 0; font-family: var(--font-family-icon); font-size: 20px; transform: translateY(-50%); content: '\e907'; } /* ### popular ### */ .popular { margin-bottom: 57px; padding-top: 57px; } .popular h2 { margin-bottom: 25px; } .popular-column { margin-bottom: 16px; } .popular-column:last-child { margin-bottom: 0; } .popular-load-more { padding-top: 31px; text-align: center; } .popular-load-more .button { width: 100%; } /* ### card-popular ### */ .card-popular { border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; height: 100%; } .card-popular-image { position: relative; } .card-popular-slide img { width: 100%; object-fit:cover; height: 295px; } .card-popular-wifi { position: absolute; right: 10px; bottom: 10px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--border-radius); background-color: var(--color-white); } .card-popular-text { padding: 25px; } .card-popular-text h3 { margin-bottom: 2px; } .card-popular-text p { margin-bottom: 25px; font-size: 14px; } .card-popular-text ul { margin-bottom: 29px; display: flex; flex-wrap: wrap; justify-content: space-between; } .card-popular-text ul > li { padding-right: 5px; padding-left: 25px; position: relative; width: 50%; font-size: 12px; } .card-popular-text ul > li i { position: absolute; top: 50%; left: 0; font-size: 15px; transform: translateY(-50%); } .card-popular-text ul > li:last-child { padding-right: 0; } .card-popular-text .button { min-width: 120px; } .card-popular-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .card-popular-price { font-size: 14px; } .card-popular-price strong { font-weight: var(--font-weight-semibold); } /* ### finding-box ### */ .finding-box { padding: 30px 25px; position: relative; border-radius: var(--border-radius); overflow: hidden; } .finding-left { margin-bottom: 30px; position: relative; z-index: 1; } .finding-right { position: relative; z-index: 1; line-height: 1.9; } .finding-title { margin-bottom: 23px; font-size: 20px; font-weight: var(--font-weight-semibold); line-height: 1.3; } .finding-left .button { color: var(--color-black); border-color: var(--color-light-10); background-color: var(--color-light-10); } .finding-left .button:hover { color: var(--color-black); border-color: var(--color-light-10); } .finding-bg { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); } .finding-bg:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); background-color: rgba(237, 229, 211, 0.95); content: ''; } .finding-bg img { width: var(--w-full); height: var(--h-full); object-fit: cover; } /* ### review ### */ .review { padding-top: 55px; } .review h2 { margin-bottom: 26px; } .review-slide { padding: 0 8px; } .review .slick-list { margin: 0 -8px; padding-right: 50px; } .review-wrap { padding-bottom: 61px; border-bottom: 1px solid var(--color-primary); } .review-btn { padding-top: 30px; text-align: center; } .review-btn .button { width: var(--w-full); } /* ### card-review ### */ .card-review { padding: 21px 18px 15px; display: block; width: var(--w-full); color: var(--color-black); border: 1px solid var(--color-gray); border-radius: var(--border-radius); height: 100%; } .card-review-name { margin-bottom: 8px; padding-right: 50px; position: relative; font-size: 12px; line-height: 1.3; } .card-review-name strong { display: block; font-weight: var(--font-weight-semibold); } .card-review-name span { display: block; } .card-review-name i { position: absolute; top: -2px; right: 0; font-size: 20px; color: var(--color-secondary); } .card-review-image { position: absolute; top: -2px; left: 2px; } .card-review-text ul { margin-bottom: 8px; display: flex; } .card-review-text ul > li { margin-right: 1px; color: var(--color-secondary); } .card-review-text ul > li:last-child { margin-right: 0; } .card-review-text p { margin-bottom: 2px; line-height: 1.6; } .card-review-text span { display: inline-block; text-decoration: underline; } .card-review:hover .card-review-text span { text-decoration: none; } /* ### theme ### */ .theme { margin-bottom: 60px; padding-top: 56px; } .theme h2 { margin-bottom: 26px; } .theme-column { margin-bottom: 16px; } .theme-column:last-child { margin-bottom: 0; } .theme-btn { padding-top: 30px; text-align: center; } .theme-btn .button { width: var(--w-full); } /* ### card-theme ### */ .card-theme { position: relative; display: block; width: var(--w-full); border-radius: var(--border-radius); overflow: hidden; } .card-theme-image img { width: var(--w-full); transition: var(--base-duration); object-fit:cover; } .card-theme-btn { padding: 15px 15px 30px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .card-theme-btn span { display: inline-flex; align-items: center; justify-content: center; min-width: 226px; height: 48px; font-weight: var(--font-weight-semibold); color: var(--color-black); border-radius: var(--border-radius); background-color: var(--color-white); } .card-theme:hover .card-theme-image img { transform: scale(1.05); } /* ### register ### */ .register { margin-top: 60px; margin-bottom: 60px; } .register-box { padding: 30px 20px 0; border: 1px solid var(--color-gray); border-radius: var(--border-radius); } .register-left { margin-bottom: 30px; } .register-left h2 { margin-bottom: 19px; } .register-left p { margin-bottom: 15px; line-height: 1.6; } .register-right img { margin: 0 auto; object-fit:contain; } .register-form { border-radius: var(--border-radius); background-color: var(--color-white); } .register-field { margin-bottom: 16px; } .register-field:last-child { margin-bottom: 0; } .register-field .button { padding: 11px 10px 10px; width: 100%; } .register-book { margin-bottom: -40px; pointer-events: none; } /* ### should ### */ .should { padding-top: 56px; } .should h2 { margin-bottom: 26px; } .should-wrap { padding-bottom: 44px; border-bottom: 1px solid var(--color-primary); } .should-column { margin-bottom: 16px; } /* ### card-should ### */ .card-should { padding: 25px 20px 23px 50px; position: relative; line-height: 1.6; border: 1px solid var(--color-primary); border-radius: var(--border-radius); background-color: var(--color-light-10); } .card-should i { position: absolute; top: 22px; left: 16px; font-size: 22px; color: var(--color-secondary); } .card-should h3 { margin-bottom: 8px; } /* ### blog ### */ .blog { margin-bottom: 60px; padding-top: 57px; } .blog h2 { margin-bottom: 25px; } .blog-column { margin-bottom: 16px; } .blog-column:last-child { margin-bottom: 0; } .blog-btn { padding-top: 30px; text-align: center; } .blog-btn .button { width: var(--w-full); } /* ### card-blog ### */ .card-blog { display: block; width: 100%; color: var(--color-black); border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; height: 100%; } .card-blog-image { position: relative; overflow: hidden; } .card-blog-image img { width: 100%; height:300px; object-fit:cover; transition: var(--base-duration); } .card-blog-image ul { position: absolute; top: 10px; right: 10px; display: flex; } .card-blog-image ul > li { margin-right: 10px; padding: 3px 10px; font-size: 12px; font-weight: var(--font-weight-semibold); color: var(--color-black); border-radius: var(--border-radius); background-color: var(--color-white); } .card-blog-image ul > li:last-child { margin-right: 0; } .card-blog-text { padding: 25px; } .card-blog-text p { margin-bottom: 29px; line-height: 1.6; } .card-blog:hover .card-blog-image img { transform: scale(1.05); } .card-blog:hover .link { text-decoration: none; } /* ### story ### */ .story { margin-bottom: 60px; padding-top: 50px; padding-bottom: 60px; position: relative; } .story-box { padding: 30px 25px; position: relative; z-index: 1; max-width: 589px; line-height: 1.6; border-radius: var(--border-radius); background-color: var(--color-white); } .story-box h2 { margin-bottom: 23px; } .story-box p { margin-bottom: 27px; } .story-bg { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); } .story-bg img { width: var(--w-full); height: var(--h-full); object-fit: cover; } /* ### tabs ### */ .tabs { margin-bottom: 20px; padding-top: 50px; } .tabs-holder { position: relative; } .tabs-left { margin-bottom: 40px; } .tabs-nav { padding-top: 18px; padding-bottom: 17px; display: none; border-bottom: 1px solid var(--color-primary); background-color: var(--color-white); } .tabs-nav > li.active a, .tabs-nav > li:hover a { text-decoration: underline; } .tabs-nav > li > a { font-weight: var(--font-weight-medium); color: var(--color-black); } .tabs-nav > li > a.active{ color: var(--color-secondary); text-decoration: underline; } .tabs-mobile { border: 1px solid var(--color-light); border-radius: var(--border-radius); background-color: var(--color-white); } .tabs-mobile .short-dropdown { padding: 15px; position: relative; display: block; font-weight: var(--font-weight-medium); color: var(--color-black); } .tabs-mobile .short-dropdown:after { position: absolute; top: 50%; right: 15px; font-family: var(--font-family-icon); font-size: 7px; transform: translateY(-50%); content: '\e900'; } .tabs-links { padding: 0 15px 15px; display: none; } .tabs-links > li { margin-bottom: 10px; } .tabs-links > li:last-child { margin-bottom: 0; } .tabs-links > li > a { font-weight: var(--font-weight-medium); color: var(--color-black); transition: var(--base-duration); } .tabs-links > li > a.active, .tabs-links > li > a:hover { text-decoration: underline; } .is-fixed.active { padding: 15px; position: fixed; top: 70px; left: 0; z-index: 5; width: var(--w-full); background-color: var(--color-white); } /* ### intro ### */ .about { margin-bottom: 20px; padding-top: 26px; line-height: 1.9; } .about h2 { margin-top: 18px;margin-bottom: 8px; } /* ### card-homes ### */ .card-homes { margin-bottom: 30px; border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; } .card-homes-image img { width: var(--w-full); height:auto; } .card-homes-text { padding: 27px 30px; line-height: 1.9; } .card-homes-text h2 { margin-bottom: 20px; } .card-homes-text p { margin-bottom: 20px; } .contentBox{padding-top: 40px; padding-bottom: 40px;} .knop_holder{ display: flex; justify-content: center; padding-top: 20px; padding-bottom: 20px; } /* ### gallery ### */ .gallery { } .gallery-column { margin-bottom: 20px; } /* ### card-gallery ### */ .card-gallery { display: block; width: var(--w-full); border-radius: var(--border-radius); overflow: hidden; } .card-gallery img { width: var(--w-full); height: auto; } /* ### faq ### */ .faq { padding-top: 10px; } .faq-holder { margin-bottom: 30px; } .faq-holder:last-child { margin-bottom: 0; } .faq-heading { margin-bottom: 15px; font-size: 16px; font-weight: var(--font-weight-semibold); line-height: var(--heading-lineheight); } .faq-item { margin-bottom: 10px; border: 1px solid var(--color-gray); border-radius: 5px; } .faq-title { padding: 12px 30px 12px 20px; position: relative; font-weight: var(--font-weight-semibold); cursor: pointer; } .faq-title:after { position: absolute; top: 50%; right: 10px; font-weight: var(--font-weight-semibold); transform: translateY(-50%); transition: var(--base-duration); content: '+'; } .faq-content { padding: 2px 20px 13px; line-height: 1.9; } .faq-content p { margin-bottom: 30px; } .faq-item.active .faq-title:after { content: '-'; } /* ### card-info ### */ .card-info { border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; } .card-info-image img { width: var(--w-full); } .card-info-text { padding: 27px 30px 29px; } .card-info-text ul { margin-bottom: 25px; } .card-info-text ul > li { margin-bottom: 6px; padding-left: 25px; position: relative; } .card-info-text ul > li i { position: absolute; top: 8px; left: 0; } .card-info-text ul > li > a { text-decoration: underline; color: var(--color-black); transition: var(--base-duration); } .card-info-text ul > li > a:hover { color: var(--color-secondary); } .card-info-text .button { padding: 7px 15px; width: 100%; } /* ### help ### */ .help { text-align: center; } .help-box { padding-top: 40px; padding-right: 25px; padding-bottom: 40px; padding-left: 25px; position: relative; color: var(--color-white); border-radius: var(--border-radius); overflow: hidden; } .help-text { margin: 0 auto; position: relative; z-index: 1; max-width: 812px; text-align: left; } .help-text h2 { margin-bottom: 17px; } .help-text p { margin-bottom: 20px; line-height: 1.9; } .help-text ul > li { margin-bottom: 15px; } .help-text ul > li:last-child { margin-bottom: 0; } .help-text .button { width: 100%; } .help-bg { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); } .help-bg:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); background-color: rgba(232, 122, 7, 0.95); content: ''; } .help-bg img { width: var(--w-full); height: var(--h-full); object-fit: cover; } /* ### intro ### */ .intro { padding-top: 54px; padding-bottom: 10px; line-height: 1.9; } .intro h2 { margin-bottom: 18px; } .intro p { margin-bottom: 30px; } .intro h3 { margin-bottom: 7px; font-size: 18px; } .intro h4 { margin-bottom: 5px; } .intro.inner { padding-bottom: 0; } /* ### seo ### */ .seo { padding-top: 60px; padding-bottom: 40px; background-color: var(--color-light-10); } .seo-holder { display: block; } /* ### card-seo ### */ .card-seo { margin-bottom: 20px; padding: 40px 30px 50px; line-height: 1.7; border: 1px solid var(--color-gray); border-radius: var(--border-radius); background-color: var(--color-white); } .card-seo p { margin-bottom: 25px; } .card-seo-image { margin-bottom: 25px; border: 1px solid var(--color-gray); border-radius: var(--border-radius); } .card-seo-image img { width: var(--w-full); height: var(--h-full); border-radius: var(--border-radius); } /* ### property ### */ .property { padding-top: 60px; padding-bottom: 40px; } .property-holder { display: grid; grid-template-columns: auto; gap: 15px; } /* ### card-property ### */ .card-property { display: block; width: var(--w-full); color: var(--color-black); border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; } .card-property-image { position: relative; overflow: hidden; } .card-property-image img { width: var(--w-full); transition: var(--base-duration); } .card-property-text { padding: 27px 20px 29px; } .card-property-text ul { margin-bottom: 23px; } .card-property-text ul > li { margin-bottom: 6px; padding-left: 24px; position: relative; } .card-property-text ul > li img { position: absolute; top: 8px; left: 0; } .card-property .button { display: block; font-size: 14px; } .card-property:hover .button { border-color: var(--color-red); background-color: var(--color-red); } .card-property:hover img { transform: scale(1.05); } /* ### knowledge ### */ .knowledge { padding-top: 60px; padding-bottom: 40px; line-height: 1.8; } .knowledge-content { margin-bottom: 20px; width: var(--w-full); } .knowledge-content p { margin-bottom: 32px; } .knowledge-content span { margin-bottom: 1px; display: block; } .knowledge-image { display: flex; justify-content: center; } .knowledge-image img { border: 1px solid var(--color-red); border-radius: 150px; } /* ### textImage-holder ### */ .textImage{ padding-top: 40px; padding-bottom: 40px; } .textImage-holder { margin-bottom: 0; } .textImage-holder.inner { flex-direction: row-reverse; } .textImage-item { margin-bottom: 20px; padding: 0; width: var(--w-full); } /* ### card-content ### */ .card-content { padding: 30px 20px 20px; height: var(--h-full); line-height: 1.6; border: 1px solid var(--color-gray); border-radius: var(--border-radius); } .card-content p { margin-bottom: 25px; } .card-content p a{ color: var(--color-black); text-decoration: underline; } .card-content p a:hover{ text-decoration: none;} /* ### card-image ### */ .card-image { height: var(--h-full); border: 1px solid var(--color-gray); border-radius: var(--border-radius); } .card-image img { width: var(--w-full); height: var(--h-full); border-radius: var(--border-radius); object-fit: cover; } /* ### filter ### */ .filter-form { margin: 0 auto; padding: 17px 20px 5px; max-width: 926px; border: 1px solid var(--color-gray); border-radius: var(--border-radius); } .filter-select { position: relative; } .filter-form-field { margin-bottom: 15px; } .filter-form-field:last-child label { display: none; } .filter-form-field label { display: block; font-weight: var(--font-weight-semibold); text-align: left; } .filter-form-field .custom-select { background: var(--color-white) url('images/dropdown-arrow.png') no-repeat center right 10px; -webkit-appearance: none; } .filter-form-field .button { padding: 11px 10px 10px; width: 100%; } /* ### team ### */ .team { padding-top: 60px; padding-bottom: 40px; } .team-holder { display: grid; grid-template-columns: auto; gap: 20px; } .team h2 { margin-bottom: 25px; } /* ### card-team ### */ .card-team { display: block; width: var(--w-full); color: var(--color-black); border: 1px solid var(--color-gray); border-radius: var(--border-radius); overflow: hidden; } .card-team-image { position: relative; } .card-team-image img { width: var(--w-full); } .card-team-text { padding: 27px 20px 29px; } .card-team strong { display: block; } .card-team span { margin-bottom: 20px; display: block; } .card-team-text ul { display: flex; } .card-team-text ul > li { margin-right: 22px; } /* ### Social ### */ .social { margin-bottom: 30px; } .social-holder { padding: 20px 0 15px; display: flex; flex-direction: column; align-items: center; border-top: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary); } .social-holder ul { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .social p { margin-bottom: 20px; font-weight: var(--font-weight-semibold); } /* ### Contact ### */ .contact { padding-top: 30px; padding-bottom: 50px; } .contact-left { margin-bottom: 40px; } .contact-content { margin-bottom: 15px; padding: 40px 30px; border: 1px solid var(--color-gray); border-radius: 5px; } .contact p { margin-bottom: 30px; line-height: 1.6; } .contact-map { border-radius: 5px; overflow: hidden; } .contact-map iframe { width: 100%; object-fit: cover; min-height: 320px; border-radius: 5px } .contact-right { padding: 40px 20px 25px; border: 1px solid var(--color-gray); border-radius: 5px; } /* ### Card-Form ### */ .card-form p { margin-bottom: 18px; } .form-holder label { font-weight: var(--font-weight-semibold); } .card-form-block { margin-bottom: 15px; width: var(--w-full); } .card-form-textarea { margin: 22px 0 12px; } .card-form-checkbox { margin-bottom: 30px; display: flex; gap: 10px; align-items: center; width: var(--w-full); } .card-form-checkbox label { opacity: 0.6; font-size: 12px; font-weight: 400; } .card-form-checkbox label a { text-decoration: underline; color: inherit; } .card-form button { padding: 10px 30px; width: var(--w-full); } /* ### footer ### */ .footer { overflow: hidden; width: 100%; } .footer-information { padding-top: 30px; padding-bottom: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(1, 1, 3, 0.1); } .footer-holder { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); } .footer-gap, .footer-item { margin-bottom: 15px; width: 100%; border: 1px solid rgba(1, 1, 3, 0.6); border-radius: var(--border-radius); } .footer-item:last-child { margin-bottom: 0; } .footer-info { padding-left: 31px; } .footer-info > li { margin-bottom: 5px; font-size: 14px; color: rgba(1, 1, 3, 0.6); } .footer-info > li:last-child { margin-bottom: 0; } .footer-info > li > a { position: relative; color: var(--color-black); transition: var(--base-duration); } .footer-info > li > a:hover { color: var(--color-secondary); } .footer-info > li > a.tel { font-size: 20px; } .footer-info > li > a i { position: absolute; top: 4px; left: -30px; } .footer-title { padding: 10px; position: relative; font-weight: var(--font-weight-semibold); } .footer-title:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon); font-size: 6px; transform: translateY(-50%); content: '\e900'; } .footer-form { margin-bottom: 8px; } .footer-input { margin-bottom: 10px; } .footer-input input { padding: 10px; height: 40px; color: rgba(1, 1, 3, 0.8); border: 1px solid var(--color-blue); } .footer-input input::placeholder { color: rgba(1, 1, 3, 0.8); } .footer-submit .button { padding: 9px 20px 8px; width: 100%; font-size: 14px; } .footer-check { padding-left: 26px; position: relative; display: inline-block; font-size: 12px; color: rgba(0, 0, 0, 0.6); } .footer-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid var(--color-blue); } .footer-check input[type='checkbox']:checked:after { background-color: var(--color-blue); } .footer-check span { display: inline-block; } .footer-check a { text-decoration: underline; color: rgba(0, 0, 0, 0.6); transition: var(--base-duration); } .footer-check a:hover { text-decoration: none; color: var(--color-black); } .footer-social-media { display: flex; align-items: center; } .footer-social-media > li { margin-right: 20px; } .footer-social-media > li:last-child { margin-right: 0; } .footer-social-media > li a { position: relative; } .footer-social-media > li a img.on-hover { position: absolute; top: 0; opacity: 0; visibility: hidden; transition: var(--base-duration); } .footer-social-media > li a:hover img.on-hover { opacity: 1; visibility: visible; } .footer-column ul > li { margin-bottom: 6px; } .footer-column ul > li:last-child { margin-bottom: 0; } .footer-column ul > li > a { font-weight: var(--font-weight-light); color: var(--color-black); transition: var(--base-duration); } .footer-column ul > li > a:hover { color: var(--color-secondary); } .hidden-menu { padding: 0 10px 10px; display: none; } #gform_fields_1{ display: flex; position: relative; padding-bottom: 30px; justify-content: space-between; } #gform_wrapper_1 .gform_required_legend{ display: none; } #gform_wrapper_1 .gfield_label{ display: none; } #field_1_1{ position: absolute; left:0; bottom: 0; z-index: 10; } #field_1_1 .ginput_container_consent{ display: flex; font-size: 12px; align-items: center; } #field_1_1 #input_1_1_1{ margin-right: 6px; } #field_1_1 a{ color: var(--color-black); } #field_1_1 a:hover{ color: var(--color-secondary); } #field_1_4{ flex-grow: 2; margin-right: 12px;} #input_1_4{ padding: 10px; height: 40px;color: rgba(1, 1, 3, 0.8);border: 1px solid var(--color-blue);} #gform_submit_button_1 { color: var(--color-black); border-color: var(--color-primary); background-color: var(--color-primary); padding: 9px 20px 8px; font-size: 14px;height: 40px;} #gform_submit_button_1:hover { background-color: var(--color-brown) } #gform_wrapper_1 .gfield_validation_message{ display: none; } #field_1_4.gfield_error #input_1_4{ border:1px solid #ff0000; } #field_1_1.gfield_error{ color: #ff0000; } #field_1_1.gfield_error #input_1_1_1{ border:1px solid #ff0000; } #gform_1_validation_container .gform_submission_error{ color: #ff0000; font-size: 16px; } #gform_fields_2{ display: flex; flex-direction: column; position: relative; padding-bottom: 30px; justify-content: space-between; } #gform_wrapper_2 .gform_required_legend{ display: none; } #gform_wrapper_2 .gfield_label{ display: none; } #field_2_4{ flex-grow: 2; margin-right: 0px; margin-bottom: 10px;} #field_2_5{ flex-grow: 2; margin-right: 0px; margin-bottom: 10px;} #gform_wrapper_2 .gfield_validation_message{ display: none; } #field_2_4.gfield_error #input_2_4{ border:1px solid #ff0000; } #field_2_5.gfield_error #input_2_5{ border:1px solid #ff0000; } #gform_2_validation_container .gform_submission_error{ color: #ff0000; font-size: 16px; } #gform_fields_3{ display: flex; flex-wrap: wrap; position: relative; padding-bottom: 30px; justify-content: space-between; } #field_3_1{ width: 100%; padding-bottom: 12px; } #field_3_3{ width: 100%; padding-bottom: 12px; } #field_3_4{ width: 100%; padding-bottom: 12px; } #field_3_5{ width: 100%; padding-bottom: 12px; } #field_3_6{ width: 100%; padding-bottom: 12px; } #field_3_7{ width: 100%; padding-bottom: 12px; } #field_3_7>.ginput_container_consent{ display: flex; align-items: center; justify-content: flex-start;} #field_3_7>.ginput_container_consent>label{ font-weight: 400; font-size: 12px; } #input_3_7_1{ margin-right: 8px; } #field_3_7>legend{ display: none; } #gform_fields_3 #field_submit{ display: flex; justify-content: flex-end; width: 100%; } #gform_submit_button_3{ width: 100%; } #gform_fields_3 label{ font-weight: 600; padding-bottom: 4px; } #gform_fields_3 label a{ color: var(--color-black); } #gform_wrapper_3 .gform_required_legend{ display: none; } #gform_wrapper_3 .gfield_validation_message{ display: none; } #field_3_1.gfield_error #input_3_1{ border:1px solid #ff0000; } #field_3_3.gfield_error #input_3_3{ border:1px solid #ff0000; } #field_3_7.gfield_error #input_3_7_1{ border:1px solid #ff0000; } #field_3_7.gfield_error>.ginput_container_consent>label{ color: #ff0000; } #gform_3_validation_container .gform_submission_error{ color: #ff0000; font-size: 16px;} /* ### copyright ### */ .copyright { padding-top: 8px; padding-bottom: 8px; } .copyright-item { margin-bottom: 10px; } .copyright-item:last-child { margin-bottom: 0; } .copyright-nav { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .copyright-nav > li { font-size: 14px; font-weight: var(--font-weight-light); } .copyright-nav > li:after { margin: 0 13px; display: inline-block; width: 1px; height: 12px; vertical-align: middle; background-color: var(--color-black); content: ''; } .copyright-nav > li:last-child:after { display: none; } .copyright-nav > li > a { color: var(--color-black); transition: var(--base-duration); } .copyright-nav > li > a:hover { color: var(--color-secondary); } .copyright-logo { display: flex; align-items: center; justify-content: center; } .copyright-logo > li { margin-right: 6px; } .copyright-logo > li:last-child { margin-right: 0; } .copyright-partners { display: flex; align-items: center; justify-content: center; } .copyright-partners > li { margin-right: 6px; font-size: 14px; font-weight: 300; } .copyright-partners > li:last-child { margin-right: 0; } /* ### bottom-btn ### */ .bottom-btn { padding-top: 15px; padding-bottom: 15px; position: fixed; bottom: 0; z-index: 5; width: var(--w-full); background-color: var(--color-white); box-shadow: 10px 3px 6px 3px rgba(0, 0, 0, 0.16); } .bottom-btn .button { width: var(--w-full); } /* ### slick arrows ### */ .slick-arrow { position: absolute; top: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 10px; color: rgba(0, 0, 0, 0.6); border: 0; border-radius: var(--border-radius); background-color: var(--color-white); transform: translateY(-50%); cursor: pointer; } .slick-arrow.slick-next { right: 10px; } .slick-arrow.slick-prev { left: 10px; } .slick-arrow.slick-prev i { display: block; transform: rotate(180deg); } .iframeBox{ width: 100%; overflow: hidden; } .iframeBox iframe{ width: 100%; border: none; overflow: hidden; } /* #Media Queries ================================================== */ @media only screen and (min-width: 768px) { .top-bar { justify-content: space-between; } .top-bar p { display: block; } .header-logo img { max-width: 180px; } .banner { padding-top: 100px; padding-bottom: 100px; } .banner-content h1 { font-size: var(--font-size-h1); } .banner-form-wrap { margin: 0 -8px; display: flex; flex-wrap: wrap; } .banner-form-field { padding: 0 8px; width: 50%; } .banner-form-field:last-child label { display: block; } .popular-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .popular-column { padding: 0 8px; width: 50%; } .popular-load-more .button { width: auto; } .finding-box { display: flex; flex-wrap: wrap; } .finding-left { margin-bottom: 0; width: 50%; } .finding-right { padding-left: 30px; width: 50%; } .finding-title { font-size: 28px; } .blog-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .blog-column { margin-bottom: 16px; padding: 0 8px; width: 50%; } .blog-btn .button { width: auto; min-width: 260px; } .review-btn .button { width: auto; min-width: 260px; } .theme-btn .button { width: auto; min-width: 260px; } .theme-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .theme-column { margin-bottom: 0; padding: 0 8px; width: 33.33%; } .card-theme-btn span { min-width: 180px; } .register-box { padding: 30px 30px 0; } .register-form { margin: 0 -8px; padding: 20px; display: flex; flex-wrap: wrap; } .register-field { margin-bottom: 0; padding: 0 8px; width: 33.33%; } .register-left p { margin-bottom: 23px; } .register-right { position: relative; } .should-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .should-column { padding: 0 8px; width: 50%; } .tabs { margin-bottom: 60px; padding-top: 0; } .tabs-nav { position: sticky; top: 79px; z-index: 5; display: flex; flex-wrap: wrap; justify-content: space-between; } .tab-content:first-child { display: block; } .tab-content { display: block; } .tabs-right { max-width: 347px; } .is-fixed { display: none; } .faq-holder { margin-bottom: 20px; display: flex; flex-wrap: wrap; } .faq-heading { margin-bottom: 0; padding-top: 13px; padding-right: 6px; width: 33%; font-size: 20px; } .faq-text { padding-left: 9px; width: 67%; } .gallery-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .gallery-column { padding: 0 8px; width: var(--w-full); } .gallery-column.w-25 { width: 25%; } .gallery-column.w-30 { width: 33.33%; } .gallery-column.w-50 { width: 50%; } #gform_fields_2{flex-direction: row;} #field_2_4{ flex-grow: 2; margin-right: 16px; margin-bottom: 0px;} #field_2_5{ flex-grow: 2; margin-right: 16px; margin-bottom: 0px;} .gallery-column.w-25 img{ aspect-ratio: 16 / 9; object-fit:cover; } .gallery-column.w-30 img{ aspect-ratio: 16 / 9; object-fit:cover; } .gallery-column.w-50 img{ aspect-ratio: 16 / 9; object-fit:cover; } .card-homes { display: flex; flex-wrap: wrap; } .card-homes.row-reserve { flex-direction: row-reverse; } .card-homes-image { width: 40%; } .card-homes-image img { height: var(--h-full); object-fit: cover; } .card-homes-text { width: 60%; } .property-holder { display: grid; grid-template-columns: 50% 50%; } .knowledge-holder { display: flex; gap: 15px; } .knowledge-content { width: 70%; } .knowledge-image { display: block; width: 30%; } .filter-form { padding: 17px 10px 2px; display: flex; flex-wrap: wrap; } .filter-form-field { padding: 0 8px; width: 50%; } .filter-form-field.w-20 { width: var(--w-full); } .team-holder { grid-template-columns: auto auto; } .story-box { padding: 54px 60px; } .help-text { text-align: center; } .help-box { padding-top: 88px; padding-bottom: 84px; } .help-text ul { display: flex; justify-content: center; } .help-text ul > li { margin-right: 16px; margin-bottom: 0; } .help-text ul > li:last-child { margin-right: 0; } .help-text .button { width: auto; min-width: 260px; } .card-form-group { display: flex; justify-content: space-between; } .card-form-checkbox { margin-bottom: 0; width: auto; } .card-form-block { width: 49%; } .card-form button { max-width: 160px; } .footer-social-media { padding-top: 5px; } #field_3_1{ width: 49%; padding-bottom: 12px; } #field_3_3{ width: 49%; padding-bottom: 12px; } #field_3_4{ width: 49%; padding-bottom: 12px; } #field_3_5{ width: 49%; padding-bottom: 12px; } #field_3_6{ width: 100%; padding-bottom: 12px; } #field_3_7{ width: 100%; padding-bottom: 12px; } #gform_submit_button_3{ width: 240px; } .card-review-name { font-size: 14px; } #gform_submit_button_2{ font-size: 16px; } } @media only screen and (min-width: 992px) { .top-bar ul > li { margin-right: 38px; } .banner { padding-bottom: 20px; height: 480px; } .banner-form-field { width: 30%; } .banner-form-field.w-20 { width: 20%; } .usp-slider { display: flex; flex-wrap: wrap; justify-content: space-between; } .usp-wrap { padding-top: 30px; padding-bottom: 30px; } .usp-slide { opacity: 1 !important; text-align: unset; } .usp-slide span:before { top: 46%; left: 0; font-size: 22px; } .popular-column { margin-bottom: 0; width: 33.33%; } .card-popular-text ul > li { width: auto; } .finding-box { padding: 40px 40px 30px; } .finding-right { padding-left: 80px; } .blog-column { width: 33.33%; } .card-blog-text { padding: 28px 29px; } .card-theme-btn span { min-width: 226px; } .should-column { width: 33.33%; } .card-homes-image { width: 33%; } .card-homes-text { width: 67%; } .seo-holder { display: flex; gap: 16px; } .card-seo { padding: 55px 60px 55px; border: 1px solid var(--color-gray); background-color: var(--color-white); width: 49%; } .property-holder { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; } .knowledge-content { width: 80%; } .knowledge-image { width: 20%; } .filter-form-field { width: 40%; } .filter-form-field.w-20 { width: 20%; } .filter-form-field:last-child label { display: block; } .textImage-holder { margin: 0 -8px 40px; display: flex; } .textImage-item { margin-bottom: 20px; padding: 0 8px; width: 50%; } .card-content { padding: 40px 40px 35px; } .social-holder { display: flex; flex-direction: row; justify-content: space-between; } .social p { margin-bottom: 0; } .contact-content { padding: 55px 30px; } .contact-right { padding: 55px 20px 25px; } .footer-information { padding-top: 54px; padding-bottom: 52px; } .footer-item { margin-bottom: 0; width: 31%; border: 0; border-radius: 0; } .footer-item.w-50 { padding-left: 4px; width: 44%; } .footer-item.w-30 { padding-left: 40px; width: 25%; } .footer-title { margin-bottom: 10px; padding: 0; } .footer-title:after { display: none; } .footer-form { padding-right: 200px; position: relative; } .footer-input { margin-bottom: 0; } .footer-submit { position: absolute; top: 0; right: 0; } .footer-submit .button { width: auto; min-width: 180px; } .hidden-menu { padding: 0; display: block !important; height: auto !important; } .footer-holder { margin: 0 -10px; padding-top: 55px; padding-bottom: 52px; display: flex; flex-wrap: wrap; } .footer-column { margin-bottom: 0; padding: 0 10px; width: 25%; } .footer-gap { margin-bottom: 30px; border: 0; border-radius: 0; } .footer-gap:last-child { margin-bottom: 0; } .footer-gap .footer-title { font-weight: var(--font-weight-bold); } } @media only screen and (min-width: 1200px) { .header { padding-top: 0; padding-bottom: 0; display: flex; align-items: center; justify-content: space-between; } .header-logo { } .header-menu { padding-left: 7px; display: flex; align-items: center; justify-content: center; } .header-menu ul { } .header-menu ul > li { margin-right: 16px; } .mobile-menu { display: none; } .usp-wrap { padding-right: 75px; padding-left: 75px; } .card-popular-text { padding: 28px 29px; } .finding-box { padding: 53px 60px 45px; } .finding-right { padding-left: 150px; } .register-box { padding: 40px 30px; display: flex; flex-wrap: wrap; } .register-left { margin-bottom: 0; width: 60%; } .register-right { width: 40%; } .register-book { margin-bottom: 0; position: absolute; top: -88px; right: auto; left: 138px; } .card-should { padding: 31px 20px 23px 60px; height:100%; } .card-should i { top: 28px; left: 28px; } .tabs-holder { display: flex; flex-wrap: wrap; } .tabs-left { margin-bottom: 0; padding-right: 4px; width: 75%; } .tabs-right { padding-left: 11px; width: 25%; max-width: 100%; } .tabs-right .card-info { position: sticky; top: 78px; left: 0; } .tabs-nav { padding-right: 103px; } .team-holder { grid-template-columns: auto auto auto auto; } .property-holder { display: grid; grid-template-columns: 25% 25% 25% 25%; } .knowledge-content { width: 83%; } .knowledge-image { width: 16%; } .card-content { padding: 56px 60px 35px; } .contact { padding-bottom: 60px; } .contact-holder { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-left { margin-bottom: 0; display: flex; flex-direction: column; width: 49.5%; } .contact-right { width: 49.5%; } .footer-item { width: 25%; } .footer-item.w-50 { width: 44%; } .footer-item.w-30 { padding-left: 99px; width: 31%; } .footer-form { padding-right: 276px; } .footer-submit .button { min-width: 260px; } .copyright-item { display: flex; align-items: center; justify-content: center; } .copyright-nav { margin-bottom: 0; } .copyright-logo { padding-left: 21px; } .bottom-btn { display: none; } .header_btn{ display: block; } } @media only screen and (min-width: 1466px) { .centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); } .header-logo { width: 17%; } .header-menu { width: 66%; } .header_btn { width: 17%; } .header-menu ul { padding-right: 102px; } .header-menu ul > li { margin-right: 38px; } .register-box { padding: 55px 59px 58px; } .banner .breadcrumbs { margin-left: -717px; left: 50%; } .card-property-text { padding: 27px 30px 29px; } .card-property-text .button { font-size: 16px; } .contact-content { padding: 55px 60px; } .contact-right { padding: 55px 60px 37px; } .copyright { display: flex; align-items: center; justify-content: space-between; } .copyright-item { margin-bottom: 0; } }