:root { --accent: #129bdb; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(18, 155, 219, 1), -10px 10px rgba(18, 155, 219, 0.2), -10px -10px rgba(18, 155, 219, 1), 10px -10px rgba(18, 155, 219, 0.2); } 25% { box-shadow: -10px 10px rgba(18, 155, 219, 0.2), -10px -10px rgba(18, 155, 219, 1), 10px -10px rgba(18, 155, 219, 0.2), 10px 10px rgba(18, 155, 219, 1); } 50% { box-shadow: -10px -10px rgba(18, 155, 219, 1), 10px -10px rgba(18, 155, 219, 0.2), 10px 10px rgba(18, 155, 219, 1), -10px 10px rgba(18, 155, 219, 0.2); } 75% { box-shadow: 10px -10px rgba(18, 155, 219, 0.2), 10px 10px rgba(18, 155, 219, 1), -10px 10px rgba(18, 155, 219, 0.2), -10px -10px rgba(18, 155, 219, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.tooltip-container { position: relative; display: inline-block; cursor: pointer; } .tooltip-container .tooltip-text { visibility: hidden; width: auto; background-color: #f2f2f280; font-size: 10px; color: #fff; text-align: center; padding: 5px 10px; position: absolute; z-index: 1; bottom: 115%; opacity: 0; transition: opacity 0.3s; } .tooltip-container:hover .tooltip-text { visibility: visible; opacity: 1; } /*MENU*/ .add-listing-form .add-listing-nav { /*position: fixed;*/ z-index: 50; top: 0; left: 15px; /*height: calc(100vmax - 385px);*/ display: flex; align-items: center; pointer-events: none; } .add-listing-form .add-listing-nav>ul { /* border-radius: 3px; */ /* margin-bottom: 0; */ /* overflow-y: auto; */ /* max-height: 60vh; */ /*padding-bottom: 40px;*/ padding-top: 10px; width: 230px; pointer-events: all; position: fixed; bottom: 25%; /* margin-top: 180px; */ } #menu-main-menu a { color: var( --e-global-color-primary ); } .i-dropdown li a { color: var( --e-global-color-primary ); } /*LOGIN/REGISTO*/ .login-container { background: url('https://dev.the-openhouse.com/wp-content/uploads/2024/02/background-banner.jpg'); background-color: rgb(0 48 83 / 85%); background-blend-mode: multiply; background-size: cover; background-position: center; min-height: unset; top: unset; width: 100vw; height: 100vh; left: unset; } .no-login-background .login-content { width: 400px; background-color: rgb(255 255 255 / 90%); padding: 10px 50px 50px; } .sign-in-form button[type=submit] { border-radius: 0; } .login-tabs .active a, .forgot-password a, .login-tabs li a:hover, .login-tabs li a:focus, .forgot-password a:hover { color: var( --e-global-color-text ); } /*SEARCH FORMS*/ .material-icons.search:before, .mi.search:before { content: "\e0da"; } /*EDIT A LISTING*/ .woocommerce-account .i-section .container #submit-job-form { width: 80vw !important; float: right !important; } .woocommerce-account #submit-job-form .element { background: #233D60 !important; } .woocommerce-account #submit-job-form .field-head label { color: var( --e-global-color-secondary ); } .woocommerce-account #submit-job-form .md-checkbox label { color: var( --e-global-color-accent ); } .woocommerce-account .fieldset-property-type.field-type-radio.form-group .md-checkbox { border: none; background-color: #305A7C; border-radius: 0; padding: 10px 15px; cursor: pointer; } /*ADD A LISTING PAGE*/ #submit-job-form button.submit-btn.buttons { display: none; } .add-listing-form #form-section-submit { display: block; } #submit-job-form #form-section-submit .form-section { margin-bottom: 100px!important; max-width: 1100px; width: 80%; } .add-listing-form .listing-form-submit-btn { display: flex; flex-wrap: nowrap; width: 100%; flex-direction: row-reverse; justify-content: space-around; margin-left: 15px; margin-right: 10px; } .add-listing-form form div.listing-form-submit-btn button[type=submit] { font-size: 14px; font-weight: 600 !important; background: rgb(18 155 219 / 10%); color: var( --e-global-color-secondary ); border: none; } .add-listing-form .listing-form-submit-btn button { margin-right: 5px; margin-left: 5px; } .add-listing-step section.i-section.c27-packages { /*padding-top: 0; padding-bottom: 20px;*/ margin-bottom: -20px; min-height: 100vh; background-image: url(https://dev.the-openhouse.com/wp-content/uploads/2024/02/package-bg.jpg); background-size: cover; background-blend-mode: multiply; background-color: rgba(0, 48, 83, 0.85); } .add-listing-step .i-section.c27-packages .container { width: 75vw; float: none; height: 100vh; display: flex; flex-direction: column; justify-content: center; } .add-listing-step .section-title h2 { text-transform: uppercase; color: var( --e-global-color-accent ) } .add-listing-step .pricing-item.c27-pick-package.cts-pricing-item { background: rgba(18, 155, 219, 0.7); border-radius: 0; } .add-listing-step .pricing-item h2.plan-name, .add-listing-step .pricing-item.c27-pick-package.cts-pricing-item span, .add-listing-step .pricing-item .plan-features li, .add-listing-step .pricing-item span.subscription-details, .select2-container--default .select2-selection--single .select2-selection__rendered { color: var( --e-global-color-accent ) !important; } .add-listing-step .pricing-item .plan-price span.woocommerce-Price-amount.amount { font-weight: bold; } .add-listing-step .field-head .description { color: #ffffff; } .add-listing-step .pricing-item h2.plan-name { width: 35%; margin-top: -5px; padding: 20px 10px 5px; background-color: var( --e-global-color-primary ); display: -webkit-inline-box; -webkit-box-pack: center; } .add-listing-step .plan-features { padding-left: 50px; padding-right: 40px; } .add-listing-step .plan-features ul { list-style-type: "\e5ca"; text-align: left; } .add-listing-step .plan-features ul li::marker { font-family: 'Material Icons'; font-size: 25px; } .add-listing-step .plan-features li { padding-left: 10px; } .add-listing-step .select-package { padding: 0 20px; } .add-listing-step a.select-plan.buttons.button-2.cts-trigger-buy-new { margin-bottom: -30px; background-color: var( --e-global-color-accent ); border-radius: 0; color: var( --e-global-color-primary ); text-transform: uppercase; } .add-listing-step .select-plan { width: 70%; } .add-listing-step a.select-plan.buttons.button-2.cts-trigger-buy-new i.mi.arrow_forward { display: none; } /*ADD A LISTING PAGE - mobile*/ @media screen and (max-width: 768px) { .add-listing-step .i-section.c27-packages .container { width: 85vw; height: unset; display: flex; margin-top: 20%; } .pricing-item { margin-bottom: 15%; } .add-listing-step .select-plan { width: unset; } div.add-listing-step .section-title h2 { font-size: 16px !important; } } /*CREATE AN EVENT - PACKAGE WITH >1 LISTING / SWITCH PLANS*/ a.select-plan.buttons.button-2 { text-transform: uppercase !important; border-radius: 0 !important; margin-bottom: -30px; } .package-available>.use-package-toggle { color: var(--e-global-color-accent) !important; margin-bottom: 5px !important; margin-left: 0 !important; } .package-available .dropdown-menu { border-radius: 0 !important; } a.buttons.button-5.cts-trigger-buy-new { text-transform: uppercase !important; color: var(--e-global-color-accent) !important; background-color: var(--e-global-color-secondary) !important; border-radius: 0 !important; } .checkbox-plan-list>li:last-child>a>i, .select-plan i { display: none !important; } /*ADD A LISTING FORM*/ #submit-job-form .element.form-section { max-width: 900px; width: 80%; } @media (min-width: 1100px) { .add-listing-step .container { width: 80vw; float: right; } } .round-icon .title-style-1 i { width: 45px; height: 45px; border-radius: 50%; padding: 10px; color: #129BDB; background: rgb(18 155 219 / 10%); padding: 12px; text-align: center; } div.add-listing-step .i-section .container .row.section-title { display: none; } div.add-listing-step .i-section.c27-packages .container .row.section-title { display: block; } #submit-job-form .round-icon .title-style-1 { padding-bottom: 0; display: flex; flex-direction: column; } #submit-job-form .element .pf-head { padding: 20px 20px 20px !important; } .round-icon .title-style-1 h5 { top: 0; margin: 20px 0 0; left: 0; } #submit-job-form .pf-body { display: flex; flex-wrap: wrap; justify-content: space-between; } #submit-job-form .form-group { border-top: 0 !important; } #submit-job-form .input-text { padding: 15px 10px; font-size: 14px; } form#submit-job-form .element { padding: 0; margin-bottom: 0; box-shadow: none; border-radius: 0; } #submit-job-form .field-head { margin-bottom: 5px; } #submit-job-form input, #submit-job-form .field-type-date input, #submit-job-form textarea, #submit-job-form .select2-container--open .select2-dropdown--below, #submit-job-form span.select2-selection.select2-selection--single { border: solid 1px #eeeeee; border-radius: 10px; } #submit-job-form .field>input:focus, #submit-job-form .field>textarea:focus, #submit-job-form .field>input, #submit-job-form .field>textarea, #submit-job-form input.address-field.pac-target-input{ padding-left: 10px !important; } #submit-job-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li, #submit-job-form .select2-container--default .select2-selection--single, .location-field-wrapper .cts-custom-get-location { padding: 0 0 0 10px; padding-bottom: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; } .select2-container--below.select2-container--open .select2-selection__rendered:after, #submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before { display: none; } .fieldset-number-of-cars .field, .fieldset-floors .field, .fieldset-bathrooms .field, .fieldset-pricing .field, .fieldset-operation-type .field.required-field, .fieldset-open-house-event .field{ display: flex; flex-direction: row; align-items: center; } input#number-of-cars, input#floors, input#bathrooms { margin: 0px 5px; } .input-changer { width: 45px; text-align: center; display: flex; background-color: rgb(18 155 219 / 10%); margin: auto; border-radius: 10px; height: 35px; color: var(--e-global-color-secondary); cursor: pointer; justify-content: center; align-items: center; } input#job_cover, input#job_gallery, input#floorplan { height: 120px; } .fieldset-operation-type, .fieldset-property-type, .fieldset-typology, .fieldset-job_tags, .fieldset-price, .fieldset-community-fees, .fieldset-job_title, .fieldset-internal-reference, .fieldset-job_description, .fieldset-job_location, .fieldset-additional-notes-about-the-propertys-location, .fieldset-job_cover, .fieldset-job_gallery, .fieldset-floorplan, .fieldset-job_video_url, .fieldset-3d-tour, .fieldset-open-house-event, .fieldset-event-title, .fieldset-event-description, .fieldset-job_date, .fieldset-name, .fieldset-pricing, .fieldset-operation-type-land, .fieldset-other-details, .fieldset-utilities, .fieldset-what-utilities-are-included, .fieldset-would-you-like-to-add-any-of-our-services, .fieldset-price-per-month, .fieldset-booster, .fieldset-open-house-event, .fieldset-open-house-title, .fieldset-open-house-description { flex-basis: 100%; } .fieldset-construction-year, .fieldset-sun-exposure, .fieldset-energy-consumption-classification, .fieldset-bed-type, .fieldset-furniture, .fieldset-private-bathroom, .fieldset-sun-exposure-nonresidential { flex-basis: 33.3%; } .fieldset-condition, .fieldset-new-construction-condition, .fieldset-second-hand-condition, .fieldset-key-handover-date, .fieldset-select-a-specific-key-handover-date, .fieldset-floors, .fieldset-bathrooms, .fieldset-parking-type, .fieldset-number-of-cars, .fieldset-gross-area, .fieldset-gross-private-area, .fieldset-total-area, .fieldset-dependent-gross-area-m, .fieldset-job_phone, .fieldset-job_email, .fieldset-available-from, .fieldset-minimum-stay, .fieldset-price_range, .fieldset-gender, .fieldset-occupation, .fieldset-smoker, .fieldset-sun-exposure-bedroom, .fieldset-construction-area, .fieldset-event-start, .fieldset-event-end { flex-basis: 50%; } .fieldset-property-type.field-type-radio.form-group .field.required-field, .fieldset-other-details.field-type-checkbox.form-group .field, .fieldset-what-utilities-are-included.field-type-checkbox.form-group .field { display: grid; grid-template-columns: repeat(3,1fr); column-gap: 10px; row-gap: 10px; } .fieldset-other-details.field-type-radio.form-group .field.required-field { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 10px; row-gap: 10px; } ul.c27-term-checklist.no-list-style { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; row-gap: 10px; } .form-group .c27-term-checklist li.c27-term { width: unset; } .form-group .c27-term-checklist li.c27-term .md-checkbox { height: auto; } .form-group .c27-term-checklist li.c27-term .md-checkbox label { line-height: unset; white-space: unset; } #submit-job-form .fieldset-available-from.field-type-date.form-group input { border-bottom: solid 1px #eeeeee !important; padding: 15px 10px; font-size: 14px; } /*Input multiple select*/ #submit-job-form .select2-selection--multiple { padding-left: 0 !important; } #submit-job-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding: 0; } li.select2-search.select2-search--inline.ui-sortable-handle input { padding: 15px 10px; } input.select2-search__field { height: 51px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var( --e-global-color-text ); } /*Input Property Type*/ .fieldset-property-type.field-type-radio.form-group .md-checkbox { height: auto; border: 1px solid #eee; border-radius: 10px; padding: 10px 5px; margin: 0; margin-right: 0; } .fieldset-property-type.field-type-radio.form-group .md-checkbox img{ width: 40px; } .fieldset-property-type.field-type-radio.form-group .md-checkbox label{ padding-left: 5px; } .fieldset-property-type.field-type-radio.form-group .md-checkbox:hover, .foo { background: rgb(18 155 219 / 10%); } .fieldset-property-type.field-type-radio.form-group .md-checkbox input[type=radio]+label:before, .fieldset-property-type.field-type-radio.form-group .md-checkbox input[type=radio]+label:after { visibility: hidden; } /*Input energy classification*/ ul#select2-energy-consumption-classification-results li:nth-child(2), ul#select2-energy-consumption-classification-results li:nth-child(3) { color: #019f01; } ul#select2-energy-consumption-classification-results li:nth-child(4), ul#select2-energy-consumption-classification-results li:nth-child(5) { color: yellowgreen; } ul#select2-energy-consumption-classification-results li:nth-child(6) { color: #ffe000; } ul#select2-energy-consumption-classification-results li:nth-child(7) { color: #ffb200; } ul#select2-energy-consumption-classification-results li:nth-child(8) { color: #ff8300; } ul#select2-energy-consumption-classification-results li:nth-child(9) { color: red; } /*ADD A LISTING FORM - mobile*/ @media screen and (max-width: 1024px) { form.c27-submit-listing-form .form-section .title-style-1 h5 { font-size: 16px !important; } #submit-job-form .element.form-section { width: unset; } .fieldset-property-type.field-type-radio.form-group .field.required-field, .fieldset-other-details.field-type-checkbox.form-group .field, .fieldset-what-utilities-are-included.field-type-checkbox.form-group .field { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 10px; row-gap: 10px; } .fieldset-property-type.field-type-radio.form-group .md-checkbox label { padding-left: 0; padding-top: 5px; white-space: normal; line-height: normal; text-align: center; } .add-listing-form .fieldset-property-type.field-type-radio.form-group .md-checkbox { display: flex; flex-direction: column; align-content: center; align-items: center; } .fieldset-operation-type, .fieldset-property-type, .fieldset-typology, .fieldset-job_tags, .fieldset-price, .fieldset-community-fees, .fieldset-job_title, .fieldset-internal-reference, .fieldset-job_description, .fieldset-job_location, .fieldset-additional-notes-about-the-propertys-location, .fieldset-job_cover, .fieldset-job_gallery, .fieldset-floorplan, .fieldset-job_video_url, .fieldset-3d-tour, .fieldset-open-house-event, .fieldset-event-title, .fieldset-event-description, .fieldset-job_date, .fieldset-name, .fieldset-pricing, .fieldset-operation-type-land, .fieldset-other-details, .fieldset-utilities, .fieldset-what-utilities-are-included, .fieldset-would-you-like-to-add-any-of-our-services, .fieldset-price-per-month, .fieldset-booster, .fieldset-open-house-event, .fieldset-construction-year, .fieldset-sun-exposure, .fieldset-energy-consumption-classification, .fieldset-bed-type, .fieldset-furniture, .fieldset-private-bathroom, .fieldset-sun-exposure-nonresidential, .fieldset-condition, .fieldset-new-construction-condition, .fieldset-second-hand-condition, .fieldset-key-handover-date, .fieldset-select-a-specific-key-handover-date, .fieldset-floors, .fieldset-bathrooms, .fieldset-parking-type, .fieldset-number-of-cars, .fieldset-gross-area, .fieldset-gross-private-area, .fieldset-total-area, .fieldset-dependent-gross-area-m, .fieldset-job_phone, .fieldset-job_email, .fieldset-available-from, .fieldset-minimum-stay, .fieldset-price_range, .fieldset-gender, .fieldset-occupation, .fieldset-smoker, .fieldset-sun-exposure-bedroom, .fieldset-construction-area { flex-basis: 100%; } .add-listing-step #submit-job-form { padding-bottom: 0 !important; } .form-group .c27-term-checklist li.c27-term { width: 100% !important; float: unset; } ul.c27-term-checklist.no-list-style { display: block; } #submit-job-form #form-section-submit .form-section { width: 100%; padding-right: 15px; } .listing-form-submit-btn { display: flex; flex-direction: column-reverse; align-items: stretch; align-content: stretch; } form div.listing-form-submit-btn button[type=submit] { margin: 5px; padding: 18px; } } /*LISTING GRID*/ .lf-head { position: absolute; left: unset; right: 20px; } .lf-head-btn { backdrop-filter: blur(2px); } .lf-item-container { border-radius: 0; } .listing-details-3 .details-list li i, .ld-info ul li i, .lf-item-container .event-host .host-name { color: var( --e-global-color-primary ); } .listing-details-3 .details-list li i, .listing-details-3 .details-list li span { width: auto; } .listing-details-3 .details-list li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .lf-item-default .lf-item-info > h4, h4.case27-primary-text.listing-preview-title { color: var( --e-global-color-accent ) !important; } .lf-item.lf-item-default, .owl-carousel .lf-background { height: 100% !important; width: 100%; aspect-ratio: 1 / 1; } .lf-item-container .event-host>a { pointer-events: none; } .listing-details-3 .details-list li span { text-align: left; padding-left: 10px; } .details-list li i { text-align: end; } span.agency-name { font-size: 13px; font-weight: 600; } .listing-preview .c27-footer-section { border-top: 1px solid #eeeeee80; } /*SINGLE LISTING*/ /*report property*/ div#report-listing-modal .modal-dialog.modal-sm { width: 40%; } div#report-listing-modal .modal-content .sign-in-box { padding: 5%; border-radius: 0; } div#report-listing-modal .report-content { display: grid; grid-template-columns: 5% 95%; row-gap: 10px; margin: 20px 0 40px; } div#report-listing-modal i.mi.report_problem { color: var(--e-global-color-secondary); } div#report-listing-modal .title-style-1 h5 { font-weight: 700; color: var( --e-global-color-primary ); font-size: 20px; } button.buttons.button-2.full-width.button-animated.report-submit { border-radius: 0; } /*end report property*/ .header-gallery-carousel.photoswipe-gallery.owl-carousel.zoom-gallery.owl-loaded.owl-drag .owl-stage .owl-item.active:nth-child(2) { opacity: 1; } .header-gallery-carousel.photoswipe-gallery.owl-carousel.zoom-gallery.owl-loaded.owl-drag .owl-item.active { background-color: #242429; opacity: 0.4; } .featured-section.featured-section-gallery, .header-gallery-carousel .item { height: 65vh; } .lmb-calltoaction>a { border-radius: 0; } .lmb-calltoaction.ml-track-btn { visibility: hidden; } .quick-listing-actions { margin-bottom: 10px; } .listing-detail-icon img { width: 25px; } span.listing-detail-icon { font-size: 14px; } a.listing-go-back .material-icons.chevron_left:before, a.listing-go-back .mi.chevron_left:before { content: "\e15e"; font-family: 'Material Icons'; } .similar-listings div.listing-details-3.c27-footer-section:first-child, .similar-listings div.listing-details-3.c27-footer-section:nth-child(4) { display: none; } div#property-event-section .item-property { float: unset; } div#property-event-section .item-attr { display: block; } div#property-are-you-in { background-color: rgb(18 155 219 / 25%); margin: 20px 10px 10px; padding-right: 10%; padding-left: 10%; padding-top: 1%; padding-bottom: 3%; width: -webkit-fill-available; } .property-are-you-in .element { background: transparent; } /*SINGLE LISTING - tablet*/ @media screen and (min-width: 768px) and (max-width: 1024px) { #c27-single-listing section.i-section.similar-listings .container { padding: 0 5%; } #listing_tab_listing-details .container.tab-template-content-sidebar .col-md-7 { width: unset; padding: 2% 4%; } .featured-section.featured-section-gallery, .header-gallery-carousel .item { height: 50vh; } .header-gallery-grid.photoswipe-gallery.zoom-gallery { grid-template-rows: repeat(2, 75% 25%); display: grid; grid-template-columns: repeat(4, 1fr); } .gallery_item.photoswipe-item:first-child { grid-row: unset; grid-column: span 4; } .single-job-listing .contact-agent .element { padding: 3% 5% !important; } } /*SINGLE LISTING - mobile*/ @media screen and (max-width: 767px) { #listing_tab_listing-details .container.tab-template-content-sidebar .col-md-7 { width: unset; padding: 0 7%; } #c27-single-listing .similar-listings .case27-primary-text { font-size: 20px; } #c27-single-listing section.i-section.similar-listings .container { padding: 0 8%; } #c27-single-listing .listing-main-info .profile-name h1, #c27-single-listing .listing-main-info .profile-name h2 { color: var( --e-global-color-primary ); font-size: 20px; } #c27-single-listing .listing-main-info { padding: 5% 7%; } #listing_tab_listing-details .col-md-5 { width: 100%; margin-left: 0; padding: 5% 7%; } .featured-section.featured-section-gallery, .header-gallery-carousel .item { height: 50vh; } .header-gallery-grid.photoswipe-gallery.zoom-gallery { grid-template-rows: repeat(2, 75% 25%); display: grid; grid-template-columns: repeat(4, 1fr); } .gallery_item.photoswipe-item:first-child { grid-row: unset; grid-column: span 4; } #listing_tab_listing-details .title-style-1 h5 { font-size: 16px; } .fixed-at-bottom .quick-listing-actions>ul>li>a span { display: none; } } /*OPEN HOUSE BUTTON*/ .quick-listing-actions .mi.home:before { background-image: url(https://dev.the-openhouse.com/wp-content/uploads/2024/01/2.png); background-size: 15px; display: inline-block; width: 15px; height: 15px; content: ""; margin-bottom: 2.5px; } li#qa-fdeb07 a { background: var(--accent); border: 1px solid var(--accent); } li#qa-fdeb07 span, li#qa-fdeb07 i { color: #ffffff; } .pf-body.icons-details { padding-bottom: 7px; } img.ad-pulse-icon.typology-icon, .ad-pulse-icon.bathrooms-icon { width: 30px; } .similar-listings .case27-primary-text { text-transform: uppercase; font-size: 35px; color: var( --e-global-color-primary ); } .container.tab-template-content-sidebar .col-md-7 { width: 70%; } .single-job-listing .property-section .element { margin-bottom: 0; border-bottom: 1px solid #eeeeee; padding: 5% 0 5% 0; padding-right: 0; border-radius: 0; box-shadow: none; } .outlined-list.details-list .term-icon.image-icon img { filter: invert(0); } .element .pf-body>.details-list a { pointer-events: none; } .gallerySlider .galleryPreview a img, .gallerySlider .gallery-thumb a { border-radius: 0 !important; } .open-house-btn { color: #ffffff; } /*SINGLE LISTING - RIGHT COLUMN*/ @media screen and (max-width: 1024px) { .fixed-at-bottom .quick-listing-actions .no-list-style { padding: 5px; } .property-details-column .pf-body { padding-top: 5px; } div#contact-form, div#agent-contact, div#property-agent, div#property-price, div#property-city, div#property-title, div#property-ref, div#property-are-you-in { display: none; } div#property-price-mobile, div#property-city-mobile, div#property-title-mobile, div#property-ref-mobile { padding-top: 0; } .single-job-listing .property-details-column .element { margin-bottom: 0!important; } #property-ref-mobile .wp-editor-content { color: var( --e-global-color-secondary ); margin-top: 10px; font-size: 12px; } #property-city-mobile .wp-editor-content, #property-city .element .pf-body { margin-top: 0px; padding-top: 0px; } #property-title-mobile .wp-editor-content, #property-title .element .pf-body { font-size: 20px; font-weight: bold; margin-top: 0px; padding-top: 0px; } #property-price-mobile .wp-editor-content { font-size: 16px; font-weight: bold; margin-top: 0px; } .container.listing-main-info { display: none; } .quick-listing-actions { display: none; } .fixed-at-bottom .quick-listing-actions { display: block; } .single-job-listing .contact-agent .element { margin-bottom: 0px !important; } } @media screen and (min-width: 1025px) { div#contact-form-mobile, div#agent-contact-mobile, div#property-agent-mobile, div#property-price-mobile, div#property-city-mobile, div#property-title-mobile, div#property-ref-mobile, div#property-are-you-in-mobile { display: none; } } .container.tab-template-content-sidebar .col-md-5 { width: 28%; position: sticky; top: 0; margin-left: 2%; } #property-ref .wp-editor-content { color: var( --e-global-color-secondary ); margin-top: 10px; font-size: 14px } #property-city .wp-editor-content, #property-city .element .pf-body { margin-top: 0px; padding-top: 0px; } #property-title .wp-editor-content, #property-title .element .pf-body { font-size: 25px; font-weight: bold; margin-top: 0px; padding-top: 0px; } #property-price .wp-editor-content { font-size: 20px; font-weight: bold; margin-top: 0px; } #property-agent { margin-top: 10px; /*pointer-events: none;*/ } .single-job-listing .contact-agent .element { margin-bottom: 0px; } .single-job-listing .property-details-column .element, .property-are-you-in .element { margin-bottom: 0; border: 0; padding: 0; box-shadow: none; } .property-are-you-in .element { margin-top: 20px; } .property-are-you-in-mobile { margin-top: 20px; } .property-are-you-in-mobile #openhouse-event-interaction button.col-md-6.event-interaction { width: 46%; margin-left: 5px; margin-right: 5px; } .property-are-you-in-mobile .col-md-6.num_interested, .property-are-you-in-mobile .col-md-6.num_going { width: 46%; display: inline-flex; justify-content: center; } .contact-agent .element { background: #f8f8f8; padding: 3% 10%; border-radius: 0; box-shadow: none; } .contact-agent .outlined-list.details-block-content.no-list-style { padding: 10px; display: flex; justify-content: center; background: var( --e-global-color-secondary ); color: var( --e-global-color-accent ); font-weight: 500; border-radius: 0; box-shadow: none; } .contact-agent .details-block-content .wp-editor-content { margin-top: 0; border-radius: 0; box-shadow: none; } #openhouse-event-interaction button.col-md-6.event-interaction { font-size: 14px; border: none; padding: 7px; margin-top: 10px; margin-bottom: 5px; } #openhouse-event-interaction .col-md-6.num_interested, .col-md-6.num_going { font-size: 12px; text-align: center; } /*SINGLE LISTING - RIGHT COLUMN - FORM*/ .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea { font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: var( --e-global-typography-text-font-size ); font-weight: var( --e-global-typography-text-font-weight ); color: var( --e-global-color-text ); background: #ffffff; padding: 10px; border: 1px solid #e9e9e9; } .wpcf7-list-item label { font-size: 12px; padding-bottom: 20px; } .job_listing_preview .wpcf7 input[type=submit].wpcf7-form-control, .wpcf7-form input[type=submit] { font-size: 16px; border-radius: 0; } input.wpcf7-form-control.wpcf7-submit.has-spinner { color: var( --e-global-color-primary ); background-color: transparent; border: 0; font-size: 16px; font-weight: 600; border-bottom: 3px solid var( --e-global-color-primary ); width: auto; } /*DREAM HOUSES*/ div#c27-explore-listings .explore-head { background: var( --e-global-color-primary ); } div.explore-head .explore-types .type-info > h4 { color: var( --e-global-color-accent ); } div.explore-head .explore-types .type-info > i { color: var( --e-global-color-accent ) !important; } /*DREAM HOUSES - FORM*/ div#search-form li.select2-search.select2-search--inline:after { content: "\e8b6"; font-family: 'Material Icons'; right: 0; position: absolute; bottom: 35%; } .finder-tabs.col-md-12.with-listing-types { width: 400px; } div#finderSearch { padding: 20px 0 0 0; } ul.no-list-style.sidebar-tabs.tab-count-3, .form-group.form-group-tags.explore-filter.checkboxes-filter, .form-group.radius.radius1.range-slider.explore-filter.range-filter, .form-group.radius.radius1.range-slider.explore-filter.range-filter label, .form-group.explore-filter.dropdown-filter.md-group, .form-group.explore-filter.dropdown-filter.md-group label, .form-group.location-wrapper.explore-filter.location-filter.md-group, .form-group.location-wrapper.explore-filter.location-filter.md-group label, .form-group.location-wrapper.explore-filter.location-filter.md-group i { padding-right: 20px; padding-left: 20px; } .form-group.fc-search { display: flex; } a.reset-results-27 { margin-top: 0 !important; } a.buttons.button-1.full-width.save-search.reset-results-27 { color: #ffffff; border-radius: 0; background: var( --e-global-color-primary ); opacity: 1; padding: 10px; margin: 0 5px; } i.mi.collections_bookmark::before { content: "\e161"; } i.mi.refresh, i.mi.collections_bookmark { margin-right: 0; } a.reset-results-27.full-width { padding: 10px; color: var( --e-global-color-primary ); border-radius: 0; background: #EEEEEE; opacity: 1; } /*POP UP OPEN HOUSE*/ .elementor-popup-modal .dialog-message { overflow-y: scroll !important; scrollbar-color: #003053 #F8F8F8; } /*PÁGINA DE AUTOR/AGENTE*/ .author .user-profile-cover, .author .user-profile-cover .listing-main-info { background: var( --e-global-color-primary ); margin-bottom: 0; border-bottom: none; } .author .profile-header { background: #305A7C; } .author .tab-content.listing-tabs { background-image: url(https://dev.the-openhouse.com/wp-content/uploads/2024/02/background-banner.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-color: rgb(0 48 83 / 85%); background-blend-mode: multiply; padding: 3% 0 5%; margin-bottom: -20px; } .author .profile-header .profile-menu ul li a, .author .profile-header { height: 45px; } .author .profile-header .profile-menu ul li a:after { height: 4px; } .author .listing-main-buttons.detail-count-1 { color: var( --e-global-color-secondary ); } .author div.profile-header .profile-menu ul li a, .author div.profile-header .profile-menu ul li a.listing-tab-toggle, .author .user-profile-cover .listing-main-info .profile-name h1, .author .user-profile-cover .listing-main-info .profile-name h2 { color: var( --e-global-color-accent ) !important; }