/* Theme Name: Kenway Real Estate Theme URI: https://kenway.com Description: Default template of Kenway Real Estate Author: 360-Marketing Author URI: https://360-marketing.hu Version: 1.0 */ *{ margin: 0; border: 0; padding: 0; outline: none; flex-wrap: wrap; text-decoration: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-dark: #202020; --color-gray: #999999; --color-silver: #f6f6f6; --color-silver-line: #dddddd; --color-gold: #d3a75f; --color-gold-a20: rgba(211 167 95 / 20%); --color-red: #e30613; --color-red-a20: #ffe9ea; --color-green: #00b377; --color-green-a20: #f5fffc; } body { margin: auto; font-family: 'Play', sans-serif; font-size: 18px; font-weight: 400; color: var(--color-dark); line-height: 30px; overflow-x: hidden; } body.post-type-archive-jobs { background: var(--color-silver); } body.rwd_menu__opened { overflow-y: hidden !important; } textarea, input, select, button { font-family: 'Play', sans-serif; font-size: 18px; outline: none; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: none; } h1, h2, h3, h4 { font-weight: normal; line-height: 100%; } hr { margin: 30px 0; border-top: 5px solid #efefed; } hr.small { margin: 20px 0; border-top: 5px solid #efefed; } img.alignleft { margin: 0 20px 5px 0; float: left; } img.alignright { margin: 0 0 5px 20px; float: right; } img.aligncenter { margin: 0 auto 20px auto; display: block; } img.alignleft, img.alignright, img.aligncenter { padding: 4px; border: 1px solid var(--color-silver-line); } /* Classes */ .left { float: left; } .right { float: right; } .clear { clear: both; } .inner { max-width: 1280px; margin-left: auto; margin-right: auto; position: relative; } .inner_800 { max-width: 800px; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .uppercase { text-transform: uppercase; } .center { text-align: center; } .hide { display: none !important; } .red { color: #f1655c; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Animation */ .anim_slide_top { top: 50px; position: relative; opacity: 0; } .reveal .anim_slide_top { top: 0; opacity: 1; } /* Cols */ .row { font-size: 0; } .row .col { font-size: 18px; vertical-align: top; display: inline-block; } .row .col_50 { width: 50%; } .row .col_33 { width: 33.3333333333%; } .row .col_25 { width: 25%; } .row .col_20 { width: 20%; } .row.row_table { width: 100%; display: table; table-layout: fixed; } .row.row_table .col { display: table-cell; } /* Animation */ .anim, .pagination a, .post-edit-link, #header ul.menu li.menu-item-has-children ul, #rwd_menu ul.main_menu li a:before, #rwd_menu ul.main_menu li a:after { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Button */ .button { height: 50px; padding: 0 20px; font-size: 15px !important; font-weight: 500; text-decoration: none !important; text-transform: uppercase; text-align: center; color: #FFFFFF !important; line-height: 50px; background-color: var(--color-dark); display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .button:hover { background-color: #000; } .button.button_gold { background-color: var(--color-gold); } .button.button_gold:hover { background-color: var(--color-dark); } .button.button_red { background-color: var(--color-red); } .button.button_red:hover { background-color: var(--color-dark); } .button.button_add_favorite { color: #202020 !important; background-color: #FFFFFF; border: 2px solid var(--color-silver-line); display: flex !important; align-items: center; justify-content: center; } .button.button_add_favorite.added { background: #fef6f7; border-color: #d91828; } .button.button_add_favorite:hover { color: #202020 !important; background-color: #FFFFFF; border-color: var(--color-dark); } .button.button_add_favorite img { width: auto; height: 20px; margin-right: 10px; } .button.button_empty { color: #202020 !important; line-height: 48px; background-color: transparent; border: 1px solid var(--color-dark); } .button.button_empty:hover { color: #FFFFFF !important; background-color: var(--color-dark); } .button:disabled, .button:disabled:hover { color: var(--color-gray) !important; background-color: var(--color-silver-line); } .button.button_full { width: 100%; height: auto; padding: 15px 10px; line-height: 20px; display: block; } .button.button_small { height: auto; padding: 10px; line-height: 18px; } .button.button_xsmall { height: auto; padding: 6px 8px; line-height: 16px; } /* Checkbox and radio */ input[type=radio], input[type=checkbox] { width: 24px; height: 24px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: #FFFFFF; border: 1px solid var(--color-silver-line); clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 3px solid transparent; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } input[type=radio] { -webkit-border-radius: 50%; border-radius: 50%; } input[type=radio]:checked { border-color: var(--color-gold); outline-color: var(--color-gold-a20); } input[type=radio]:checked:before { width: 12px; height: 12px; left: 4px; top: 4px; text-align: center; background: var(--color-gold); position: relative; border-radius: 8px; display: block; content: ''; } input[type=checkbox]:checked { border-color: var(--color-gold); outline-color: var(--color-gold-a20); border-radius: 2px; } input[type=checkbox]:checked:before { width: 12px; height: 12px; left: 5px; top: 5px; text-align: center; background: var(--color-gold); position: relative; display: block; content: ''; } /* ----------------------- COOKIE LAW INFO ----------------------- */ #cookie-law-info-bar { width: calc(100% - 30px) !important; max-width: 400px !important; padding: 20px !important; text-align: left !important; font-size: 14px !important; } #cookie-law-info-bar span { display: block; } #cookie-law-info-bar .cli_action_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; margin-top: 10px; padding: 0 !important; font-size: 15px !important; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 40px !important; letter-spacing: 3px; display: block; } #cookie-law-info-bar .cli_action_button:hover { opacity: 0.9; } #cookie-law-info-bar .cli_settings_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 500; text-transform: uppercase; text-decoration: none !important; text-align: center; color: #292929 !important; line-height: 40px !important; letter-spacing: 3px; display: block; } /* --------------- FANCYBOX --------------- */ .fancybox-content { font-size: 17px; line-height: 25px; } .fancybox-content p { margin-bottom: 20px; } .fancybox-content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: var(--color-gold); line-height: 1; } .fancybox-content.exitpopup { max-width: 600px; padding: 30px; } .fancybox-content.exitpopup.has_image { padding: 0; } .fancybox-content.exitpopup.has_image .image { background-repeat: no-repeat; background-position: center; background-size: cover; } .fancybox-content.exitpopup.has_image .image:before { padding-top: 30%; display: block; content: ''; } .fancybox-content.exitpopup.has_image .content { padding: 30px; } /* Close */ .fancybox-content.exitpopup.has_image .fancybox-button.fancybox-close-small { color: #FFFFFF; background: var(--color-dark); opacity: 100%; } .fancybox-content.exitpopup.has_image .fancybox-button.fancybox-close-small:hover { background: var(--color-gold); } .fancybox-content.exitpopup.has_image .fancybox-button.fancybox-close-small svg { fill: white; } /* ---------------- DROWDOWN ---------------- */ .dropdown { position: relative; } .dropdown a { display: block; } .dropdown .dropdown_menu { left: 0; display: none; position: absolute; } .dropdown .dropdown_menu.active { display: block; } /* ------------------- NAVIGATION ------------------- */ #rwd_menu { width: 100%; left: 0; top: 80px; bottom: 0; font-size: 18px; color: #FFFFFF; background: var(--color-dark); position: fixed; z-index: 100; visibility: hidden; opacity: 0; overflow: auto; } #rwd_menu h4 { margin-bottom: 10px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--color-gold); letter-spacing: 3px; line-height: 1; } /* Main menu */ #rwd_menu ul.main_menu { margin-bottom: 20px; list-style: none; } #rwd_menu ul.main_menu li { border-bottom: 1px solid rgba(255 255 255 / 15%); position: relative; } #rwd_menu ul.main_menu li a { padding: 20px; font-size: 26px; color: #FFFFFF; line-height: 1; display: block; position: relative; } #rwd_menu ul.main_menu li.menu-item-has-children a:before { width: 0; height: 100%; left: 0; top: 0; background: var(--color-gold); position: absolute; content: ''; } #rwd_menu ul.main_menu li.menu-item-has-children a:after { width: 20px; height: 20px; right: 20px; top: 22px; background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: 100% auto; position: absolute; content: ''; } #rwd_menu ul.main_menu li.menu-item-has-children ul { margin-bottom: 0; background: #FFFFFF; display: none; } #rwd_menu ul.main_menu li.menu-item-has-children ul li { border-bottom-color: var(--color-silver-line); } #rwd_menu ul.main_menu li.menu-item-has-children ul li a { text-transform: none; color: var(--color-dark); } #rwd_menu ul.main_menu li.menu-item-has-children ul li a:before { display: none !important; } #rwd_menu ul.main_menu li.menu-item-has-children.open a:before { width: 8px; } #rwd_menu ul.main_menu li.menu-item-has-children.open a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Footer menu */ #rwd_menu ul.footer_menu { padding: 20px; list-style: none; } #rwd_menu ul.footer_menu li { margin-bottom: 5px; } #rwd_menu ul.footer_menu li a { padding: 3px 0; font-size: 20px; color: #FFFFFF; line-height: 1; display: block; } /* Setting panel */ #rwd_menu .settings_panel { margin-bottom: 20px; padding: 20px; } #rwd_menu .settings_panel_wrap { border: 1px solid rgba(255 255 255 / 15%); display: block; } #rwd_menu .settings_panel .setting_part { padding: 10px 20px; border-bottom: 1px solid rgba(255 255 255 / 10%); } #rwd_menu .settings_panel .setting_part h4 { margin-bottom: 10px; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; line-height: 1; } #rwd_menu .settings_panel .setting_part form { display: flex; } #rwd_menu .settings_panel .setting_part .input_container { width: 40px; height: 40px; margin-right: 4px; position: relative; cursor: pointer; } #rwd_menu .settings_panel .setting_part .input_container:last-child { margin-right: 0; } #rwd_menu .settings_panel .setting_part .input_container input { width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: 0; cursor: pointer; z-index: 2; } #rwd_menu .settings_panel .setting_part .input_container .input_title { width: 100%; height: 100%; left: 0; top: 0; font-size: 15px; text-align: center; color: #FFFFFF; line-height: 40px; position: absolute; z-index: 1; } #rwd_menu .settings_panel .setting_part .input_container:hover .input_title { background-color: rgba(255 255 255 / 10%); } #rwd_menu .settings_panel .setting_part .input_container input:checked + .input_title { background-color: rgba(255 255 255 / 20%); } #rwd_menu .settings_panel .setting_part ul.language-chooser { display: flex; list-style: none !important; } #rwd_menu .settings_panel .setting_part ul.language-chooser li { padding: 0; border-bottom: none; } #rwd_menu .settings_panel .setting_part ul.language-chooser li a { width: 40px; height: 40px; margin-right: 4px; font-size: 15px; text-align: center; text-transform: uppercase; color: #FFFFFF; line-height: 40px; display: block; } #rwd_menu .settings_panel .setting_part ul.language-chooser li a:hover { background-color: rgba(255 255 255 / 10%); } #rwd_menu .settings_panel .setting_part ul.language-chooser li.active a { background-color: rgba(255 255 255 / 20%); } /* RWD nav opened */ body.rwd_menu__opened #rwd_menu { visibility: visible; opacity: 1; } /* -------------- HEADER -------------- */ #header { width: 100%; height: 100px; left: 0; top: 0; padding: 0 50px; background: #FFFFFF; position: fixed; z-index: 99; -moz-box-shadow: 0 0 20px rgba(0 0 0 / 10%); -webkit-box-shadow: 0 0 20px rgba(0 0 0 / 10%); box-shadow: 0 0 20px rgba(0 0 0 / 10%); } #header .inner { max-width: none; height: 100%; } body.author #header, body.single-property #header, body.post-type-archive-property #header, body.page-template-author-properties #header, body.page-template-properties-for-sale #header, body.page-template-properties-for-rent #header { border-bottom: 1px solid var(--color-silver-line); } /* Logo */ #header .logo { height: 40px; display: inline-block; position: absolute; z-index: 2; } #header .logo img { width: auto; height: 100%; display: block; } /* Menu */ #header ul.menu { width: 100%; left: 0; font-size: 0; text-align: center; position: absolute; z-index: 1; } #header ul.menu li { margin: 0 15px; vertical-align: top; display: inline-block; position: relative; } #header ul.menu li a { font-size: 17px; font-weight: 500; text-transform: uppercase; color: var(--color-dark); letter-spacing: 3px; line-height: 30px; display: block; } #header ul.menu li.menu-item-has-children { padding-right: 15px; background: url(images/icon_arrow_down.svg) no-repeat right center; background-size: 10px auto; } #header ul.menu li.menu-item-has-children a { padding: 0 10px; } #header ul.menu li.menu-item-has-children ul { width: max-content; left: 5px; top: 100%; background: var(--color-dark); position: absolute; opacity: 0; visibility: hidden; } #header ul.menu li.menu-item-has-children ul li { margin: 0; border-bottom: 1px solid rgba(255 255 255 / 10%); display: block; } #header ul.menu li.menu-item-has-children ul li:last-child { border-bottom: none; } #header ul.menu li.menu-item-has-children ul li a { padding: 10px; font-size: 20px; font-weight: 400; text-align: left; text-transform: none; color: #FFFFFF; letter-spacing: 0; line-height: 20px; } #header ul.menu li.menu-item-has-children ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #header ul.menu li.menu-item-has-children:hover { } #header ul.menu li.menu-item-has-children:hover a { color: #FFFFFF; background: var(--color-dark); } #header ul.menu li.menu-item-has-children:hover ul { left: 0; opacity: 1; visibility: visible; } /* Profile */ #header .action_buttons { right: 0; font-size: 0; position: absolute; z-index: 2; } #header .action_buttons a.has_icon { width: 30px; height: 30px; margin-left: 10px; vertical-align: top; background-repeat: no-repeat; background-position: center; background-size: auto 100%; display: inline-block; } #header .action_buttons a.profile { background-image: url(images/icon_user.svg); } #header .action_buttons a.dashboard { background-image: url(images/icon_dashboard.svg); } #header .action_buttons a.favorites { background-image: url(images/icon_favorites.svg); } #header .action_buttons .dropdown { width: 30px; height: 30px; vertical-align: top; display: inline-block; } #header .action_buttons .dropdown a.settings { background-image: url(images/icon_settings.svg); } #header .action_buttons .dropdown .dropdown_menu { width: max-content; left: auto; top: calc(100% + 10px); right: 0; background: var(--color-dark); } #header .action_buttons .dropdown .dropdown_menu:before { width: 0; height: 0; right: 0; top: -6px; border-style: solid; border-width: 0 0 6px 6px; border-color: transparent transparent #202020 transparent; position: absolute; content: ''; } #header .action_buttons .dropdown .dropdown_menu li { padding: 10px 20px; border-bottom: 1px solid rgba(255 255 255 / 10%); } #header .action_buttons .dropdown .dropdown_menu li h4 { margin-bottom: 10px; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #FFFFFF; letter-spacing: 3px; line-height: 1; } #header .action_buttons .dropdown .dropdown_menu li form { display: flex; } #header .action_buttons .dropdown .dropdown_menu li .input_container { width: 40px; height: 30px; margin-right: 4px; position: relative; cursor: pointer; } #header .action_buttons .dropdown .dropdown_menu li .input_container:last-child { margin-right: 0; } #header .action_buttons .dropdown .dropdown_menu li .input_container input { width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: 0; cursor: pointer; z-index: 2; } #header .action_buttons .dropdown .dropdown_menu li .input_container .input_title { width: 100%; height: 100%; left: 0; top: 0; font-size: 15px; text-align: center; color: #FFFFFF; line-height: 30px; position: absolute; z-index: 1; } #header .action_buttons .dropdown .dropdown_menu li .input_container:hover .input_title { background-color: rgba(255 255 255 / 10%); } #header .action_buttons .dropdown .dropdown_menu li .input_container input:checked + .input_title { background-color: rgba(255 255 255 / 20%); } #header .action_buttons .dropdown .dropdown_menu li ul.language-chooser { display: flex; } #header .action_buttons .dropdown .dropdown_menu li ul.language-chooser li { padding: 0; border-bottom: none; } #header .action_buttons .dropdown .dropdown_menu li ul.language-chooser li a { width: 40px; height: 30px; margin-right: 4px; font-size: 15px; text-align: center; text-transform: uppercase; color: #FFFFFF; line-height: 30px; display: block; } #header .action_buttons .dropdown .dropdown_menu li ul.language-chooser li a:hover { background-color: rgba(255 255 255 / 10%); } #header .action_buttons .dropdown .dropdown_menu li ul.language-chooser li.active a { background-color: rgba(255 255 255 / 20%); } /* RWD button */ #header .rwd_button { width: 70px; height: 50px; right: 0; font-size: 20px; text-align: center; color: #3d3641; line-height: 50px; background: #FFFFFF; position: absolute; cursor: pointer; } #header .rwd_button .burg { width: 30px; height: 2px; left: 20px; top: 50%; background: var(--color-dark); display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before, #header .rwd_button .burg:after { width: 30px; height: 2px; background: var(--color-dark); position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before { top: -8px; left: 0; } #header .rwd_button .burg:after { top: 8px; right: 0; } body.rwd_menu__opened #header .rwd_button .burg { background: transparent; } body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); } body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); } /* Mini property info in Property page */ #header .mini_property_info { width: 100%; height: 100px; left: 0; top: 100%; padding: 0 50px; background: var(--color-silver); border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); display: none; position: absolute; } #header .mini_property_info .mini_property_info_wrap { height: 100%; display: flex; align-items: center; align-content: center; justify-content: space-between; } #header .mini_property_info .thumbnail__name { display: flex; align-items: center; } #header .mini_property_info .thumbnail__name .thumbnail { margin-right: 20px; } #header .mini_property_info .thumbnail__name .thumbnail img { width: auto; height: 80px; display: block; } #header .mini_property_info .thumbnail__name .name h4 { margin-bottom: 5px !important; font-size: 20px; font-weight: 700; color: #000; } #header .mini_property_info .thumbnail__name .name .price { margin-bottom: 10px; font-size: 16px; line-height: 100%; } #header .mini_property_info .thumbnail__name .name .metas { font-size: 13px; text-transform: uppercase; color: #777; line-height: 100%; display: flex; } #header .mini_property_info .thumbnail__name .name .metas div { margin-right: 20px; } /* No header shadow */ body.page-template-properties-for-sale #header, body.page-template-properties-for-rent #header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Scroll down hook */ body.scroll_down #header { height: 80px; } /* -------------- SLIDER -------------- */ #slider { background: var(--color-dark); position: relative; } #slider .slick-slider, #slider .slick-list, #slider .slick-track, #slider .slick-slide { height: 100%; } #slider .slick-slide { max-height: calc(100vh - 170px); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #slider .slick-slide:before { padding-top: 50%; display: block; content: ''; } #slider .slick-slide .cover { width: 100%; height: 60px; left: 0; bottom: 0; color: #FFFFFF; position: absolute; } #slider .slick-slide .the_property { left: 50px; bottom: 20px; font-size: 15px; color: #FFFFFF; line-height: 20px; position: absolute; } #slider .slick-slide .the_property a { color: #FFFFFF; } #slider .slick-slide .the_property a:hover { text-decoration: underline; } /* Dots */ #slider ul.slick-dots { right: 50px; bottom: 0; font-size: 0; position: absolute; } #slider ul.slick-dots li { margin-left: 20px; vertical-align: top; display: inline-block; } #slider ul.slick-dots li button { width: 40px; height: 8px; text-indent: -9999px; background: #FFFFFF; cursor: pointer; } #slider ul.slick-dots li.slick-active button { background: var(--color-gold); } /* Filter */ #slider .filter_wrap { width: 100%; height: 70px; left: 50%; bottom: 60px; text-align: center; position: absolute; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #slider .filter_wrap form { background: #FFFFFF; display: inline-flex; } /* ------------------------ CATEGORY CHOOSER ------------------------ */ #category_chooser .inner { padding-top: 70px; padding-bottom: 70px; border-bottom: 1px solid var(--color-dark); } #category_chooser .wrap { margin-left: -20px; margin-right: -20px; display: flex; } #category_chooser .category { width: calc(33.3333333333% - 40px); margin: 0 20px; } #category_chooser .category .thumbnail { margin-bottom: 20px; display: block; } #category_chooser .category .thumbnail img { width: 100%; height: auto; display: block; } #category_chooser .category .title { margin-bottom: 10px; font-size: 24px; color: var(--color-dark); } #category_chooser .category .read_more { padding: 16px 20px; font-size: 16px; font-weight: 500; color: var(--color-dark); letter-spacing: 3px; line-height: 1; border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); display: inline-block; } /* ----------------- COUNTRIES ----------------- */ #countries { padding: 70px 0; border-top: 1px solid var(--color-silver-line); } #countries .section-title { max-width: 600px; margin: 0 auto 50px; font-size: 50px; color: var(--color-dark); line-height: 1.2; } #countries .countries-wrapper { display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: 40px; } #countries .countries-wrapper .country { background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; flex: 1; display: block; position: relative; aspect-ratio: 1 / 1; } #countries .countries-wrapper .country .cover { inset: 0; padding: 0 25px 50px; background: rgba(0 0 0 / 50%); display: flex; align-items: end; align-content: end; position: absolute; } #countries .countries-wrapper .country .flag { width: auto; height: 20px; margin-bottom: 10px; display: block; } #countries .countries-wrapper .country .title { width: 100%; min-height: 50px; margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #FFFFFF; line-height: 100%; display: flex; } #countries .countries-wrapper .country .title .title_long { margin-left: 20px; padding-left: 50px; white-space: nowrap; opacity: 0; position: relative; } #countries .countries-wrapper .country .title .title_long:before { width: 30px; height: 1px; left: 0; top: 10px; background: #FFFFFF; position: absolute; content: ''; } #countries .countries-wrapper .country .explore { font-size: 16px; text-decoration: underline; color: #FFFFFF; line-height: 100%; } #countries .countries-wrapper .country:hover { flex: 1 1 40%; } #countries .countries-wrapper .country:hover .title .title_long { opacity: 1; } /*#countries .countries-wrapper .country:hover .title .title_long { animation: show-long-title 1s; animation-fill-mode: forwards; } */ @keyframes show-long-title { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 100%; } } @-webkit-keyframes show-long-title { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 100%; } } /* ---------------------- SPECIAL OFFERS ---------------------- */ #special_offers { padding: 70px 0; } #special_offers .section_title { max-width: 600px; margin: 0 auto 50px; font-size: 50px; color: var(--color-dark); line-height: 1.2; } .property_list { margin-left: -20px; margin-right: -20px; display: flex; } body.home .property_list { margin-bottom: 70px; } .property_list .property { width: calc(33.3333333333% - 40px); margin: 70px 20px 0; position: relative; } .property_list .property:nth-child(-n+3) { margin-top: 0; } .property_list .property .post-edit-link { width: 40px; height: 40px; left: 0; top: 0; text-indent: -9999px; background: #d3a75f url(images/icon_edit_white.svg) no-repeat center; background-size: auto 20px; position: absolute; overflow: hidden; } .property_list .property .post-edit-link:hover { background-color: var(--color-dark); } .property_list .property .thumbnail { margin-bottom: 20px; display: block; position: relative; overflow: hidden; } .property_list .property .thumbnail img { width: 100%; height: auto; display: block; position: relative; transform: scale(1) translateZ(0); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } .property_list .property .thumbnail:hover img { -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } .property_list .property .thumbnail .ribbon { top: 0; right: 0; padding: 0 2em; text-align: center; font-size: 15px; color: #FFFFFF; background: var(--color-gold); position: absolute; transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); transform-origin: bottom right; } .property_list .property h3 { min-height: 50px; margin-bottom: 0 !important; } .property_list .property h3 a { font-size: 18px !important; color: var(--color-dark); line-height: 20px; display: inline-block; } .property_list .property h3 a:hover { color: #000; } .property_list .property .area__place { margin-bottom: 10px; color: var(--color-dark); position: relative; } .property_list .property .area__place .area { font-size: 24px; line-height: 24px; } .property_list .property .area__place .place { right: 0; top: 0; font-size: 16px; line-height: 24px; position: absolute; } .property_list .property .data { margin-bottom: 10px; font-size: 15px; color: #808080; line-height: 26px; } .property_list .property .prices__ref { margin-bottom: 15px; position: relative; } .property_list .property .prices__ref .price { font-size: 26px; font-weight: 700; color: var(--color-dark); line-height: 26px; } .property_list .property .prices__ref .ref { right: 0; bottom: 0; font-size: 15px; font-weight: 500; color: #808080; letter-spacing: 3px; line-height: 18px; position: absolute; } .property_list .property .button { width: 100%; display: block; } /* ---------------- ABOUT US ---------------- */ #aboutus .wrap { background: var(--color-silver); display: flex; } #aboutus .wrap .wrap_left { width: 50%; padding-top: 70px; padding-right: 70px; padding-bottom: 70px; padding-left: calc((100% - 1200px) /2); } #aboutus .wrap .wrap_left .title { margin-bottom: 30px; font-size: 50px; color: var(--color-dark); line-height: 1; } #aboutus .wrap .wrap_left .entry { color: var(--color-dark); } #aboutus .wrap .wrap_left .entry p { margin-bottom: 20px; } #aboutus .wrap .wrap_left .entry p:last-child { margin-bottom: 0; } #aboutus .wrap .wrap_left .button { margin-top: 30px; } #aboutus .wrap .wrap_right { width: 50%; position: relative; } #aboutus .wrap .wrap_right .marble { height: 100%; left: 15%; top: 0; right: 0; background-image: url(images/bgr_marble.webp); background-image: -webkit-image-set(url(images/bgr_marble.webp) 1x); background-image: image-set(url(images/bgr_marble.jpg) 1x); background-position: right 0; background-repeat: repeat-x; position: absolute; z-index: 1; } #aboutus .wrap .wrap_right .image { left: 0; top: 70px; right: calc(100% - 600px); bottom: 0; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; z-index: 2; } /* ------------ NEWS ------------ */ #news { padding: 70px 0; } #news .section_title { max-width: 600px; margin: 0 auto 50px; font-size: 50px; color: var(--color-dark); line-height: 1.2; } body.home #news .news-wrapper { margin-bottom: 70px; } .news-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .news-wrapper article .thumbnail { display: block; } .news-wrapper article .thumbnail img { width: 100%; height: auto; display: block; } .news-wrapper article .entry { padding: 20px 20px 0; } .news-wrapper article .entry .datetime { margin-bottom: 15px; padding-bottom: 15px; font-size: 14px; font-weight: 500; color: #808080; line-height: 16px; border-bottom: 1px solid var(--color-silver-line); } .news-wrapper article .entry .post_title { margin-bottom: 10px; font-size: 30px; font-weight: 500; color: var(--color-dark); line-height: 1; } .news-wrapper article .entry .post_title a { color: var(--color-dark); } .news-wrapper article .entry .post_title a:hover { text-decoration: underline; text-decoration-thickness: 1px; color: #000; } .news-wrapper article .entry .excerpt { font-size: 16px; color: #000; line-height: 24px; } /* ---------------------- BEFORE CONTENT ---------------------- */ #before_content { margin-bottom: 30px; padding: 50px 0; color: #FFFFFF; background-color: var(--color-dark); } #before_content h1 { margin-bottom: 0 !important; font-size: 50px; line-height: 1; } #before_content a { text-decoration: underline; color: #FFFFFF; } #before_content a:hover { text-decoration: none; } /* --------------- CONTENT --------------- */ #container { padding-top: 100px; } #content { padding-bottom: 50px; } body.single-post #content { padding-bottom: 0; } body.single-property #content { padding-bottom: 0; } body.post-type-archive-property #content { padding-bottom: 0; } #content p { margin-bottom: 20px; } #content p.qtranxs-available-languages-message { display: none !important; } #content p a { text-decoration: underline; color: var(--color-dark); } #content p a:hover { text-decoration: none; color: #000; } #content p img, #content .wp-caption img { max-width: 100%; height: auto; } #content h1 { margin-bottom: 30px; font-size: 50px; color: var(--color-dark); line-height: 1; } #content h2 { margin-bottom: 30px; font-size: 40px; color: var(--color-dark); line-height: 1; } #content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: var(--color-gold); line-height: 1; } #content h4 { margin-bottom: 10px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--color-gold); letter-spacing: 3px; line-height: 1; } #content ul { margin-bottom: 20px; margin-left: 30px; } /* Table */ #content table { width: 100%; margin-bottom: 30px; border-collapse: collapse; border-spacing: 0; } #content table a { text-decoration: underline; color: var(--color-gold); } #content table a:hover { color: var(--color-dark); } #content table thead th { padding: 10px 0; font-size: 16px; font-weight: 500; text-align: left; color: var(--color-dark); line-height: 20px; border-bottom: 2px solid var(--color-silver-line); } #content table.saved_searches_table .item-saved { width: 80px; text-align: center; } #content table.saved_searches_table tbody td { padding: 10px 0; font-size: 16px; border-bottom: 1px solid var(--color-silver-line); } #content table.saved_searches_table tbody td.item-remove a.delete { width: 30px; height: 30px; font-size: 20px; text-align: center; text-decoration: none !important; color: #FFFFFF; background: var(--color-red); line-height: 30px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content table.saved_searches_table tbody td.item-remove a.delete:hover { background-color: var(--color-dark); } #content table.favorite_properties_table .item-saved { width: 180px; text-align: right; } #content table.favorite_properties_table tbody td { padding: 10px 0; font-size: 16px; border-bottom: 1px solid var(--color-silver-line); } /* Iframe wrapper */ #content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Team */ #content .team { margin-top: 30px; background: var(--color-silver); display: flex; } #content .team:first-child { margin-top: 0; } #content .team .avatar { width: 300px; padding: 50px; } #content .team .avatar img { width: 100%; height: auto; display: block; } #content .team .personal_info { width: calc(100% - 300px); padding: 50px 50px 50px 0; } #content .team .personal_info .phone { margin-bottom: 20px; } #content .team .personal_info .phone div { vertical-align: top; display: inline-block; } #content .team .personal_info .description { margin-bottom: 20px; padding-top: 20px; font-size: 15px; line-height: 24px; border-top: 1px solid var(--color-silver-line); } #content .teams { padding: 30px 0 70px 0; background: var(--color-silver); } #content .teams .teams_wrap { margin-left: -20px; margin-right: -20px; display: flex; justify-content: center; } #content .teams .teams_wrap .people { width: calc(33.3333333333% - 40px); top: 0; margin: 40px 20px 0; padding-bottom: 50px; background: #FFFFFF; position: relative; } #content .teams .teams_wrap .people:hover { top: -5px; -moz-box-shadow: 0 10px 20px rgba(0 0 0 / 10%); -webkit-box-shadow: 0 10px 20px rgba(0 0 0 / 10%); box-shadow: 0 10px 20px rgba(0 0 0 / 10%); } #content .teams .teams_wrap .people .avatar { max-height: 440px; position: relative; overflow: hidden; } #content .teams .teams_wrap .people .avatar:before { padding-top: 116%; display: block; content: ''; } #content .teams .teams_wrap .people .avatar img { max-width: 100%; height: auto; left: 0; top: 0; display: block; position: absolute; } #content .teams .teams_wrap .people .personal_info { padding: 20px; } #content .teams .teams_wrap .people .personal_info h3 { margin-bottom: 10px !important; } #content .teams .teams_wrap .people .personal_info .email a { text-decoration: underline; color: var(--color-dark); } #content .teams .teams_wrap .people .personal_info .email a:hover { color: #000; } #content .teams .teams_wrap .people .personal_info .phone { margin-top: 20px; padding-top: 20px; border-top: 3px solid var(--color-silver-line); } #content .teams .teams_wrap .people .personal_info .phone div { vertical-align: top; display: inline-block; } #content .teams .teams_wrap .people .sellers_properties { left: 20px; right: 20px; bottom: 20px; position: absolute; } #content .teams .linebreak { width: 100%; } /* --------------- CONTACT --------------- */ #contact { position: relative; z-index: 2; } #contact:before { width: 100%; height: calc(100% - 70px); left: 0; top: 0; background: var(--color-dark); position: absolute; content: ''; } #contact .contact_wrap { padding-top: 70px; display: flex; position: relative; } #contact .contact_wrap .wrap_left { width: 50%; padding: 50px 50px 50px 0; } #contact .contact_wrap .wrap_left h2 { color: #FFFFFF; } #contact .contact_wrap .wrap_left h4 { margin-bottom: 20px; color: #FFFFFF; } #contact .contact_wrap .wrap_left .phone a { font-size: 40px; font-weight: 500; color: var(--color-gold); } #contact .contact_wrap .wrap_left .phone a:hover { color: #FFFFFF; } #contact .contact_wrap .wrap_left .phone_info { margin-top: 10px; font-size: 16px; color: #FFFFFF; line-height: 20px; } #contact .contact_wrap .wrap_left .email { margin-top: 20px; font-size: 16px; color: #FFFFFF; line-height: 20px; } #contact .contact_wrap .wrap_left .email a { text-decoration: underline; color: #FFFFFF; } #contact .contact_wrap .wrap_left .email a:hover {text-decoration: none; } #contact .contact_wrap .wrap_left .address { margin-top: 20px; font-size: 16px; color: #FFFFFF; line-height: 20px; } #contact .contact_wrap .wrap_left .address_add_text { font-style: italic; color: #ccc; } #contact .contact_wrap .wrap_left .social_media { margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(255 255 255 / 15%); } #contact .contact_wrap .wrap_left .social_media a { width: 60px; height: 60px; margin-right: 10px; padding-top: 18px; text-align: center; vertical-align: top; background: rgba(255 255 255 / 10%); display: inline-block; } #contact .contact_wrap .wrap_left .social_media a:hover { background: var(--color-gold); } #contact .contact_wrap .wrap_left .social_media a svg { width: auto; height: 24px; } #contact .contact_wrap .wrap_right { width: 50%; padding: 50px; background: var(--color-silver); border-bottom: 5px solid var(--color-gold); } #contact .contact_wrap .wrap_right .cf_title { margin-bottom: 20px; font-size: 26px; color: var(--color-dark); line-height: 30px; } #content #kenway_map { height: 500px; margin-top: -70px; position: relative; z-index: 1; } /* -------------- CAREER -------------- */ .career_header { padding: 40px 0; background: var(--color-silver); } .career_header h1 { font-size: 50px; color: var(--color-dark); line-height: 1; } .career_header .text { margin-top: 30px; font-size: 19px; color: #808080; line-height: 30px; } .career_thumbnail { max-height: 550px; min-height: 250px; margin-bottom: 50px; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; } .career_thumbnail:before { padding-top: 30%; display: block; content: ''; } .career_wrap { margin-bottom: 50px; background: #FFFFFF; display: flex; } .career_wrap:last-of-type { margin-bottom: 0; } .career_wrap .career_entry { width: 50%; padding: 50px; border-bottom: 5px solid var(--color-gold); } .career_wrap .career_entry .title { margin-bottom: 20px; font-size: 40px; color: var(--color-dark); line-height: 1; display: inline-block; } .career_wrap .career_entry .title:hover { color: #000; } .career_wrap .career_entry .career_contact_us { margin-top: 20px; padding-top: 20px; padding-left: 70px; background: url(images/icon_phone.svg) no-repeat left 20px; background-size: 50px auto; border-top: 5px solid var(--color-silver-line); } .career_wrap .career_entry .career_contact_us a { font-size: 30px; font-weight: 500; color: var(--color-gold); line-height: 1; display: inline-block; } .career_wrap .career_entry .career_contact_us a:hover { color: var(--color-dark); } .career_wrap .career_entry .career_contact_us small { font-size: 16px; color: #808080; line-height: 20px; display: block; } .career_wrap .career_image { width: 50%; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; } /* -------------- FILTER -------------- */ form.form_filter { padding: 0 50px; background: #FFFFFF; border-bottom: 1px solid var(--color-silver-line); display: flex; position: relative; } form.form_filter.home { padding: 0; justify-content: center; } form.form_filter .item { flex: 0 0 auto; height: 70px; padding: 10px; background-repeat: no-repeat; background-position: 20px center; background-size: auto 20px; border-right: 1px solid var(--color-silver-line); display: flex; align-items: center; position: relative; } form.form_filter .item .suffix { left: 0; top: 10px; padding-left: 5px; font-size: 14px; color: #777; position: absolute; } form.form_filter .item.city { flex: 0 1 auto; min-width: 120px; max-width: 220px; padding-left: 0; } form.form_filter .item.agglomeration { flex: 0 1 auto; min-width: 120px; max-width: 220px; } form.form_filter .item.rooms { background-image: url(images/icon_bedroom.svg); } form.form_filter .item.rooms input { width: 80px; height: 100%; font-size: 16px; } form.form_filter .item.price { padding-right: 50px !important; display: flex; grid-column: span 2; } form.form_filter .item.price input { width: 100px; height: 100%; font-size: 16px; } form.form_filter .item.price input#min_price { margin-right: 10px; border-right: 1px solid var(--color-silver-line); } form.form_filter .item.price .currency { width: 50px; height: 40px; right: 0; font-size: 16px; text-align: center; line-height: 40px; display: inline-block; position: absolute; } form.form_filter .item.price .price_container { position: relative; } form.form_filter .item.submit { padding: 10px; } form.form_filter.home .item.submit { border-right: none; } form.form_filter .item.save_searches { font-size: 15px; color: var(--color-dark); } form.form_filter .item.filters { padding-left: 50px; background-image: url(images/icon_filters.svg); border-right: none; } form.form_filter .item.filters a { font-size: 15px; color: var(--color-dark); } form.form_filter .item.filters a:hover { text-decoration: underline; } form.form_filter_alt .item .options_wrap { display: flex; } form.form_filter_alt .item .options_wrap .option { width: 33.3333333333%; padding-right: 10px; } form.form_filter_alt .item .options_wrap .option label { font-size: 14px; letter-spacing: 0; display: inline-block; cursor: pointer; } /* ----------------------- PROPERTIES LIST ----------------------- */ .property_list_wrap { min-height: calc(100vh - 100px); display: flex; } .property_list_wrap .property_list { width: 50%; margin-left: 0 !important; margin-right: 0 !important; padding: 40px 20px; } .property_list_wrap .property_list .property { width: calc(50% - 40px); } .property_list_wrap .property_list .property:nth-child(3) { margin-top: 70px; } .property_list_wrap .property_list .property:nth-child(-n+2) { margin-top: 0; } .property_list_wrap .property_map { width: 50%; height: calc(100vh - 100px); background: var(--color-silver); position: relative; overflow: hidden; } .property_list_wrap .property_map.is_stuck { right: 0; } .property_list_wrap .property_map #mapdiv { width: 100%; height: 100%; position: relative; z-index: 10; } .property_list_wrap .property_map #open_mobile_map { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0 0 0 / 30%); display: none; position: absolute; z-index: 11; } .property_list_wrap .property_map #open_mobile_map a { width: fit-content; left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .property_list_wrap .property_map #close_mobile_map { width: 100%; height: 60px; left: 0; bottom: 0; background: var(--color-dark); display: none; position: absolute; z-index: 12; } .property_list_wrap .property_map #close_mobile_map a { height: 30px; left: 20px; top: 50%; padding-left: 30px; color: #FFFFFF; line-height: 30px; background: url(images/icon_arrow_left_white.svg) no-repeat left center; background-size: auto 20px; display: block; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Enlarge map */ .property_list_wrap .property_map.enlarge_map { height: calc(100vh - 80px); } /* --------------- RESULTS --------------- */ .results { height: 40px; padding: 0 50px; font-size: 0; color: var(--color-dark); line-height: 40px; background: var(--color-silver); border-bottom: 1px solid var(--color-silver-line); position: relative; } .results .count { font-size: 16px; float: left; } .results form { margin-left: 20px; float: right;} .results .nice-select { height: 100%; line-height: 40px; background-color: transparent; z-index: 20; } .nice-select .list { max-height: 300px; overflow-y: auto; } /* ------------------ PAGINATION ------------------ */ .pagination { width: 100%; margin-top: 50px; padding: 5px 0; text-align: center; border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); display: flex; position: relative; } .pagination span.pages { right: 0; top: 50%; font-size: 15px; text-transform: uppercase; color: #000; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pagination a, .pagination span.current { width: 50px; height: 50px; margin-right: 3px; font-size: 17px; text-align: center; color: var(--color-dark); line-height: 50px; vertical-align: top; background: var(--color-silver); display: inline-block; } .pagination a:hover { color: #FFFFFF; background: var(--color-dark); } .pagination span.current { color: #FFFFFF; background: var(--color-gold); } /* -------------------- THE PROPERTY -------------------- */ #the_property { padding: 30px 50px 50px; position: relative; z-index: 0; } #the_property:before { width: calc(((100% - 1280px) /2) + 350px); height: 100%; right: 0; top: 0; background: var(--color-silver); position: absolute; content: ''; z-index: -1; } #the_property h4 { color: var(--color-dark); } /* Main image */ #the_property .main_image { max-height: 700px; min-height: 300px; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #the_property .main_image:before { padding-top: 40%; display: block; position: relative; content: ''; } #the_property .main_image .photos_count { height: 50px; left: 20px; bottom: 20px; padding: 0 20px; font-size: 16px; color: #FFFFFF; letter-spacing: 3px; line-height: 50px; background: var(--color-gold); position: absolute; } #the_property .main_image .photos_count:hover { background-color: var(--color-dark); } #the_property .main_image .photos_count svg { width: auto; height: 20px; margin-bottom: 4px; margin-right: 5px; vertical-align: middle; display: inline-block; } /* Content */ #the_property .content_wrap { margin-top: 50px; display: flex; } #the_property .content_wrap .wrap_left { width: calc(100% - 350px); padding-right: 50px; } #the_property .content_wrap .wrap_left h1 { margin-bottom: 30px; font-size: 40px; color: var(--color-dark); line-height: 1; } #the_property .content_wrap .wrap_right { width: 350px; padding-left: 50px; } #the_property .content_wrap .wrap_right .base_data { margin-bottom: 30px; padding-left: 50px; font-size: 18px; color: #3c3d43; line-height: 20px; background-repeat: no-repeat; background-position: left center; background-size: auto 24px; } #the_property .content_wrap .wrap_right .base_data p.small { width: 100%; font-size: 15px; } #the_property .content_wrap .wrap_right .base_data.location { } #the_property .content_wrap .wrap_right .base_data.area { background-image: url(images/icon_area.svg); } #the_property .content_wrap .wrap_right .base_data.plot_size { background-image: url(images/icon_plot_size.svg); } #the_property .content_wrap .wrap_right .base_data label { font-size: 14px; font-weight: 500; color: var(--color-dark); letter-spacing: 3px; line-height: 20px; display: block; } #the_property .content_wrap .wrap_right .base_data.price { padding-left: 0; padding-top: 30px; font-size: 30px; color: var(--color-dark); line-height: 1; border-top: 5px solid var(--color-silver-line); } #the_property .content_wrap .wrap_right .base_data.action_button { padding-left: 0; } #the_property .content_wrap .wrap_right .base_data.share { padding-left: 0; } #the_property .content_wrap .wrap_right .base_data.share .share_buttons { display: flex; } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a { width: 50px; height: 50px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: auto 24px; display: inline-block; } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a.facebook { background-color: #005fbd; background-image: url(images/icon_facebook_white.svg); } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a.messenger { background-color: #448bff; background-image: url(images/icon_messenger_white.svg); } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a.whatsapp { background-color: #128c7e; background-image: url(images/icon_whatsapp_white.svg); } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a.viber { background-color: #784f99; background-image: url(images/icon_viber_white.svg); } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a.email { background-color: var(--color-dark); background-image: url(images/icon_mail_white.svg); } #the_property .content_wrap .wrap_right .base_data.share .share_buttons a:hover { background-color: #202020 !important; } /* Banner */ #the_property .content_wrap .wrap_right .kenway_banner { top: 120px; position: sticky; } #the_property .content_wrap .wrap_right .kenway_banner a { display: block; } #the_property .content_wrap .wrap_right .kenway_banner img { width: 100%; height: auto; display: block; } /* Property data */ #the_property .property_data_wrap { margin-bottom: 50px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); } #the_property .property_data_wrap .datas_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 30px; } #the_property .property_data_wrap .datas_wrap .data { padding: 10px 0; font-size: 16px; line-height: 20px; } #the_property .property_data_wrap .datas_wrap .data.has_check_icon { padding-left: 25px; background: url(images/icon_check.svg) no-repeat left center; background-size: 12px auto; } #the_property .property_data_wrap .datas_wrap .clear { width: 100%; display: block; } /* Videos */ #the_property .property_videos { margin-bottom: 50px; } #the_property .property_videos .property_videos_wrap { width: calc(100% - 400px); } /* Gallery */ #the_property .photogallery { margin-bottom: 50px; padding-left: calc((100% - 1280px) /2); position: relative; } #the_property .photogallery .slick-slide a { margin-right: 10px; display: block; } #the_property .photogallery .slick-slide a img { width: 100%; height: auto; display: block; } #the_property .photogallery .property_gallery_controls_wrap { width: 350px; right: calc((100% - 1280px) /2); padding-left: 50px; bottom: -100px; display: flex; position: absolute; z-index: 10; } #the_property .photogallery .property_gallery_controls_wrap .property_gallery_controls { font-size: 0; } #the_property .photogallery .property_gallery_controls_wrap .property_gallery_controls button { width: 60px; height: 60px; background: #d3a75f url(images/icon_arrow_left_white.svg) no-repeat center; background-size: auto 24px; cursor: pointer; } #the_property .photogallery .property_gallery_controls_wrap .property_gallery_controls button.next { margin-left: 10px; background-image: url(images/icon_arrow_right_white.svg); } #the_property .photogallery .property_gallery_controls_wrap .property_gallery_controls button:hover { background-color: var(--color-dark); } #the_property .photogallery .property_gallery_controls_wrap .count { width: calc(100% - 130px); padding-left: 20px; font-size: 16px; font-weight: 500; color: var(--color-dark); letter-spacing: 3px; line-height: 60px; display: block; } /* Contact form */ #the_property .contact_form { margin-bottom: 50px; } #the_property .contact_form_wrap { width: calc(100% - 400px); padding-top: 40px; border-top: 1px solid var(--color-silver-line); } #the_property .contact_form_wrap h2 { font-size: 30px; } /* Map */ #the_property .map { margin-bottom: 50px; } #the_property .map_wrap { width: calc(100% - 400px); padding-top: 40px; border-top: 1px solid var(--color-silver-line); } #the_property #property_map { height: 500px; } /* Referent */ #the_property .property_referent_wrap { width: calc(100% - 400px); background: var(--color-silver); display: flex; align-items: center; } #the_property .property_referent_wrap h3 { color: #202020 !important; } #the_property .property_referent_wrap .avatar { width: 300px; padding: 50px; } #the_property .property_referent_wrap .avatar img { width: 100%; height: auto; display: block; } #the_property .property_referent_wrap .personal_info { width: calc(100% - 300px); padding: 50px 50px 50px 0; } #the_property .property_referent_wrap .personal_info .email a { text-decoration: underline; color: var(--color-dark); } #the_property .property_referent_wrap .personal_info .phone div { vertical-align: top; display: inline-block; } #the_property .property_referent_wrap .personal_info .description { margin-top: 20px; padding-top: 20px; font-size: 15px; line-height: 24px; border-top: 1px solid var(--color-silver-line); } /* ------------ BLOG ------------ */ .blog_header { padding: 50px 0; background: var(--color-silver); } .blog_header .back { padding-left: 40px; font-size: 16px; font-weight: 500; color: var(--color-gold); letter-spacing: 3px; line-height: 20px; display: inline-block; position: relative; } .blog_header .back:hover { color: var(--color-dark); } .blog_header .back svg { width: 32px; height: auto; left: 0; top: -5px; display: block; position: absolute; } .blog_header .back:hover svg { left: -10px; } .blog_header .back:hover svg path { fill: var(--color-dark); } .blog_header .post_title { max-width: 800px; margin: 0 auto; font-size: 50px; color: var(--color-dark); line-height: 1.2; } .blog_header .excerpt { max-width: 800px; margin: 30px auto 0; font-size: 19px; color: #808080; } .blog_header .excerpt p:last-child { margin-bottom: 0 !important; } .blog_header .button { margin-top: 20px; } .blog_thumbnail { max-height: 550px; min-height: 250px; margin-bottom: 50px; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; } .blog_thumbnail:before { padding-top: 30%; display: block; content: ''; } .blog_main_content { } .blog_main_content p:first-child::first-letter { margin: 17px 10px 0 0; font-size: 58px; font-weight: 700; color: var(--color-dark); float: left; } .post_navigation { margin-top: 50px; text-align: center; border-top: 1px solid var(--color-silver-line); display: flex; } .post_navigation a { height: 20px; font-size: 16px; font-weight: 500; color: var(--color-dark); letter-spacing: 3px; line-height: 20px; display: inline-block; position: relative; } .post_navigation a:before { width: 32px; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: left center; background-size: 32px auto; position: absolute; content: ''; } .post_navigation .previous_post_link { width: 50%; padding: 20px; border-right: 1px solid var(--color-silver-line); } .post_navigation .previous_post_link a { padding-left: 40px; } .post_navigation .previous_post_link a:before { background-image: url(images/icon_arrow_left.svg); } .post_navigation .next_post_link { width: 50%; padding: 20px; } .post_navigation .next_post_link a { padding-right: 40px; } .post_navigation .next_post_link a:before { left: auto; right: 0; background-image: url(images/icon_arrow_right.svg); } /* -------------- FOOTER -------------- */ #footer { color: #ccc; background: var(--color-dark); } #footer h4 { margin-bottom: 20px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--color-gold); letter-spacing: 3px; line-height: 16px; } #footer ul { list-style: none; } #footer ul li { padding-left: 25px; position: relative; } #footer ul li:before { width: 4px; height: 4px; left: 0; top: 14px; background: var(--color-gold); position: absolute; content: ''; } #footer ul li a { font-size: 18px; color: #FFFFFF; line-height: 30px; display: inline-block; } #footer ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } /* Footer top */ #footer .footer_top { padding: 70px 0; color: var(--color-dark); background: var(--color-silver); } #footer .footer_top .footer_top_wrap { display: flex; } #footer .footer_top .box { width: 33.3333333333%; } #footer .footer_top .box.newsletter { padding-right: 40px; } #footer .footer_top .box .text_before_email { margin-bottom: 20px; font-size: 16px; line-height: 24px; } #footer .footer_top .box .address { margin-bottom: 20px; font-size: 16px; line-height: 24px; } #footer .footer_top .box .address_add_text { font-style: italic; color: var(--color-gray); } #footer .footer_top .box .email { font-size: 30px; font-weight: 500; } #footer .footer_top .box .email a { color: var(--color-dark); border-bottom: 1px solid var(--color-dark); } #footer .footer_top .box .email a:hover { border-bottom: none; } #footer .footer_top .box.social_media { font-size: 0; text-align: right; } #footer .footer_top .box.social_media a { width: 60px; height: 60px; margin-left: 10px; padding-top: 18px; text-align: center; vertical-align: top; background: var(--color-dark); display: inline-block; } #footer .footer_top .box.social_media a:hover { background: var(--color-gold); } #footer .footer_top .box.social_media a svg { width: auto; height: 24px; } /* Footer center */ #footer .footer_center { padding: 50px 0; } #footer .footer_center .footer_center_wrap { display: flex; } #footer .footer_center .box { width: 33.3333333333%; } #footer .footer_center .box.settings { text-align: right; } #footer .footer_center .settings_panel { border: 1px solid rgba(255 255 255 / 15%); display: inline-block; } #footer .footer_center .settings_panel select { width: 100%; padding: 10px; font-size: 16px; color: #FFFFFF; background: var(--color-dark); border-bottom: 1px solid rgba(255 255 255 / 15%); display: block; } #footer .footer_center .settings_panel select[name=area] { border-bottom: none; } /* Footer bottom */ #footer .footer_bottom { font-size: 15px; border-top: 1px solid rgba(255 255 255 / 15%); } #footer .footer_bottom .inner { padding-top: 20px; padding-bottom: 20px; } /* ---------------- MAILSTER ---------------- */ form.mailster-form .mailster-wrapper { margin: 0 0 10px; } form.mailster-form .mailster-wrapper a { text-decoration: underline; color: var(--color-dark); } form.mailster-form .mailster-form-fields { display: flex; justify-content: space-between; } form.mailster-form .mailster-wrapper { margin-bottom: 20px !important; } form.mailster-form .mailster-wrapper.mailster-lastname-wrapper { width: calc(50% - 10px); } form.mailster-form .mailster-wrapper.mailster-firstname-wrapper { width: calc(50% - 10px); } form.mailster-form .mailster-wrapper.mailster-email-wrapper { width: 100%; } form.mailster-form .mailster-wrapper.form-submit { width: 100%; } form.mailster-form .mailster-wrapper.form-submit .button:hover { color: #FFFFFF !important; background: var(--color-dark) !important; } form.mailster-form .mailster-wrapper input[type=text], form.mailster-form .mailster-wrapper input[type=email] { height: 40px; padding-left: 10px; font-size: 16px; background: #FFFFFF; border: 1px solid var(--color-silver-line); outline: 3px solid transparent !important; } form.mailster-form .mailster-wrapper input[type=text]:focus, form.mailster-form .mailster-wrapper input[type=email]:focus { border-color: var(--color-gold); outline-color: var(--color-gold-a20); border-radius: 2px; } form.mailster-form .mailster-wrapper.error input[type=text], form.mailster-form .mailster-wrapper.error input[type=email], form.mailster-form .mailster-wrapper.error input[type=checkbox] { border-color: var(--color-red) !important; outline-color: var(--color-red-a20) !important; border-radius: 2px; } form.mailster-form .mailster-wrapper.mailster-privacy-policy-wrapper label { padding-left: 35px; font-size: 14px; line-height: 18px; display: block; position: relative; } form.mailster-form .mailster-wrapper.mailster-privacy-policy-wrapper input[type=checkbox] { left: 0; position: absolute; } form.mailster-form .mailster-wrapper.mailster-submit-wrapper input { width: 100%; background: var(--color-gold); } form.mailster-form .mailster-wrapper.mailster-submit-wrapper input:hover { color: #202020 !important; background: #FFFFFF; } /* Error */ form.mailster-form .mailster-form-info { margin-bottom: 10px; font-size: 14px; line-height: 20px; } form.mailster-form .mailster-form-info ul { margin-left: 20px; list-style: disc !important; } form.mailster-form .mailster-form-info ul li { padding-left: 0 !important; list-style: disc !important; } form.mailster-form .mailster-form-info ul li:before { display: none; } form.mailster-form .mailster-form-info.error { background: var(--color-red); } form.mailster-form .mailster-form-info.success { background: #19916b !important; } /* If page is en */ body.en form.mailster-form .mailster-wrapper.mailster-lastname-wrapper { } body.en form.mailster-form .mailster-wrapper.mailster-firstname-wrapper { } /* Fancybox */ .fancybox-content form.mailster-form { margin-bottom: 0 !important; } .fancybox-content form.mailster-form .mailster-wrapper input[type=text], .fancybox-content form.mailster-form .mailster-wrapper input[type=email] { background: var(--color-silver); border: 1px solid var(--color-silver-line); } .fancybox-content form.mailster-form .mailster-wrapper.mailster-privacy-policy-wrapper label { color: var(--color-dark); } .fancybox-content form.mailster-form .mailster-wrapper.mailster-submit-wrapper input:hover { color: #FFFFFF !important; background: #202020 !important; } /* ---------------- MAILPOET ---------------- */ .mailpoet_form { padding: 0 !important; display: flex; justify-content: space-between; } .mailpoet_form .mailpoet_paragraph.lastname { width: calc(50% - 10px); } .mailpoet_form .mailpoet_paragraph.firstname { width: calc(50% - 10px); } .mailpoet_form .mailpoet_paragraph.email { width: 100%; } .mailpoet_form .mailpoet_paragraph.privacy_policy { width: 100%; } .mailpoet_form .mailpoet_paragraph.privacy_policy fieldset a { text-decoration: underline; color: var(--color-dark); } .mailpoet_form .mailpoet_paragraph.privacy_policy fieldset legend { display: none !important; } .mailpoet_form .mailpoet_paragraph.privacy_policy fieldset label { padding-left: 35px; font-size: 16px; position: relative; } .mailpoet_form .mailpoet_paragraph.privacy_policy fieldset label input[type=checkbox] { left: 0; top: 0; position: absolute; } .mailpoet_form .mailpoet_paragraph.submit { width: 100%; } .mailpoet_form .mailpoet_paragraph.submit input[type=submit] { height: 40px; color: #FFFFFF !important; background: var(--color-gold); cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mailpoet_form .mailpoet_paragraph.submit input[type=submit]:hover { background: var(--color-dark); } .mailpoet_form .mailpoet_paragraph { margin-bottom: 20px !important; } .mailpoet_form .mailpoet_paragraph input[type=text], .mailpoet_form .mailpoet_paragraph input[type=email] { width: 100%; height: 40px !important; padding-left: 10px !important; font-size: 16px !important; border: 1px solid var(--color-silver-line); outline: 3px solid transparent; } .mailpoet_form .mailpoet_paragraph input[type=text]:focus, .mailpoet_form .mailpoet_paragraph input[type=email]:focus { border: 1px solid var(--color-gold); outline-color: var(--color-gold-a20); border-radius: 2px; } .mailpoet_form .mailpoet_paragraph input[type=text].parsley-error, .mailpoet_form .mailpoet_paragraph input[type=email].parsley-error { background: #FFFFFF !important; border-color: var(--color-red) !important; outline-color: var(--color-red-a20) !important; } /* Error */ .mailpoet_form ul.parsley-errors-list { margin: 5px 0 0 !important; padding: 5px 10px; background: var(--color-red); list-style: none !important; } .mailpoet_form ul.parsley-errors-list li { padding: 0 !important; color: #FFFFFF !important; line-height: normal !important; } .mailpoet_form ul.parsley-errors-list li:before { display: none !important; } /* ------------------ COOKIE BAR ------------------ */ #cookie-law-info-bar { font-size: 14px; line-height: 20px; } #cookie-law-info-bar .cli_settings_button { font-weight: 700; text-decoration: underline; } /* ---------------- FANCYBOX ---------------- */ #dialog_login { width: 100%; max-width: 400px; padding: 30px; position: relative; } #dialog_login .preloader { width: 100%; height: 100%; left: 0; top: 0; background: rgba(255 255 255 / 90%) url(images/preloader_64.gif) no-repeat center; display: none; position: absolute; z-index: 10; } #dialog_login .message p { margin-bottom: 20px; padding: 10px; font-size: 15px; line-height: 20px; border: 1px solid transparent; position: relative; } #dialog_login .message p.error { color: var(--color-red); background: #fff5f5; border-color: var(--color-red); } #dialog_login .dialog_header { margin-bottom: 30px; } #dialog_login .dialog_header h4 { font-size: 26px; font-weight: 500; color: #000; letter-spacing: 3px; line-height: 1; } #dialog_login .dialog_footer { font-size: 16px; color: #202020 } #dialog_login .dialog_footer a { color: #202020 } #dialog_login .dialog_footer a:hover { text-decoration: underline; color: #000; } #dialog_login .dialog_footer .signup { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--color-silver-line); } #dialog_login .dialog_footer .signup a { text-decoration: underline; color: #000; } /* Error message */ .dialog_error { width: 100%; max-width: 400px; padding: 30px; border-top: 5px solid var(--color-red); } .dialog_error .icon { width: 60px; height: 60px; margin: 0 auto 30px; background: url(images/icon_close_red.svg) no-repeat center; background-size: auto 24px; -moz-box-shadow: 0 0 20px rgba(0 0 0 / 15%); -webkit-box-shadow: 0 0 20px rgba(0 0 0 / 15%); box-shadow: 0 0 20px rgba(0 0 0 / 15%); } .dialog_error .icon.save { background-image: url(images/icon_save_red.svg); } .dialog_error .text { margin-bottom: 30px; line-height: 25px; } .dialog_error .text strong { color: var(--color-dark); } .dialog_error a { text-decoration: underline; color: var(--color-dark); } .dialog_error a:hover { color: #000; } .dialog_error a.register { margin-top: 10px; display: inline-block; } .dialog_error p { margin-bottom: 20px; font-size: 17px; line-height: 24px; } .dialog_error .search_sucess_text { font-size: 16px; line-height: 24px; } .dialog_error .dialog_header { padding: 20px 30px; font-size: 20px; color: var(--color-dark); line-height: 1; border-bottom: 2px solid var(--color-silver-line); } .dialog_error .dialog_content { max-height: calc(100vh - 300px); background: var(--color-silver); overflow: auto; } .dialog_error .dialog_content .item { padding: 30px 50px; border-bottom: 1px solid var(--color-silver-line); } .dialog_error .dialog_content .item:last-child { border-bottom: none; } .dialog_error .dialog_content .item label { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: var(--color-dark); letter-spacing: 3px; line-height: 20px; display: block; } .dialog_error .dialog_content .item select, .dialog_error .dialog_content .item input[type=number] { width: 100%; padding: 10px; border: 1px solid var(--color-silver-line); } .dialog_error .dialog_content .item .nice-select { width: 100% !important; height: auto !important; padding: 10px 30px 10px 10px !important; line-height: normal !important; border: 1px solid var(--color-silver-line); float: none !important; } .dialog_error .dialog_content .item .price_wrap { display: flex; } .dialog_error .dialog_content .item .price_wrap .sep { width: 50px; text-align: center; } .dialog_error .dialog_content .item .price_wrap .price_container { width: calc(50% - 25px); position: relative; } .dialog_error .dialog_content .item .price_wrap .suffix { left: 0; top: 10px; padding-left: 20px; font-size: 14px; color: #777; position: absolute; } .dialog_error .dialog_content .item .price_wrap input { width: 100%; } .dialog_error .dialog_footer { padding: 10px; border-top: 1px solid var(--color-silver-line); } .dialog_error .dialog_footer input[type=submit] { width: 100%; display: block; } .dialog_error.dialog_filter { max-width: 640px; padding: 0; border-top-color: var(--color-dark); } ul.notice { margin-bottom: 20px !important; margin-left: 0 !important; padding: 20px 20px 20px 40px !important; font-size: 16px; color: var(--color-dark); line-height: 25px; background: var(--color-green-a20); border-left: 3px solid var(--color-green); } ul.notice.error { background: #fff5f5; border-color: var(--color-red); } /* -------------- MAPBOX -------------- */ .marker { width: 50px; height: 50px; background: url(images/icon_marker_for_map.svg) no-repeat center; background-size: auto 100%; cursor: pointer; } .mapboxgl-popup { max-width: 220px; } .mapboxgl-popup-content { text-align: center; } .mapboxgl-popup-content .property_name { margin-bottom: 10px; font-size: 18px; font-weight: 700; color: var(--color-dark); line-height: 20px; } /* ------------ FORM ------------ */ .form_row { margin-bottom: 15px !important; position: relative; } .form_row.form_row_first { width: 50%; float: left; } .form_row.form_row_last { width: 50%; float: right; } .form_row.form_row_wide { clear: both; } /* BR and label */ .form_row a { text-decoration: underline; color: var(--color-dark); } .form_row a:hover { color: #000; } .form_row br { display: none !important; } .form_row label { width: 100%; margin-bottom: 5px; font-size: 15px; font-weight: 500; text-transform: uppercase; color: var(--color-dark); letter-spacing: 3px; line-height: 20px; display: block; } /* Input's style */ .form_row textarea, .form_row input[type=tel], .form_row input[type=text], .form_row input[type=email], .form_row input[type=number], .form_row input[type=password] { width: 100%; height: 50px; padding-left: 10px; font-size: 17px; background: #FFFFFF; border: 1px solid var(--color-silver-line); outline: 3px solid transparent; position: relative; z-index: 2; } .form_row textarea:focus, .form_row input[type=tel]:focus, .form_row input[type=text]:focus, .form_row input[type=email]:focus, .form_row input[type=number]:focus, .form_row input[type=password]:focus { border-color: var(--color-gold); outline-color: var(--color-gold-a20); border-radius: 2px; } .form_row textarea { min-height: 120px; padding: 10px; resize: vertical; } /*.form_row input:read-only { color: var(--color-gray); background: var(--color-silver); cursor: no-drop; }*/ /*.form_row input:read-only:focus { border-color: var(--color-silver-line); }*/ /* Firt row inputs */ .form_row.form_row_first input[type=tel], .form_row.form_row_first input[type=text], .form_row.form_row_first input[type=email], .form_row.form_row_first input[type=number], .form_row.form_row_first input[type=password] { border-right: none; } /* Submit */ .form_row input[type=submit] { width: 100%; display: block; } /* List items */ .wpcf7-form .wpcf7-form-control-wrap { width: 100%; display: block; } .wpcf7-form .wpcf7-spinner { right: 10px; top: calc(50% - 12px); margin: 0 !important; background-color: #d3a75f !important; position: absolute; z-index: 10; opacity: 100% !important; } .wpcf7-form .wpcf7-spinner:before { background-color: #FFFFFF !important; } .wpcf7-form .wpcf7-list-item { margin: 0; position: relative; } .wpcf7-form .wpcf7-list-item label { top: auto; padding-left: 35px; font-family: revert; text-transform: none; letter-spacing: 0; line-height: 20px; display: block; position: relative; } .wpcf7-form .wpcf7-list-item input[type=checkbox] { left: 0; top: 1px; position: absolute; } /* ----------------- LOGGED IN ----------------- */ #loggedin { margin-bottom: 30px; padding: 10px; background: var(--color-gold-a20); border-left: 3px solid var(--color-gold); display: flex; align-items: center; justify-content: space-between; } /* ----------- TAB ----------- */ .tab_wrap { margin-bottom: 30px; } .tab_wrap .tab_nav { margin-bottom: 30px; border-bottom: 2px solid var(--color-dark); display: flex; position: relative; } .tab_wrap .tab_nav a { padding: 10px 20px; font-size: 16px; font-weight: 500; color: var(--color-dark); line-height: 20px; } .tab_wrap .tab_nav a:hover { background: var(--color-silver); } .tab_wrap .tab_nav a.active { color: #FFFFFF; background: var(--color-dark); } .tab_wrap .tab_nav a.logout { height: 30px; right: 0; padding: 0 10px; color: #FFFFFF; line-height: 30px; background: var(--color-red); position: absolute; } .tab_wrap .tab_nav a.logout:hover { background: var(--color-dark); } .tab_wrap .tab_content { display: none; } .tab_wrap #tab_content_profile { display: block; } /* ----------------- ACCORDION ----------------- */ .accordions { margin-bottom: 50px; } .accordions .accordion { margin-bottom: 20px; border: 1px solid var(--color-silver-line); } .accordions .accordion:hover { background: var(--color-silver); } .accordions .accordion .accordion_header { padding: 30px 70px; font-size: 26px; color: var(--color-dark); line-height: 1; cursor: pointer; position: relative; } .accordions .accordion .accordion_header:after { width: 30px; height: 30px; right: 50px; top: 30px; background: url(images/icon_arrow_down.svg) no-repeat center; background-size: 100% auto; position: absolute; content: ''; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .accordions .accordion .accordion_content { padding: 0 70px 30px; font-size: 19px; color: var(--color-dark); line-height: 30px; display: none; } .accordions .accordion.active { background: var(--color-silver); border-left-color: var(--color-silver); border-top-color: var(--color-silver); border-right-color: var(--color-silver); border-bottom: 5px solid var(--color-gold); } .accordions .accordion.active .accordion_header { padding-bottom: 20px; } .accordions .accordion.active .accordion_header:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* ----------------------------- COMPACT FILTER LAYOUT ----------------------------- */ @media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1280px) { /* DEFAULT */ .p_l_20, .p-l-20 { padding-left: 20px; } .p_r_20, .p-r-20 { padding-right: 20px; } /* HEADER */ #header { padding: 0; } /* HEADER: Menu */ #header ul.menu li { margin: 0 10px; } /* HEADER: Profile */ #header .action_buttons { right: 20px; } /* HEADER: Mini property info in Property page */ #header .mini_property_info { padding: 0; } /* FILTER */ form.form_filter { padding: 0; } form.form_filter { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-areas: "city city city city city city" "buyrent buyrent type type price price" "submit submit submit save save save"; } /* FILTER: Check whether the selected location has child locations */ form.form_filter.has-agglomeration { grid-template-areas: "city city city agglomeration agglomeration agglomeration" "buyrent buyrent type type price price" "submit submit submit save save save"; } form.form_filter .item.city { grid-area: city; min-width: auto; max-width: none; padding-left: 10px; border-bottom: 1px solid var(--color-silver-line); } form.form_filter .item.agglomeration { grid-area: agglomeration; min-width: auto; max-width: none; border-bottom: 1px solid var(--color-silver-line); border-right: none; } form.form_filter .item.buy_rent { grid-area: buyrent; border-bottom: 1px solid var(--color-silver-line); } form.form_filter .item.type { grid-area: type; border-bottom: 1px solid var(--color-silver-line); border-right: none; } form.form_filter .item.price { grid-area: price; border-bottom: 1px solid var(--color-silver-line); border-right: none; } form.form_filter .item.submit { grid-area: submit; } form.form_filter .item.save_searches { grid-area: save; } /* form.form_filter .item.city { flex: 1; padding-left: 10px; border-bottom: 1px solid var(--color-silver-line); } form.form_filter .item.agglomeration { border-bottom: 1px solid var(--color-silver-line); } form.form_filter .item.buy_rent { flex-basis: 100%; border-bottom: 1px solid var(--color-silver-line); } form.form_filter .item.type { width: 33%; border-bottom: 1px solid var(--color-silver-line); border-right: none; } form.form_filter .item.rooms { width: 33%; } form.form_filter .item.price { width: 34%; } form.form_filter .item.price input { width: calc(50% - 10px); height: 50px; } form.form_filter .item.submit { width: 33%; padding: 10px; } form.form_filter .item.submit .button { width: 100%; } */ /* SLIDER */ #slider .filter_wrap { height: auto; } #slider .slick-slide .the_property { left: 20px; } /* SLIDER: Dots */ #slider ul.slick-dots { right: 20px; } /* COUNTRIES */ #countries .countries-wrapper { grid-template-columns: repeat(2, minmax(250px, 1fr)); gap: 20px; } /* ABOUT US */ #aboutus .wrap .wrap_left { padding-left: 20px; } /* PROPERTIES LIST */ .property_list_wrap .property_list .property { width: 100%; } .property_list_wrap .property_list .property:nth-child(2) { margin-top: 70px !important; } /* RESULTS */ .results { padding: 0 20px; } /* THE PROPERTY */ #the_property { padding: 30px 20px 50px; } #the_property:before { width: 370px; } /* THE PROPERTY: Property data */ #the_property .property_data_wrap .datas_wrap { grid-template-columns: 1fr 1fr; } /* THE PROPERTY: Gallery */ #the_property .photogallery .property_gallery_controls_wrap { right: 20px; } /* CAREER */ .career_wrap .career_entry { padding: 30px; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* HEADER */ #header { height: 80px; } /* HEADER: Profile */ #header .action_buttons { right: 80px; } /* CATEGORY CHOOSER */ #category_chooser .inner { padding-top: 50px; padding-bottom: 50px; } #category_chooser .wrap { margin-left: -15px; margin-right: -15px; } #category_chooser .category { width: calc(33.3333333333% - 30px); margin: 0 15px; } /* COUNTRIES */ #countries { padding: 50px 0; } #countries .section-title { font-size: 40px; } #countries .countries-wrapper .country .title .title_long { opacity: 100%; } @keyframes show-long-title { 0% { opacity: 100%; } 50% { opacity: 100%; } 100% { opacity: 100%; } } @-webkit-keyframes show-long-title { 0% { opacity: 100%; } 50% { opacity: 100%; } 100% { opacity: 100%; } } /* SPECIAL OFFERS */ #special_offers { padding: 50px 0; } #special_offers .section_title { font-size: 40px; } .property_list { margin-left: -15px; margin-right: -15px; } .property_list .property { width: calc(50% - 30px); margin: 50px 15px 0; } .property_list .property:nth-child(3) { margin-top: 50px; } .property_list .property .button { width: 100%; display: block; } /* ABOUT US */ #aboutus .wrap .wrap_left { width: 100%; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; } #aboutus .wrap .wrap_left .title { font-size: 40px; } #aboutus .wrap .wrap_right { width: 100%; position: relative; } #aboutus .wrap .wrap_right:before { padding-top: 50%; display: block; content: ''; } #aboutus .wrap .wrap_right .marble { left: 10%; } #aboutus .wrap .wrap_right .image { right: 10%; } /* NEWS */ #news { padding: 50px 0; } #news .section_title { font-size: 40px; } body.home #news .news-wrapper { margin-bottom: 50px; } .news-wrapper { grid-template-columns: repeat(2, 1fr); gap: 20px; } body.home .news-wrapper article:nth-child(3) { display: none; } /* BEFORE CONTENT */ #before_content { padding: 40px 0; } #before_content h1 { font-size: 40px; } /* CONTENT */ #container { padding-top: 80px; } #content h1 { font-size: 40px; } #content h2.center { text-align: left; } /* CONTENT: Team */ #content .team { width: 100%; } #content .team .avatar { width: 300px; padding: 30px; } #content .team .personal_info { padding: 30px 30px 30px 0; } #content .teams .teams_wrap .people { width: calc(50% - 40px); } /* CONTACT */ #contact .contact_wrap { padding-top: 0; } #contact .contact_wrap .wrap_left { width: 100%; padding: 50px 0; } #contact .contact_wrap .wrap_right { width: 100%; } /* CAREER */ .career_header h1 { font-size: 40px; } /* PROPERTIES LIST */ .property_list_wrap .property_list { width: auto; padding: 30px 0 !important; order: 2; } .property_list_wrap .property_list .property { width: calc(50% - 40px); margin-left: 20px; margin-right: 20px; margin-top: 50px !important; } .property_list_wrap .property_list .property:nth-child(-n+2) { margin-top: 0 !important;; } .property_list_wrap .property_list .property:nth-child(2) { margin-top: 0 !important;; } .property_list_wrap .property_map { width: 100%; height: 300px; order: 1; } .property_list_wrap .property_map #open_mobile_map { display: block; } /* THE PROPERTY */ #the_property { padding: 20px 20px 30px; } #the_property:before { display: none; } /* THE PROPERTY: Content */ #the_property .content_wrap { margin-top: 30px; margin-bottom: 30px; } #the_property .content_wrap .wrap_left { width: 100%; padding-right: 0; } #the_property .content_wrap .wrap_right { width: 100%; padding: 20px; background: var(--color-silver); } #the_property .content_wrap .wrap_right .base_data:last-child { margin-bottom: 0; } /* THE PROPERTY: Property data */ #the_property .property_data { margin-bottom: 30px; } #the_property .property_data_wrap { width: 100%; padding-top: 30px; padding-bottom: 30px; } /* Videos */ #the_property .property_videos { margin-bottom: 30px; } #the_property .property_videos .property_videos_wrap { width: 100%; } /* THE PROPERTY: Gallery */ #the_property .photogallery { margin-bottom: 110px; } #the_property .photogallery .property_gallery_controls_wrap { width: 100%; left: 0; right: auto; padding-left: 0; } /* THE PROPERTY: Contact form */ #the_property .contact_form_wrap { width: 100%; padding-top: 30px; } /* THE PROPERTY: Referent */ #the_property .property_referent_wrap { width: 100%; } #the_property .property_referent_wrap .avatar { width: 300px; padding: 30px; } #the_property .property_referent_wrap .personal_info { padding: 30px 30px 30px 0; } /* THE PROPERTY: Map */ #the_property .map_wrap { width: 100%; } /* CAREER */ .career_header { padding: 30px 0; } .career_header h1 { font-size: 40px; } .career_wrap { margin-bottom: 30px; } .career_wrap .career_entry { width: 100%; } .career_wrap .career_entry .title { font-size: 30px; } .career_wrap .career_image { width: 100%; } .career_wrap .career_image:before { padding-top: 40%; display: block; content: ''; } /* FOOTER: Footer top */ #footer .footer_top { padding: 50px 0; } /* ACCORDION */ .accordions .accordion .accordion_header { padding: 20px 70px 20px 20px; font-size: 24px; } .accordions .accordion .accordion_header:after { right: 20px; } .accordions .accordion .accordion_content { padding: 0 20px 30px; } } @media only screen and (max-width: 768px) { /* SLIDER */ #slider .slick-slide:before { padding-top: 60%; } #slider .slick-slide .the_property { display: none; } /* SLIDER: Dots */ #slider ul.slick-dots { left: 0; right: 0; text-align: center; } #slider ul.slick-dots li { margin-left: 10px; margin-right: 10px; } /* CATEGORY CHOOSER */ #category_chooser .inner { padding-top: 30px; padding-bottom: 30px; } /* COUNTRIES */ #countries { padding: 30px 0; } #countries .section-title { font-size: 30px; } /* COUNTRIES */ #countries .countries-wrapper { grid-template-columns: 1fr; } #countries .countries-wrapper .country { aspect-ratio: 4 / 3; } /* SPECIAL OFFERS */ #special_offers { padding: 30px 0; } #special_offers .section_title { font-size: 30px; } /* PROPERTY LIST */ .property_list .property .button { height: auto; padding: 14px 10px; line-height: 20px; } /* ABOUT US */ #aboutus .wrap .wrap_left { padding-top: 30px; padding-bottom: 30px; } #aboutus .wrap .wrap_left .title { font-size: 30px; } #aboutus .wrap .wrap_right { width: 100%; position: relative; } #aboutus .wrap .wrap_right:before { padding-top: 50%; display: block; content: ''; } #aboutus .wrap .wrap_right .marble { left: 10%; } #aboutus .wrap .wrap_right .image { right: 10%; } /* NEWS */ #news { padding: 30px 0; } #news .section_title { font-size: 30px; } /* BEFORE CONTENT */ #before_content { padding: 30px 0; } /* CONTENT */ #content h1 { font-size: 30px; } #content h2 { font-size: 30px; } /* CAREER */ .career_header h1 { font-size: 30px; } /* FILTER */ form.form_filter { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-areas: "city city city city city city" "buyrent buyrent buyrent type type type" "price price price price price price" "submit submit submit save save save"; } /* FILTER: Check whether the selected location has child locations */ form.form_filter.has-agglomeration { grid-template-areas: "city city city agglomeration agglomeration agglomeration" "buyrent buyrent buyrent type type type" "price price price price price price" "submit submit submit submit submit submit"; } form.form_filter .item { height: 60px; padding-top: 5px; padding-bottom: 5px; } form.form_filter .item.submit { height: auto !important; border-right: none; } form.form_filter .item.submit .button { width: 100%; } form.form_filter .item.save_searches { display: none; } /* FOOTER: Footer top */ #footer .footer_top .box { width: 50%; margin-top: 30px; } #footer .footer_top .box.newsletter { width: 100%; margin-top: 0; padding-right: 0; } #footer .footer_top .box.contact { padding-right: 20px; } #footer .footer_top .box.social_media { font-size: 0; text-align: left; } #footer .footer_top .box.social_media a { margin-left: 0; margin-right: 10px; } /* FOOTER: Footer center */ #footer .footer_center .box { width: 50%; } #footer .footer_center .box.settings { width: 100%; margin-top: 30px; text-align: left; } #footer .footer_center .settings_panel { width: 100%; display: block; } /* FANCYBOX */ .dialog_error .dialog_content .item { padding: 30px; } } @media only screen and (max-width: 640px) { /* CATEGORY CHOOSER */ #category_chooser .wrap { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; } #category_chooser .category { width: 100%; margin: 30px 0 0; } #category_chooser .category:first-child { margin-top: 0; } /* PROPERTY LIST */ .property_list { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; } .property_list .property { width: 100%; margin: 50px 0 0; } .property_list .property:nth-child(2) { margin-top: 50px; } .property_list .property h3 { min-height: auto; margin-bottom: 10px !important; } /* NEWS */ #news .button { width: 100%; display: block; } .news-wrapper { width: 100%; grid-template-columns: 1fr; } .news-wrapper article:nth-child(3) { display: block; } /* CONTENT: Team */ #content .team .avatar { width: 100%; padding: 20px; } #content .team .avatar img { width: auto; max-width: 100%; max-height: 300px; margin: auto; } #content .team .personal_info { width: 100%; padding: 20px; } /* CONTENT: Team */ #content .teams { padding: 10px 0 50px 0; } #content .teams .teams_wrap { max-width: 400px; margin-left: auto; margin-right: auto; } #content .teams .teams_wrap .people { width: 100%; margin: 40px 0 0; } #content .teams .teams_wrap .people:hover { top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #content .teams .teams_wrap .people .avatar { max-height: 500px; } /* CONTACT */ #contact .contact_wrap .wrap_right { padding: 30px 20px; } /* RESULTS */ .results { height: auto; } .results .count { height: 40px; float: none; } .results form { width: 50%; height: 40px; margin-left: 0; vertical-align: top; border-top: 1px solid var(--color-silver-line); display: inline-block; float: none; } /* PROPERTIES LIST */ .property_list_wrap .property_list { margin-left: auto !important; margin-right: auto !important; } .property_list_wrap .property_list .property { width: 100%; } .property_list_wrap .property_list .property:nth-child(2) { margin-top: 50px !important; } .property_list_wrap .property_map { height: 250px; } /* THE PROPERTY: Referent */ #the_property .property_referent_wrap .avatar { width: 100%; padding: 20px; } #the_property .property_referent_wrap .avatar img { width: auto; max-width: 100%; max-height: 300px; margin: auto; } #the_property .property_referent_wrap .personal_info { width: 100%; padding: 20px; } /* FORM */ .form_row.form_row_first, .form_row.form_row_last { width: 100%; float: none; } /* FORM: Firt row inputs */ .form_row.form_row_first input[type=tel], .form_row.form_row_first input[type=text], .form_row.form_row_first input[type=email], .form_row.form_row_first input[type=number], .form_row.form_row_first input[type=password] { border-right: 2px solid var(--color-silver-line); } /* FOOTER: Footer top */ #footer .footer_top .box { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; margin-top: 30px; } #footer .footer_top .box.contact { padding-right: 0; } /* FOOTER: Footer center */ #footer .footer_center .box { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; margin-top: 30px; } #footer .footer_center .box:nth-child(1) { margin-top: 0; } /* TAB */ .tab_wrap .tab_nav { margin-bottom: 30px; border-bottom: 2px solid var(--color-dark); display: block; } .tab_wrap .tab_nav a { margin-bottom: 10px; background: var(--color-silver); display: block; } .tab_wrap .tab_nav a.logout { height: auto; right: auto; padding: 10px 20px; line-height: 20px; position: relative; } /* NEWSLETTER */ form.mailster-form .mailster-wrapper.mailster-lastname-wrapper { width: 100%; float: none; } form.mailster-form .mailster-wrapper.mailster-firstname-wrapper { width: 100%; float: none; } /* NEWSLETTER: If page is en */ body.en form.mailster-form .mailster-wrapper.mailster-lastname-wrapper { width: 100%; float: none; } body.en form.mailster-form .mailster-wrapper.mailster-firstname-wrapper { width: 100%; float: none; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* FANCYBOX */ .fancybox-content.exitpopup { padding: 20px; } .fancybox-content.exitpopup.has_image .content { padding: 20px; } /* COUNTRIES */ #countries .countries-wrapper .country .title { min-height: inherit; margin-bottom: 20px; } #countries .countries-wrapper .country .title .title_long { margin-left: 0; padding-left: 0; white-space: nowrap; } #countries .countries-wrapper .country .title .title_long:before { display: none; } /* ABOUT US */ #aboutus .wrap .wrap_right .marble { left: 20px; } #aboutus .wrap .wrap_right .image { right: 20px; top: 20px; } /* CONTENT */ #content h2 { font-size: 26px; } /* PROPERTIES LIST */ .property_list_wrap .property_map { height: 200px; } /* PROPERTY: Property data */ #the_property .property_data_wrap .datas_wrap { grid-template-columns: 1fr; } /* ACCORDION */ .accordions .accordion .accordion_header { padding: 15px 70px 15px 20px; font-size: 20px; } .accordions .accordion .accordion_header:after { width: 20px; height: 20px; top: 18px; } .accordions .accordion .accordion_content { font-size: 18px; } /* FANCYBOX */ .dialog_error .dialog_content .item { padding: 20px; } } @media only screen and (max-width: 375px) { /* HEADER: Logo */ #header .logo { height: 30px; } /* SPECIAL OFFERS */ .property_list .property .prices__ref { display: flex; } .property_list .property .prices__ref .price { order: 2; } .property_list .property .prices__ref .ref { width: 100%; margin-bottom: 10px; right: auto; bottom: auto; position: relative; order: 1; } }