/* Theme Name: Findme Child Theme URI: http://www.promoservice.com Description: A child theme of Findme Theme Author: Promoservice Author URI: http://www.promoservice.com Version: 2.7.5 Text Domain: findme Template: findme */ /* START FONT DECLARATION */ :root { --font-heading: "Archivo", sans-serif; --font-body: "Host Grotesk", sans-serif; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; /* Body */ --fs-body: clamp(16px, 1.1vw, 18px); --fs-menu: clamp(15px, 1vw, 17px); /* Headings */ --fs-h1: clamp(74px, 5vw, 120px); --fs-h2: clamp(36px, 4vw, 56px); --fs-h3: clamp(24px, 2.2vw, 32px); --fs-h3-large: clamp(28px, 3vw, 42px); /* Line height */ --lh-body: 1.65; --lh-heading: 1.4; --lh-h3: 1.1; --lh-h3-large: 1.18; /* Colors */ --color-heading: #005A70; } /* Testi */ span, .eltd-main-menu ul li a, .eltd-main-menu > ul > li > a, #come-funziona-anchor p, p, .footer-customization span { font-family: var(--font-body) !important; font-weight: var(--fw-regular) !important; font-size: var(--fs-body); line-height: var(--lh-body); } /* Menu */ .eltd-main-menu ul li a, .eltd-main-menu > ul > li > a { font-size: var(--fs-menu) !important; font-weight: var(--fw-medium) !important; line-height: 1.2; } /* Titoli */ h1, h2, h3, h4, h5, #secon-home-row h3, h3.vantaggi-bedstudent { font-family: var(--font-heading) !important; font-weight: var(--fw-semibold) !important; line-height: var(--lh-heading); margin-top: clamp(1rem, 0.7rem + 1vw, 1.75rem); margin-bottom: clamp(1rem, 0.7rem + 1vw, 1.75rem); } h1, .title-h2-big { font-size: 120px !important; line-height: 1.1 !important; } h2 { font-size: var(--fs-h2) !important; } h3 { font-size: var(--fs-h3) !important; } h4 { font-size: var(--fs-h4) !important; } h5 { font-size: var(--fs-h5) !important; } /* Override specifico */ .circle-traslation-to-left h2 { font-family: var(--font-heading) !important; font-weight: var(--fw-regular) !important; } /* H3 base */ h3 { font-size: var(--fs-h3) !important; line-height: var(--lh-h3) !important; color: var(--color-heading) !important; } /* H3 sezione specifica */ #second-home-row h3 { font-size: var(--fs-h3-large) !important; color: var(--color-heading) !important; line-height: var(--lh-h3-large) !important; } /* FINISH FONT DECLARATION */ .hidden { display: none !important; } img.resolutionChanger { max-height: 600px !important; width: auto !important; } .eltd-listing-single-holder #eltd-ls-single-map-holder { max-height: 100% !important; max-width: 100% !important; } a, p a { text-decoration: none !important; } /* START MENU CHANGES */ .eltd-sticky-header .eltd-sticky-holder { background-color: #F5EDE1 !important; } .eltd-menu-area, .eltd-page-header .eltd-fixed-wrapper.fixed, .eltd-page-header .eltd-sticky-header { background-color: #005A70; } .eltd-main-menu>ul>li>a { color: #000 !important; } .eltd-main-menu>ul>li.eltd-active-item>a { color: #FF5500 !important; } .eltd-main-menu>ul>li:hover>a { color: #FF5500 !important; } .eltd-menu-area .eltd-main-menu>ul>li.eltd-active-item span.border-menu, .eltd-sticky-header.header-appear .eltd-sticky-holder .eltd-sticky-nav ul li.eltd-active-item span.border-menu { /*border-bottom: 10px solid #FF5500; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;*/ display: block; border: none !important; border-radius: 50px !important; width: 100%; margin-top: -5px; } .eltd-sticky-header .eltd-sticky-holder { border-bottom: 0px !important; } .eltd-menu-area .eltd-vertical-align-containers .eltd-position-left { width: 30% !important; } body .eltd-menu-area .eltd-vertical-align-containers .eltd-position-right { width: 65% !important; text-align: left; } .eltd-menu-area .eltd-vertical-align-containers .eltd-position-right .eltd-position-right-inner { width: 100%; } .eltd-menu-area .eltd-vertical-align-containers .eltd-position-right .eltd-main-menu.eltd-drop-down.eltd-default-nav { width: 100%; } .eltd-main-menu>ul>li.qtranxs-lang-menu, .eltd-main-menu>ul>li.btn-ownerMenu { float: right !important; } .eltd-main-menu>ul>li.qtranxs-lang-menu>a { padding-top: 35px !important; } .eltd-sticky-holder .eltd-vertical-align-containers .eltd-position-left { width: 99%; } .eltd-sticky-holder .eltd-vertical-align-containers .eltd-position-left .eltd-position-left-inner { width: 99%; } .eltd-sticky-holder>nav>ul>li.btn-ownerMenu { float: right !important; } .eltd-main-menu>ul>li.btn-ownerMenu a span.item_outer span.item_text { border: 2px solid transparent !important; margin-top: -10px !important; padding: 10px 15px !important; font-size: 20px !important; line-height: 20px !important; border-radius: 50px !important; color: #F5EDE1 !important; background-color: #005A70 !important; background-color: transparent !important; border-color: #FF5500 !important; } .eltd-main-menu>ul>li.btn-ownerMenu span.border-menu { display: none !important; visibility: hidden !important; } /* FINISH MENU CHANGES */ /* START ROOM LSITING PAGE*/ .eltd-content { background-color: #FAFAFA !important; min-height: 60vh; } /* START BOOKING FORM */ .btn { width: 245px; height: 60px; border-radius: 100px; } .btn-primary, .btn-primary:visited { background-color: #FF5500 !important; border-color: #FF5500 !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary.focus { background-color: #FF5500 !important; border-color: #FF5500 !important; } .booking-form { text-align: center !important; } .booking-form .date-row-left, .booking-form .date-row-center, .booking-form .date-row-right { background-color: #F5EDE1; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; } .booking-form .date-row-left { border-left: 1px solid #F0F0F0; } .booking-form .date-row-right { border-right: 1px solid #F0F0F0; } .booking-form input[type=text], .datepicker-calendar input[type=text] { border: 0px !important; text-align: center; font-size: 24px !important; line-height: 25px !important; color: #000 !important; } .booking-form label { line-height: 20px !important; color: #858585 !important; } button.btn.btn-primary.listingButton { margin-top: -30px; } h4.overBookingForm { color: #005A70 !important; font-size: 20px !important; line-height: 25px !important; text-align: left !important; } div.form-group.date-row-center { /* background-image: url("../../plugins/eltd-listing/assets/img/arrow-booking-form.png"); background-position: center; background-repeat: no-repeat; background-size: contain; */ } /* FINISH BOOKING FORM */ .eltd-listing-rating-holder .eltd-average-rating>span { display: none !important; visibility: none !important; } h4.eltd-listing-title a, .eltd-info-window-details h5 { color: #005A70 !important; text-decoration: none !important; font-size: 24px !important; line-height: 25px !important; } h4.eltd-listing-title a:hover, .eltd-map-marker-holder .eltd-info-window-inner>a:hover~.eltd-info-window-details h5 { color: #003145 !important; } .eltd-ls-item-address { font-size: 14px !important; line-height: 20px !important; } .eltd-ls-item-content { font-size: 20px !important; line-height: 25px !important; color: #005A70 !important; } div.eltd-ls-item-vacancy, a.eltd-ls-item-vacancy, a.eltd-ls-item-vacancy:active, a.eltd-ls-item-vacancy:focus, a.eltd-ls-item-vacancy:visited, a.eltd-ls-item-vacancy:hover { background-color: #FF5500; color: #F5EDE1; width: 100%; margin: 15px -24px 0; padding: 8px 24px; box-sizing: content-box; display: block; } div.eltd-ls-item-occupied, a.eltd-ls-item-occupied, a.eltd-ls-item-occupied:active, a.eltd-ls-item-occupied:focus, a.eltd-ls-item-occupied:visited, a.eltd-ls-item-occupied:hover { background-color: #FF5500; color: #F5EDE1; width: 100%; margin: 15px -24px 0; padding: 8px 24px; box-sizing: content-box; display: block; } /* FINISH ROOM LISTING PAGE*/ /* START SINGLE ROOM PAGE */ .eltd-listing-single-holder article .eltd-ls-single-header { background-color: #FAFAFA !important; } .eltd-listing-single-holder article .eltd-ls-single-section-holder { border-bottom: 0px solid #FAFAFA !important; } h3.eltd-ls-item-title-inner { color: #005A70 !important; font-size: 40px !important; line-height: 40px !important; } .eltd-ls-single-desc span { font-size: 20px !important; line-height: 25px !important; color: #F5EDE1 !important; } .eltd-ls-single-section-inner.left .eltd-ls-content-part-holder .eltd-ls-content-part.first-part, .eltd-ls-single-section-inner.left .eltd-ls-content-part-holder .eltd-ls-content-part.third-part, .eltd-ls-content-part-holder.fifth-part ul li, div.eltd-ls-single-booking.request-quote label { color: #858585 !important; font-size: 14px !important; line-height: 20px !important; } .eltd-ls-single-section-inner.left .eltd-ls-content-part-holder .eltd-ls-content-part.second-part, .eltd-ls-single-section-inner.left .eltd-ls-content-part-holder .eltd-ls-content-part.fourth-part, .eltd-ls-content-part-holder.fifth-part h4 { color: #005A70 !important; font-size: 20px !important; line-height: 25px !important; } /* START SERVICES LIST */ .eltd-ls-content-part-holder.fifth-part ul { list-style: none; } div.eltd-ls-single-booking.request-quote h5 { color: #005A70 !important; font-size: 40px !important; line-height: 44px !important; } /* FINISH SERVICES LIST */ /* START REQUEST A QUOTE FORM */ .datepicker-calendar input[type=text]#arrival, .datepicker-calendar input[type=text]#departure, .border-bottom-row input[type=text]#dateBirth { padding: 0px !important; font-size: 19px !important; text-align: center; color: #000 !important; } .request-quote.second-part-form input[type=text] { color: #000 !important; } /* .datepicker-calendar { text-align: center !important; } */ .datepicker-calendar div.form-group.date-row-center { /* background-image: url("../../plugins/eltd-listing/assets/img/mini-arrow-booking-form.png"); */ } .border-bottom-row.total h4 { margin-top: 30px !important; margin-bottom: 5px !important; font-size: 20px !important; line-height: 25px !important; color: #005A70 !important; } .border-bottom-row.total .total-right h4 { text-align: right; } .submit .all-inclusive span { text-align: right; color: #66BE00; font-size: 14px !important; line-height: 28px !important; } .submit .all-inclusive { padding-bottom: 30px !important; } .submit { text-align: center; } .submit .btn-primary { margin-top: 10px !important; width: 100% !important; } .submit .footer-contact-form { color: #858585 !important; font-size: 14px !important; line-height: 20px !important; } /* FINISH REQUEST A QUOTE FORM */ /* START WHATSAPP FORM */ .whatsapp-form { background-color: rgb(102, 190, 0, 0.15) !important; } .whatsapp-form .row h5, .contactViaEmail h5 { color: #005A70 !important; font-size: 20px !important; line-height: 25px !important; } .whatsapp-form .row .whatsapp-logo { background-image: url("../../plugins/eltd-listing/assets/img/whatsapp-logo.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } .whatsapp-form input[type=text] { margin-bottom: 10px !important; } .whatsapp-form .btn-primary { margin-top: 10px !important; width: 100% !important; } .whatsapp-form .btn-primary, .whatsapp-form .btn-primary:visited { background-color: transparent !important; color: #FF5500 !important; } .whatsapp-form .btn-primary:hover, .whatsapp-form .btn-primary:focus, .whatsapp-form .btn-primary:hover, .whatsapp-form .btn-primary:focus, .whatsapp-form .btn-primary:active, .whatsapp-form .btn-primary:not(:disabled):not(.disabled).active, .whatsapp-form .btn-primary:not(:disabled):not(.disabled):active { color: #c7373f !important; } /* FINISH WHATSAPP FORM */ .contactViaEmail input[type=text], .contactViaEmail input[type=textarea] { margin-bottom: 10px !important; } .contactViaEmail .btn-primary { margin-top: 10px !important; width: 100% !important; } .contactViaEmail .btn-primary, .contactViaEmail .btn-primary:visited { background-color: transparent !important; color: #FF5500 !important; } .contactViaEmail .btn-primary:hover, .contactViaEmail .btn-primary:focus, .contactViaEmail .btn-primary:hover, .contactViaEmail .btn-primary:focus, .contactViaEmail .btn-primary:active, .contactViaEmail .btn-primary:not(:disabled):not(.disabled).active, .contactViaEmail .btn-primary:not(:disabled):not(.disabled):active { color: #c7373f !important; } /* FINISH SINGLE ROOM PAGE */ /* START HOMEPAGE */ .immagine-tagliata-destra .vc_column-inner .wpb_wrapper, .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html, .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper, .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { width: 100%; height: 100%; } .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { background-image: url(/wp-content/uploads/2019/06/BS_photo_man.jpg) !important; background-repeat: no-repeat; background-size: cover; background-position: left; -webkit-clip-path: polygon(0 0, 90% 0, 100% 90%, 0% 100%); clip-path: polygon(0 0, 90% 0, 100% 90%, 0% 100%); } #home-row .missing-corner-fix { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 10% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 10% 100%); z-index: 99999; /* margin-left: -100px; width: 55%; */ } #home-row .immagine-tagliata-destra .vc_column-inner { margin-right: -200px; } #home-row .missing-corner-fix .vc_column-inner .wpb_wrapper { align-self: center !important; } #second-home-row .column-bad-not-bad-svg-container .vc_column-inner .wpb_wrapper { align-self: center !important; } #second-home-row .column-left-bad-not-bad-svg .vc_column-inner .wpb_wrapper { align-self: center !important; width: 50% !important; } /* .column-bad-not-bad-svg-container.wpb_column.vc_column_container .vc_column-inner { justify-content: flex-start !important; } */ #fourth-row { min-height: 80vh !important; } #fourth-row .immagine-tagliata-sinistra { margin-left: -70px !important; margin-right: 70px !important; } #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper, #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html, #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper, #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { width: 100%; height: 100%; } #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { background-image: url(/wp-content/uploads/2019/06/BS_photo_room.jpg) !important; background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0% 20%, 90% 10%, 100% 90%, 0% 100%); clip-path: polygon(0% 20%, 90% 10%, 100% 90%, 0% 100%); } .slogan-its-easy .wpb_wrapper svg { width: 411px !important; height: 408px !important; } #come-funziona-anchor img { width: 200px !important; height: 200px !important; } #come-funziona-anchor h3.vantaggi-bedstudent { font-size: 24px !important; line-height: 25px !important; color: #005A70 !important; } #come-funziona-anchor p { font-size: 20px !important; line-height: 25px !important; color: #858585 !important; text-align: center !important; } .holder-btn-discoverAdvantages .btn-discoverAllAdvantages { font-size: 24px !important; line-height: 25px !important; width: 300px !important; height: auto; background-color: #fafafa !important; color: #005A70 !important; border-width: 2px !important; padding: 1rem; } .holder-btn-discoverAdvantages { text-align: center !important; padding-top: 50px !important; padding-bottom: 50px !important; } /* FINISH HOMEPAGE */ article.eltd-ls-item { /* max-height: 500px !important; */ max-height: 600px !important; } .eltd-ls-item-image img.wp-post-image { height: 250px !important; } .eltd-listing-rating-holder .eltd-listing-rating-stars-holder span { max-height: 30px !important; } .eltd-ls-archive-items-inner article .eltd-ls-item-inner { padding-bottom: 0 !important; } .request-quote.second-part-form .form-group { margin-top: 1rem !important; margin-bottom: 1rem !important; } form.second-part-form.contractsForm { padding: 0 0 4rem; } input#IdDocumentPicture.form-control, input#BankTransferPicture.form-control { height: auto !important; } .align-left { float: left; } .align-right { float: right; } .promotionalMessaggePrice .promoSideLeft { text-align: left !important; color: #66BE00 !important; font-size: 14px !important; line-height: 20px !important; } .promotionalMessaggePrice .promoSideRight { text-align: right !important; color: #FF5500 !important; font-size: 14px !important; line-height: 20px !important; } .services li { padding-bottom: 10px; } .row.remember-list ol { margin-top: 0; } /* START FOOTER */ footer.eltd-page-footer .eltd-footer-top-holder, footer.eltd-page-footer .eltd-footer-bottom-holder { background-color: #FFD100 !important; } .footer-customization .first-part, .footer-customization .second-part { font-size: 14px !important; line-height: 20px !important; color: #F5EDE1 !important; text-align: left !important; } .footer-customization .first-part a, .footer-customization .first-part a:focus, .footer-customization .first-part a:visited, .footer-customization .first-part a:hover, .footer-customization .first-part a:focus { font-size: 14px !important; line-height: 20px !important; color: #F5EDE1 !important; text-align: left !important; font-weight: 400 !important; } .footer-customization .first-part a:hover, .footer-customization .first-part a:focus { color: #003145 !important; text-decoration: none !important; } .footer-customization { padding-top: 60px !important; } /* .footer-icon-instagram, .footer-icon-skype { display: none !important; visibility: hidden !important; } */ .footer-icon-instagram { display: flex; flex-direction: row; align-content: center; align-items: flex-start; gap: 8px; } .footer-customization .second-part .row { flex-wrap: nowrap !important; } .footer-icon-instagram img { min-width: 35px !important; height: 35px !important; } .footer-icon-instagram span { text-wrap: nowrap; height: 100%; vertical-align: middle; display: flex; align-content: center; align-items: center; font-size: 18px; font-weight: 600 !important; color: #005A70 !important; } .footer-icon-instagram a { display: flex; align-items: center; gap: 8px; } .eltd-page-footer { z-index: 90 !important; } /* FINISH FOOTER */ .arrow_carrot-up:before { content: "\^" !important; } .bookingFormHomepage { max-width: 400px !important; padding-top: 10px !important; } .bookingFormHomepage .booking-form .date-row-left, .bookingFormHomepage .booking-form .date-row-center, .bookingFormHomepage .booking-form .date-row-right { border: 0px !important; min-height: 5vh; } .bookingFormHomepage .booking-form .date-row-left, .bookingFormHomepage .booking-form .date-row-center { margin-bottom: 0; } .bookingFormHomepage div.form-group.date-row-center, #placeHolderForMobileBookingForm div.form-group.date-row-center { background-image: url('images/arrow-down-booking-form.png'); background-position: center; background-repeat: no-repeat; background-size: auto; } #placeHolderForMobileBookingForm div.form-group.date-row-center { background-size: contain; } .bookingFormHomepage .booking-form .date-row-left, .bookingFormHomepage .booking-form .date-row-right { padding-top: 1rem; } .colonna-info-prezzi p { font-size: 24px !important; line-height: 26px !important; color: #F5EDE1 !important; margin-left: -15px !important; } .eltd-container { background-color: #FAFAFA !important; } /* START NEWSLETTER */ .newsletterForm { padding-top: 100px !important; padding-bottom: 100px !important; } .yikes-easy-mc-form input[type=email], .yikes-easy-mc-form input[type=number], .yikes-easy-mc-form input[type=text], .yikes-easy-mc-form input[type=url], .yikes-easy-mc-form select { padding: 20px 24px !important; border-radius: 50px !important; } .yikes-easy-mc-form { margin-top: 113px !important; } .yikes-easy-mc-form label.label-inline.EMAIL-label { float: left !important; z-index: 5 !important; } .yikes-easy-mc-form .yikes-easy-mc-submit-button { min-height: 67px !important; width: 245px !important; float: right; z-index: 9999; margin-top: -113px !important; } /* FINISH NEWSLETTER */ /* START MOBILE HEADER */ .eltd-mobile-header .eltd-mobile-header-inner { background-color: #005A70 !important; border-bottom: 0px !important; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon { font-size: 30px !important; color: #F5EDE1 !important; } /* FINISH MOBILE HEADER */ .mobile-slogan-bed-note-bad { display: none !important; visibility: hidden !important; } /* START RESPONSIVE */ @media (max-width:1024px) { #come-funziona-anchor img { width: 100px !important; height: 100px !important; } #home-row .missing-corner-fix { margin-left: 0; width: 100%; } #home-row .immagine-tagliata-destra { min-height: 70vh; width: 100%; /*order: 2 !important; */ } .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { background-image: url(/wp-content/uploads/2019/07/BS_Man-Homepage-Full.jpg) !important; background-position: left; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } #home-row .missing-corner-fix { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .footer-customization .first-part, .footer-customization .second-part { text-align: center !important; } .circle-traslation-to-left h2 { font-size: 30px !important; line-height: 28px !important; } /* .colonna-info-prezzi .vc_empty_space, .colonna-info-prezzi .bookingFormHomepage,*/ .colonna-info-prezzi .wpb_text_column.wpb_content_element { /*display: none !important; visibility: hidden !important;*/ } #home-row .missing-corner-fix { /*-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); margin-bottom: -90px;*/ } #second-home-row h3, #come-funziona-anchor p { font-size: 12px !important; line-height: 14px !important; } #come-funziona-anchor h3.vantaggi-bedstudent { font-size: 20px !important; line-height: 22px !important; } #fifth-row, #sixth-row, #fourth-row .immagine-tagliata-sinistra, #newsletterFormRow.newsletterForm { display: none !important; visibility: hidden !important; } #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important; background-position: center !important; } #fourth-row { min-height: 60vh !important; } .column-bad-not-bad-svg-container .colonna-svg-bed-not-bad .slogan-bed-not-bad { display: none !important; visibility: hidden !important; } #second-home-row .wpb_wrapper .wpb_raw_html .wpb_wrapper { text-align: center; } #placeHolderForMobileBookingForm { max-width: 300px !important; margin: 0 auto !important; } #placeHolderForMobileBookingForm .booking-form .date-row-left, #placeHolderForMobileBookingForm .booking-form .date-row-center, #placeHolderForMobileBookingForm .booking-form .date-row-right { border: 0px; } #placeHolderForMobileBookingForm .booking-form .date-row-left, #placeHolderForMobileBookingForm .booking-form .date-row-center { margin-bottom: 0; } #placeHolderForMobileBookingForm div.form-group.date-row-center { min-height: 3vh; } #placeHolderForMobileBookingForm form.booking-form { background-color: #F5EDE1; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad { display: block !important; visibility: visible !important; } #second-home-row { /* margin-top: -100px;*/ } #second-home-row .column-left-bad-not-bad-svg { width: 100%; } #come-funziona-anchor .advantages-icon { padding-bottom: 20px; } #placeHolderForMobileBookingForm p { display: none !important; visibility: hidden !important; } #fourth-row .column-left-margin { width: 100% !important; } .footer-customization .first-part .row div { padding-bottom: 10px; } .eltd-mobile-header .eltd-mobile-nav { background-color: #FFD100 !important; border-bottom: 0px !important; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid>ul>li>a, .eltd-mobile-header .eltd-mobile-nav .eltd-grid>ul>li>h5, .eltd-mobile-header .eltd-mobile-nav .eltd-grid>ul>li>h6 { color: #005A70 !important; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid>ul>li.eltd-active-item>a { color: #003145 !important; } .eltd-mobile-header .eltd-mobile-nav ul li a, .eltd-mobile-header .eltd-mobile-nav ul li h5, .eltd-mobile-header .eltd-mobile-nav ul li h6 { border-bottom: 0px !important; } #come-funziona-anchor .vc_empty_space { display: none !important; visibility: hidden !important; } img.resolutionChanger { max-height: 300px !important; width: auto !important; } div.eltd-ls-single-section-inner.right div.eltd-ls-single-booking.contactViaEmail { display: none !important; visibility: hidden !important; } } @media(min-width:1025px) { #home-row { min-height: 105.6522vh !important; } } @media(max-width:1299px) { .datepicker-calendar input[type=text]#arrival, .datepicker-calendar input[type=text]#departure, .border-bottom-row input[type=text]#dateBirth { font-size: 16px !important; text-align: left !important; } .request-quote.second-part-form .datepicker-calendar input[type=text]#arrival, .request-quote.second-part-form .datepicker-calendar input[type=text]#departure, .request-quote.second-part-form .border-bottom-row input[type=text]#dateBirth, .request-quote.second-part-form.contactUs .datepicker-calendar input[type=text]#arrival, .request-quote.second-part-form.contactUs .datepicker-calendar input[type=text]#departure, .request-quote.second-part-form.contactUs .border-bottom-row input[type=text]#dateBirth { font-size: 16px !important; padding-left: 15px !important; } } @media(max-width:319px) { .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad { margin-top: -60%; padding-left: 30px; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad .slogan-bed-not-bad svg { width: 150px !important; height: auto !important; } } @media(min-width:320px) AND (max-width:424px) { .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad { margin-top: -60%; padding-left: 30px; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad .slogan-bed-not-bad svg { width: 150px !important; height: auto !important; } } @media(min-width:425px) AND (max-width:767px) { .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad { margin-top: -60%; padding-left: 50px; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad .slogan-bed-not-bad svg { width: 250px !important; height: auto !important; } } @media(min-width:768px) AND (max-width:1024px) { .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad { margin-top: -35%; padding-left: 50px; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad .slogan-bed-not-bad svg { width: 250px !important; height: auto !important; } } /* FINISH RESPONSIVE */ a#eltd-back-to-top, #eltd-back-to-top:hover, #eltd-back-to-top.on, #eltd-back-to-top { display: none !important; visibility: hidden !important; } .textwidget p { color: #F5EDE1 !important; } .pp_expand { display: none !important; visibility: hidden !important; } .yikes-mailchimp-eu-compliance-text p span#psinformativa { color: #F5EDE1 !important; } .yikes-mailchimp-eu-compliance-text p span#psinformativa a, .yikes-mailchimp-eu-compliance-text p span#psinformativa a:visited, span#psinformativa a, span a, span#psinformativa a:visited, span a:visited { color: #ff4d30 !important; } .yikes-mailchimp-eu-compliance-text p span#psinformativa a:hover, .yikes-mailchimp-eu-compliance-text p span#psinformativa a:focus, span#psinformativa a:hover, span a:hover, span#psinformativa a:focus, span a:focus { color: #c40002 !important; } .eltd-ls-single-booking:not(.second-part-form) .datepicker-calendar label.control-label { font-size: 20px !important; line-height: 25px !important; color: #005A70 !important; margin-top: 15px; margin-bottom: 5px; font-weight: 500; } .eltd-ls-single-booking:not(.second-part-form) .datepicker-calendar select { border: 1px solid #005A70; padding: 10px 8px; color: #005A70; border-radius: 10px; margin: 8px 0 15px; } .eltd-ls-single-booking #errorRequestQuoteBoxDate { margin-top: 10px; } .eltd-ls-single-booking .row.datepicker-calendar div { text-align: left !important; } .eltd-ls-single-booking span.loading { font-style: italic; font-size: 14px; line-height: normal; display: block; } /* START PAGE ADVANTAGES */ #background-advantages-row .background-advantages-container { width: 100% !important; background: url("/wp-content/uploads/2019/06/BS_photo_room.jpg"); background-size: cover; background-position: center; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); height: 70vh !important; } #background-advantages-row svg { height: auto !important; width: 400px !important; margin-top: -150px; } .newsletterForm h4 { color: #F5EDE1 !important; } .newsletterForm .yikes-easy-mc-form { margin-top: 50px !important; } #background-advantages-row .its-easy-svg-container { text-align: right !important; } #advantages-row img { width: auto !important; height: 250px !important; } #advantages-row #advantages-first-part-row p, #advantages-row #advantages-second-part-row p { font-size: 20px !important; padding-bottom: 30px !important; } #advantages-row #advantages-first-part-row h3, #advantages-row #advantages-second-part-row h3 { margin-bottom: 5px !important; } #advantages-contact-via-whatsapp .btn-whatsapp h3 { margin: 0 !important; } #advantages-contact-via-whatsapp h3, #advantages-contact-via-whatsapp .btn-whatsapp h3 { font-size: 35px !important; line-height: 44px !important; } #advantages-contact-via-whatsapp .btn.btn-whatsapp { height: 80px !important; color: #858585 !important; background-color: #e3f0d3 !important; width: 100% !important; text-align: left !important; padding-left: 40px !important; background-image: url('/wp-content/uploads/2019/06/whatsapp-icon.png'); background-repeat: no-repeat; background-position: right; background-origin: content-box; border-width: 2px !important; } div.advantages-bed-gallery { margin-top: -35px; background-image: url('/wp-content/uploads/2019/06/BS_photo_room.jpg'); min-height: 60vh; background-position: center; background-size: cover; } #owner-row { height: 100px !important; text-align: center !important; } #owner-row a.owner-btn { background-color: #005A70 !important; font-size: 20px !important; line-height: 25px !important; color: #F5EDE1 !important; border-width: 3px !important; padding: .75rem .75rem !important; } /* FINISH PAGE ADVANTAGES */ .form-control:disabled, .form-control[readonly] { background-color: #F5EDE1 !important; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(199, 55, 63, .5) !important; } #advantages-contact-via-whatsapp .btn-whatsapp h3 { color: #FF5500 !important; } .btn-thankYouPage-holder { text-align: center !important; } .btn-thankYouPage-holder .btn { padding: .75rem .75rem !important; font-size: 1.35rem !important; } /* START RESPONSIVE ADVANTAGES */ @media(max-width:768px) { #advantages-row img { height: 200px !important; } #advantages-contact-via-whatsapp { height: 200px !important; } .contact-whatsapp-button .row div { text-align: center !important; } #background-advantages-row .its-easy-svg-container { text-align: left !important; } #background-advantages-row svg { width: 250px !important; } } @media(max-width:767px) { #advantages-contact-via-whatsapp h3 { font-size: 12px !important; line-height: 14px !important; color: #858585 !important; text-align: center !important; } #advantages-contact-via-whatsapp .btn.btn-whatsapp { width: 90% !important; } #advantages-contact-via-whatsapp a.btn-whatsapp h3 { text-align: left !important; } } /* FINISH RESPONSIVE ADVANTAGES */ @media(min-width:992px) { #owner-row { display: none !important; visibility: hidden !important; } } /* START OWNER CHANGES */ input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:visited { background-color: #FF5500 !important; border-color: #FF5500 !important; color: #F5EDE1 !important; } input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus { background-color: #c7373f !important; border-color: #c7373f !important; } /* FINISH OWNER CHANGES */ /* START WHATSAPP FIXED BANNER MOBILE */ #whatsappFixedBanner { background: #E3F0D3; bottom: 0px; left: 0; padding: 0px 0; position: fixed; width: 100%; z-index: 99999; vertical-align: middle; margin: 0px 0 0; } #whatsappFixedBanner #advantages-contact-via-whatsapp { height: 90px !important; } #whatsappFixedBanner #advantages-contact-via-whatsapp .contact-whatsapp-button { padding-top: 5px !important; } #whatsappFixedBanner { display: none !important; visibility: hidden !important; } @media(max-width:1024px) { .eltd-ls-single-booking.whatsapp-form { display: none !important; visibility: hidden !important; } #whatsappFixedBanner { display: block !important; visibility: visible !important; } } /* STOP WHATSAPP FIXED BANNER MOBILE */ /* MODIFICHE POST REVISIONE */ /* MODIFICHE HOMEPAGE */ /* MODIFICHE MENU */ @media(min-width:1025px) { .eltd-page-header .eltd-sticky-header .eltd-sticky-holder .eltd-vertical-align-containers .eltd-position-left .eltd-position-left-inner .eltd-sticky-nav>ul>li.btn-ownerMenu { margin-right: 0px !important; margin-left: 0px !important; } } /* FINE MODIFICHE MENU */ /* MODIFICHE PRIMA RIGA */ /*@media(min-width:1440px){ .circle-traslation-to-left h2 { font-size: 60px !important; line-height: 56px !important; } }*/ @media(min-width:1280px) { .colonna-info-prezzi h2.vc_custom_1562925043981 { margin-top: 90px !important; margin-bottom: 0px !important; } } /* FINE MODIFICHE PRIMA RIGA */ /* MODIFICHE SECONDA RIGA */ #second-home-row .column-left-bad-not-bad-svg .vc_column-inner .wpb_wrapper { align-self: flex-end !important; } @media(max-width:1024px) { #second-home-row .column-left-bad-not-bad-svg .vc_column-inner .wpb_wrapper { align-self: center !important; } } /* FINE MODIFICHE SECONDA RIGA */ /* MODIFICHE QUARTA RIGA */ .slogan-its-easy .wpb_wrapper svg { width: 480px !important; height: 480px !important; } #fourth-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { -webkit-clip-path: polygon(0% 20%, 90% 10%, 95% 90%, 0% 100%); clip-path: polygon(0% 20%, 90% 10%, 95% 90%, 0% 100%); } #fourth-row .immagine-tagliata-sinistra { margin-left: -100px !important; margin-right: 100px !important; } /* FINE MODIFICHE QUARTA RIGA */ /* FINE MODIFICHE HOMEPAGE */ /* MODIFICHE VANTAGGI */ @media(min-width:1025px) { #advantages-first-part-row, #advantages-second-part-row { max-width: 900px !important; margin: 0 auto !important; } #advantages-contact-via-whatsapp { min-height: 200px !important; } } /* FINE MODIFICHE VANTAGGI */ /* MODIFICA SINGOLA CAMERA */ @media(max-width:768px) { #whatsappFixedBanner #advantages-contact-via-whatsapp { display: flex !important; } #whatsappFixedBanner #advantages-contact-via-whatsapp .contact-whatsapp-button { margin: auto 0 !important; } #advantages-contact-via-whatsapp .btn.btn-whatsapp { height: 60px !important; padding-left: 30px !important; background-size: contain; } #advantages-contact-via-whatsapp h3, #advantages-contact-via-whatsapp .btn-whatsapp h3 { font-size: 25px !important; line-height: 25px !important; margin: 15px 0; } } /* FINE MODIFICA SINGOLA CAMERA */ /* FINE MODIFICHE POST REVISIONE */ #beds-list { min-height: 350px; } #loadingMoreBeds, #noMoreBeds { margin-left: 18px !important; margin-top: 30px; margin-bottom: 30px; } #loadingMoreBeds i { margin-right: 5px; } .error-date-box { width: 100%; text-align: center; color: #FF5500; } #loadingBedDetails { width: 100%; text-align: center; } body.home .eltd-ls-archive-items-inner.home-list article { width: 33.3%; padding: 0px 5px; } .eltd-ls-archive-items-inner article .eltd-listing-title { min-height: 100px; } body .eltd-ls-archive-holder .eltd-listing-archive-filter-holder { max-width: 800px; margin: 40px auto 0; } body .eltd-ls-archive-holder .eltd-ls-archive-items-wrapper { width: 100%; } .eltd-ls-archive-holder .eltd-ls-archive-items.eltd-ls-archive-two-columns article { padding-bottom: 0px !important; margin-bottom: 30px !important; max-height: unset !important; } .eltd-listing-single-holder .eltd-ls-single-map-holder { min-height: 450px; height: 450px; background-color: none !important; padding: 0px !important; } .loading-div { margin-top: 20px; margin-bottom: 20px; } .loading-div i { margin-right: 5px; } .loading-div.second-part-form { min-height: 60vh; width: 100%; font-size: 25px; text-align: center; } .reservation-text, .reservation-text p { font-size: 16px !important; line-height: normal !important; color: #2A2A2A !important; margin: 40px 0 30px; } @media (min-width: 1025px) { .page-template-list-of-rooms footer { display: none !important; visibility: hidden !important; } } .single-room-gallery, .single-room-gallery .owl-stage-outer, .single-room-gallery .owl-stage { max-height: 500px; height: 100%; } .single-room-gallery .item img { max-height: 500px; height: 100%; width: auto !important; min-height: 500px; } @media (min-width: 768px) and (max-width: 1024px) { .single-room-gallery, .single-room-gallery .owl-stage-outer, .single-room-gallery .owl-stage { max-height: 350px; } .single-room-gallery .item img { max-height: 350px; margin-right: auto; margin-left: auto; min-height: 350px; } } @media (max-width: 767px) { .single-room-gallery, .single-room-gallery .owl-stage-outer, .single-room-gallery .owl-stage { max-height: 300px; } .single-room-gallery .item img { max-height: 300px; margin-right: auto; margin-left: auto; min-height: 300px; } } #background-who-we-are .background-who-we-are-container { width: 100% !important; background-color: rgba(0, 90, 112, 1); background-size: cover; background-position: center; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%); height: 70vh !important; } #background-who-we-are .thegood-bed-svg-container { text-align: right !important; } #background-who-we-are svg { height: 60% !important; width: auto !important; margin-top: -10vh; margin-left: 200px; } @media(min-width:1440px) AND (max-width:2559px) { #background-who-we-are svg { height: 50% !important; width: 80% !important; } } @media(min-width:1024px) AND (max-width:1339px) { #background-who-we-are .background-who-we-are-container { height: 60vh !important; } #background-who-we-are svg { height: 50% !important; width: auto !important; max-width: 700px; margin-top: -15vh; } } @media(min-width:768px) AND (max-width:1023px) { #background-who-we-are svg { /* height: 50% !important; */ height: auto !important; width: auto !important; max-width: 600px; margin-top: -15vh; margin-left: 100px; } } @media(min-width:425px) AND (max-width:767px) { #background-who-we-are .background-who-we-are-container { height: 40vh !important; } #background-who-we-are svg { height: 50% !important; width: auto !important; max-width: 380px; margin-top: -10vh; margin-left: 20px; } } @media(min-width:375px) AND (max-width:424px) { #background-who-we-are .thegood-bed-svg-container { text-align: center !important; } #background-who-we-are .background-who-we-are-container { height: 30vh !important; } #background-who-we-are svg { height: 20vh !important; width: auto !important; max-width: 380px; margin-top: -5vh; margin-left: 20px; } } @media(max-width:374px) { #background-who-we-are .thegood-bed-svg-container { text-align: center !important; } #background-who-we-are .background-who-we-are-container { height: 25vh !important; } #background-who-we-are svg { height: 15vh !important; width: auto !important; max-width: 300px; margin-top: -5vh; margin-left: 0; } } /* START RESTYLING */ /* START HOMEPAGE RESTYLING */ #home-row.restyling-row .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { background-image: url(/wp-content/uploads/2019/11/homepage-banner-bedstudent.jpg) !important; background-position: right; } #fourth-row.restyling-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { background-image: url(/wp-content/uploads/2019/11/must-be-the-place-bedstudent.png) !important; clip-path: none !important; -webkit-clip-path: none !important; min-height: 1400px; background-position: center; background-size: cover; } #after-four-before-five { margin-top: -400px; padding-bottom: 100px; } #after-four-before-five p.blue-bg-p { font-size: 34px; color: #F5EDE1; line-height: 40px; } @media (max-width:320px) { #home-row .immagine-tagliata-destra { min-height: 44vh !important; } } @media (min-width:321px) AND (max-width:374px) { #home-row .immagine-tagliata-destra { min-height: 44vh !important; } } @media (min-width:375px) AND (max-width:767px) { #home-row .immagine-tagliata-destra { min-height: 44vh !important; } } @media (max-width:767px) { .slogan-bed-not-bad svg path { fill: #ffd100; } #home-row.restyling-row .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { max-height: 450px; } .immagine-tagliata-destra .mobile-slogan-bed-note-bad .colonna-svg-bed-not-bad { margin-top: -35%; display: none; } #after-four-before-five { margin-top: -350px; } #fourth-row.restyling-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { min-height: 400px; background-size: contain; } #after-four-before-five h2 { font-size: 34px !important; line-height: 30px !important; } #after-four-before-five p.blue-bg-p { font-size: 20px; line-height: 24px; } #second-home-row { margin-top: 0; } } @media (min-width:768px) AND (max-width:1023px) { #home-row.restyling-row .immagine-tagliata-destra .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .image-containter { max-height: 600px; } .slogan-bed-not-bad svg path { fill: #ffd100; } #fourth-row.restyling-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { min-height: 1000px; background-size: contain; } #after-four-before-five h2 { font-size: 34px !important; line-height: 30px !important; } #after-four-before-five p.blue-bg-p { font-size: 20px; line-height: 24px; } #after-four-before-five.vc_row.vc_row-o-full-height { min-height: 70vh !important; } } @media (min-width:1024px) AND (max-width:1440px) { #after-four-before-five { margin-top: -250px; } #fourth-row.restyling-row .column-left-margin .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper .cool-kids-image-containter { min-height: 1000px; background-size: contain; } } /* .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item.vc_active { .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item { width: auto !important; height: 606px !important; } .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner { margin: 0 !important; } .vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev { width: 60px !important; height: 60px !important; margin-top: -15px !important; margin-left: -40px !important; font-size: 60px !important; } .vc_images_carousel .vc_carousel-control { color: #005A70 !important; opacity: 1 !important; }*/ .swiper-container.first-card>.swiper-wrapper>.swiper-slide { width: -moz-fit-content; width: fit-content; } /* END HOMEPAGE RESTYLING */ /* START ADVANTAGES RESTYLING */ #background-advantages-row .background-advantages-container { background: url(/wp-content/uploads/2019/11/advantages-banner.jpg); background-position: center; } @media (max-width:768px) { #background-advantages-row .background-advantages-container { background-size: cover; height: 60vh !important; } } p.advantages-description { color: #005A70; font-size: 34px; text-align: left; line-height: 40px; } @media (min-width:1025px) { p.advantages-description { margin-right: 0; margin-left: auto; } } #advantages-row-all-inclusive, #advantages-row-flexi, #advantages-row-recesso-facile, #advantages-row-easy-deposito { min-height: 600px; padding-bottom: 100px; } #advantages-row-easy-deposito { padding-bottom: 0px; } #advantages-row-all-inclusive .vc_col-has-fill .vc_column-inner, #advantages-row-flexi .vc_col-has-fill .vc_column-inner, #advantages-row-recesso-facile .vc_col-has-fill .vc_column-inner, #advantages-row-easy-deposito .vc_col-has-fill .vc_column-inner { background-position: center; background-repeat: no-repeat; background-size: cover; } #advantages-row-all-inclusive .wpb_single_image img, #advantages-row-flexi .wpb_single_image img, #advantages-row-recesso-facile .wpb_single_image img, #advantages-row-easy-deposito .wpb_single_image img { max-height: 300px; width: auto; } #advantages-row-with-banner-slogan { background-size: cover; background-repeat: no-repeat; min-height: 600px; } #advantages-row-recesso-facile { margin-top: -100px; } @media (max-width:767px) { #advantages-row-recesso-facile { margin-top: -50px; } #advantages-row-with-banner-slogan { display: none !important; visibility: hidden !important; } #advantages-row-all-inclusive .wpb_single_image img, #advantages-row-flexi .wpb_single_image img, #advantages-row-recesso-facile .wpb_single_image img, #advantages-row-easy-deposito .wpb_single_image img { max-height: 100px; width: auto; } #advantages-row-with-banner-slogan-mobile-version { background-size: contain; background-repeat: no-repeat; min-height: 400px; } #advantages-row-recesso-facile { margin-top: 0; } #advantages-row-all-inclusive, #advantages-row-flexi, #advantages-row-recesso-facile, #advantages-row-easy-deposito { min-height: 300px; padding-bottom: 30px; } #advantages-row-easy-deposito { padding-bottom: 0; } #advantages-row-all-inclusive .vc_col-sm-6.vc_col-has-fill, #advantages-row-flexi .vc_col-sm-6.vc_col-has-fill, #advantages-row-recesso-facile .vc_col-sm-6.vc_col-has-fill, #advantages-row-easy-deposito .vc_col-sm-6.vc_col-has-fill { min-height: 300px; padding-top: 20px; } #advantages-row-flexi .vc_col-sm-6, #advantages-row-easy-deposito .vc_col-sm-6 { order: 1; } #advantages-row-flexi .vc_col-sm-6.vc_col-has-fill, #advantages-row-easy-deposito .vc_col-sm-6.vc_col-has-fill { order: 2; } #advantages-row-all-inclusive p, #advantages-row-flexi p, #advantages-row-recesso-facile p, #advantages-row-easy-deposito p { text-align: center; margin: 0 auto; max-width: 80%; } } @media (min-width:768px) { #advantages-row-with-banner-slogan-mobile-version { display: none !important; visibility: hidden !important; } #advantages-row-all-inclusive p, #advantages-row-flexi p, #advantages-row-recesso-facile p, #advantages-row-easy-deposito p { text-align: center; margin: 0 auto; max-width: 50%; } } /* END ADVANTAGES RESTYLING */ /* START WHO WE ARE RESTYLING */ #background-who-we-are .background-who-we-are-container { background-image: url(/wp-content/uploads/2019/11/banner-whowe-are.jpg); background-repeat: no-repeat; } p.who-we-are-description { color: #F5EDE1; font-size: 34px; text-align: left; line-height: 40px; } .coliving-section { text-align: left; padding-right: 100px; padding-bottom: 50px; } .coliving-section h3 { color: #F5EDE1 !important; font-size: 34px !important; line-height: 40px !important; } .coliving-section p.description-coliving { color: #F5EDE1 !important; font-size: 20px !important; line-height: 25px !important; } #they-call-us-dreamers-row { background-repeat: no-repeat; background-size: contain; min-height: 800px; } @media (min-width:2248px) { #they-call-us-dreamers-row { min-height: 850px; background-size: cover; } } #who-weare-banner-bottom-row { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 800px; } @media (max-width:767px) { #who-weare-banner-bottom-row { min-height: 20vh; } } @media (max-width:1024px) { .coliving-section { padding: 0 50px; padding-bottom: 50px; } #who-we-are-description-row .vc_col-has-fill .vc_column-inner { background-size: cover; background-position: center; background-repeat: no-repeat; } #who-we-are-description-row .wpb_column:first-child { order: 2 !important; } #who-we-are-description-row .wpb_column.vc_col-has-fill { min-height: 400px; order: 1; } #they-call-us-dreamers-row { min-height: 30vh; } } @media (min-width:768px) AND (max-width:1024px) { #who-weare-banner-bottom-row { min-height: 30vh; } } /* END WHO WE ARE RESTYLING */ /* START FAQ RESTYLING */ #faq-banner .vc_column-inner { background-position: left; background-size: cover; } .page-id-3116 .eltd-content .eltd-content-inner>.eltd-container>.eltd-container-inner { padding-top: 0 !important; } #faq-section { padding-left: 20px; } @media (min-width:768px) { #faq-section { padding-right: 20px; } } @media (min-width:1440px) { #faq-section { padding-left: 10%; padding-top: 10%; } } @media (min-width:1024px) AND (max-width:1439px) { #faq-section { padding-left: 5%; } } @media (max-width:768px) { #faq-section { order: 2; } #faq-banner { order: 1; min-height: 40vh; } #faq-banner .vc_column-inner { background-image: url('/wp-content/uploads/2019/07/BS_Man-Homepage-Full.jpg') !important; } } /* END FAQ RESTYLING */ #advantages-contact-via-whatsapp.vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; } select#lang-menu { background-color: transparent; border: 0; color: #F5EDE1 !important; position: absolute; top: 30px; right: -30px; } select#lang-menu option { background-color: transparent !important; color: #005a70 !important; } .eltd-main-menu>ul>li.btn-ownerMenu { padding-right: 10px; } @media only screen and (max-width: 1520px) { .eltd-main-menu>ul>li>a { padding: 28px 10px !important; } } .eltd-main-menu>ul>li.language-change { display: none !important; visibility: hidden !important; } /* FIXES POST UPDATE */ div.advantages-bed-gallery { display: none !important; visibility: hidden !important; } /* END FIXES POST UPDATE */ /* END RESTYLING */ @media (max-width:768px) { div.row.services>div>ul>li.row.align-items-center { display: inline-flex !important; } } @media (min-width:768px) { div.row.services>div>ul>li.row.align-items-center>div>img { min-height: 40px !important; min-width: 40px !important; } } ul.multipleColumns { column-count: 2 !important; } .eltd-listing-single-holder article .eltd-ls-single-header .eltd-ls-single-section-holder.top .eltd-ls-single-section-inner.left { max-height: 180px !important; } .fa, .fas { font-family: "Font Awesome 5 Pro" !important; } iframe.kommunicate-custom-iframe { right: 100px; } @media (max-width:768px) { iframe.kommunicate-custom-iframe{ bottom: 140px; right: 5px; } } a.book-videocall-widget, a.book-videocall-widget:active, a.book-videocall-widget:focus, a.book-videocall-widget:visited, a.book-videocall-widget:hover { bottom: 20px; right: 20px; z-index: 99999; background-color: #FF5500 !important; padding: 20px; position: fixed; width: 60px; height: 60px; border-radius: 50%; float: right; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; display: flex !important; font-size: 25px; color: #F5EDE1; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, 0.5); } @media (max-width: 1024px) { body.page-template-single-room .kommunicate-custom-iframe { bottom: 90px !important; } body.page-template-single-room a.book-videocall-widget { bottom: 100px !important; } } @media (max-width: 768px) { a.book-videocall-widget, a.book-videocall-widget:active, a.book-videocall-widget:focus, a.book-videocall-widget:visited, a.book-videocall-widget:hover, body.page-template-single-room a.book-videocall-widget { bottom: 75px !important; right: 15px !important; } } /* START CONVENTION LIST AND SINGLE */ .convention-list-container { display: flex; flex-flow: row wrap; padding-bottom: 50px; align-items: stretch; } .single-list-convention { flex: 0 0 33%; padding: 10px; } /* html { background-color: #FAFAFA !important; } .eltd-page-footer { position: fixed !important; bottom: 0; } */ @media (max-width:1024px) { .single-list-convention { flex: 0 0 50%; } } @media (max-width:680px) { .single-list-convention { flex: 0 0 100%; } } /* FINISH CONVENTION LIST AND SINGLE */ /* START BLOG ARTICLE LIST AND SINGLE */ .eltd-blog-standard>.eltd-blog-holder-inner { display: flex; flex-flow: row wrap; align-items: stretch; } .eltd-blog-holder article .eltd-post-image img { height: 170px; width: 100%; object-fit: cover; } .eltd-blog-standard>.eltd-blog-holder-inner>article { flex: 0 0 33%; background-color: unset !important; padding: 0 10px !important; } @media (max-width:1024px) { .eltd-blog-standard>.eltd-blog-holder-inner>article { flex: 0 0 50%; } } @media (max-width:680px) { .eltd-blog-standard>.eltd-blog-holder-inner>article { flex: 0 0 100%; } } .eltd-blog-holder.eltd-blog-standard article .eltd-blog-list-button { text-transform: none !important; } .eltd-blog-holder.eltd-blog-standard article .eltd-post-info-bottom { color: #ababab !important; font-size: 14px !important; } .single-convention-gallery { height: 70vh !important; background-position: center; width: 100% !important; background-size: cover; } @media (max-width: 768px) { .single-convention-gallery { height: 60vh !important; } } /* FINISH BLOG ARTICLE LIST AND SINGLE */ /* COLIVING */ .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; float: unset; padding: 0; } .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article { width: 33%; } .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article .eltd-ls-item-inner { height: 120px !important; } .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving h2 { font-size: 40px; line-height: 50px; margin-bottom: 35px; } @media (min-width: 1025px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article:nth-child(2n+1) { clear: unset; } .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article:nth-child(3n+1) { clear: both; } } @media (max-width: 1200px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items-wrapper { max-width: 90%; } } @media (max-width: 700px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article { width: 50%; } } @media (max-width: 480px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article { width: 100%; } } /* END COLIVING */ /* SINGLE COLIVING */ .eltd-listing-single-holder-coliving article .eltd-ls-single-header .eltd-ls-single-section-holder.top .eltd-ls-single-section-inner.left { width: 100%; } .eltd-listing-single-holder-coliving article .eltd-ls-single-section-inner.left { width: 100% !important; padding-right: 0 !important; } .eltd-listing-single-holder-coliving article .single-coliving-rooms article { width: 33%; padding: 0 18px; margin: 0 0 30px; } .eltd-listing-single-holder-coliving article .single-coliving-rooms article:nth-child(3n+1) { clear: both; } @media (max-width: 1024px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article:nth-child(3n+1) { clear: unset; } .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article:nth-child(2n+1) { clear: both; } .eltd-listing-single-holder-coliving article .single-coliving-rooms article { width: 50%; } } @media (max-width: 680px) { .eltd-ls-archive-holder.eltd-ls-archive-holder-coliving .eltd-ls-archive-items.eltd-ls-archive-two-columns article:nth-child(2n+1) { clear: unset; } .eltd-listing-single-holder-coliving article .single-coliving-rooms article { width: 100%; clear: both !important; } } /* END SINGLE COLIVING */ @media (max-width: 575px) { .form-group.flex-content { display: flex; flex-flow: column; } } @media (min-width: 576px) { .form-group.flex-content { display: flex; flex-flow: row; } } .flex-content .select2-container, .flex-content .select2-container .selection, .flex-content .select2-container .selection .select2-selection { height: calc(1.5em + 0.75rem + 2px) !important; width: 100%; } .flex-content .select2-container, .flex-content .select2-container .selection, .flex-content .select2-container .selection .select2-selection, .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(1.5em + 0.75rem + 2px) !important; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { color: #444; font-weight: 900; } .alert-error-message { margin: 4rem 2rem; padding: 1rem 2rem; background: red; color: #F5EDE1 !important; } .alert-error-message p { color: #F5EDE1 !important; margin: 0 !important; } .contractsForm label.control-label { padding-bottom: 5px !important; padding-left: 0 !important; } @media (max-width:767px) { body.page-id-3470 a.book-videocall-widget, body.page-id-3470 #kommunicate-widget-iframe { display: none !important; visibility: hidden !important; } } .booking-summary-form { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } @media (max-width: 700px) { .booking-summary-form { display: flex; flex-direction: column; -ms-flex-direction: column; } } #recap-list { display: flex; flex-direction: column; -ms-flex-direction: column; } #recap-list .single-recap { display: flex; gap: 15px; } #recap-list .single-recap .position { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } #recap-list .single-recap .position div.circle { color: rgb(255, 255, 255); border: 1px solid #FF5500; background-color: #FF5500; width: 45px; min-width: 45px; height: 45px; min-height: 45px; border-radius: 100%; display: flex; justify-content: center; align-items: center; } #recap-list .single-recap .position div.step { border: 1px solid #FF5500; background: #FF5500; width: 1px; height: 100%; } #recap-list .single-recap .content { display: flex; flex-direction: column; -ms-flex-direction: column; gap: 15px; } #recap-list .single-recap .content h4 { margin: 9px 0 0; font-size: 20px; line-height: normal; } #recap-list .single-recap .content > p { margin: 0; } #recap-list .single-recap .content > p:last-of-type { margin-bottom: 30px; } .booking-summary-form-room article.eltd-ls-item { background-color: #F5EDE1; border: 1px solid #ebebeb; max-width: 400px; } .booking-summary-form-room article.eltd-ls-item .eltd-ls-item-inner { box-sizing: border-box; padding: 21px 24px; } .booking-summary-form-room article.eltd-ls-item .eltd-ls-item-inner h4 { margin: 0 0 20px; } .booking-summary-form a.btn { grid-column: 1 / -1; margin: 0px auto 25px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1000px) { body .eltd-ls-archive-holder .eltd-ls-archive-items.eltd-ls-archive-four-columns article { width: 33% !important; } } @media (max-width: 750px) { body .eltd-ls-archive-holder .eltd-ls-archive-items.eltd-ls-archive-four-columns article { width: 50% !important; } } @media (max-width: 500px) { body .eltd-ls-archive-holder .eltd-ls-archive-items.eltd-ls-archive-four-columns article { width: 100% !important; } } .CountryofBirth .select2{ width:100% !important; } /* STUDIOS / MONOLOCALI */ .btn-monolocali-preferred{ display: flex; background-color: #FFC700; /* Giallo */ color: #015A70; /* Testo nero */ text-decoration: none; padding: 15px 50px; font-weight: bold; font-size: 18px; text-align: center; transition: background-color 0.3s ease; border: none; cursor: pointer; margin-right: auto; margin-left: auto; margin-bottom: 30px; } .btn-monolocali-preferred:hover { background-color: #e6b800; /* Giallo leggermente più scuro al passaggio del mouse */ color:white; } .column-card-switch .eltd-ls-item-inner{ min-height: 265px; display: flex; flex-direction: column; justify-content: space-between; } .column-card-switch .eltd-listing-title{ text-align: center; } .multipleColumnsStudio{ display: grid; grid-template-columns: repeat(4, 1fr); /* 4 colonne */ gap: 20px; /* spazio tra gli elementi, opzionale */ list-style: none; padding: 0; } @media (max-width: 768px){ .multipleColumnsStudio{ grid-template-columns: repeat(2, 1fr); /* 2 colonne */ } } .column-card-switch img{ object-fit: cover; } /* POPUP MONOLOCALI */ #popup-monolocali { position: fixed; top: 50%; right: 20px; transform: translateY(-50%); background: #EFEEF1; border-radius: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 25px 30px; max-width: 370px; z-index: 9999; display: none; font-family: 'Arial', sans-serif; } .popup-monolocali-content { position: relative; } .popup-monolocali-close { position: absolute; right: 10px; font-size: 36px; color: #0f4c5c; cursor: pointer; line-height: 1; } .popup-monolocali-text { font-size: 18px; color: #0f4c5c; margin-bottom: 20px; line-height: 1.4; width: 80%; } .popup-monolocali-button { display: inline-block; background-color: #ffcb05; color: #0f4c5c; font-weight: bold; padding: 12px 20px; text-decoration: none; border-radius: 4px; transition: background 0.3s ease; } .popup-monolocali-button:hover { background-color: #f0b800; color: white; } .popup-monolocali-hidden { display: none; } /* Mobile override */ @media (max-width: 768px) { #popup-monolocali { display: none !important; } } /* Bottom Bar Disponibilità */ #bottom-bar-mobile-availability { position: fixed; bottom: 0; left: 0; right: 0; background-color: #FF5500; text-align: center; padding: 16px; z-index: 9999; display: none; /* di default nascosta su desktop */ } #bottom-bar-mobile-availability a { color: white; font-size: 18px; text-decoration: none; font-weight: 500; } /* Mostra solo su mobile */ @media (max-width: 768px) { #bottom-bar-mobile-availability { display: block; } } /* STILE SWITCH HOME */ .scelta-alloggio-container { padding: 40px 20px; text-align: center; color: #F5EDE1 !important; font-family: sans-serif; } .scelta-alloggio-container h2 { margin-bottom: 30px; font-size: 24px; color: #F5EDE1 !important; font-family: 'Archivo', sans-serif !important; font-weight: 400 !important; } .scelta-cards { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .card-alloggio { background-color: #F5EDE1; border-radius: 15px; padding: 30px 20px; width: 100%; color: #000000 !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; display: flex; flex-direction: column; justify-content: space-around; } .card-alloggio:hover { transform: translateY(-5px); } .card-alloggio i { font-size: 30px; margin-bottom: 15px; display: block; color: #00485d; } .card-alloggio p { font-size: 16px; margin-bottom: 20px; color: #015A70 !important; } .card-alloggio p strong { font-weight: bold; } .card-alloggio button { background-color: #FF5500; border: none; padding: 10px 20px; color: white; font-size: 14px; border-radius: 5px; cursor: pointer; } .card-alloggio button:hover { background-color: #e65c4f; } kepleroai-chat { bottom: 100px !important; } @media(max-width: 768px){ kepleroai-chat { bottom: 150px !important; right: 17px !important; } } .floatingIcon { position: fixed; width: 60px; height: 60px; bottom: 100px; right: 20px; background-color: #25d366 !important; color: #F5EDE1 !important; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, 0.5); z-index: 100 !important; align-content:center; margin: auto; } @media (max-width: 768px) { .floatingIcon{ bottom: 150px; right: 15px; } } @media(max-width: 768px) { .footer-customization .second-part .row { flex-wrap: nowrap !important; display: flex; flex-direction: column; align-items: center !important; align-content: center; gap: 10px; } .footer-icon-instagram { display: flex; flex-direction: column; align-content: center; align-items: center; gap: 5px; justify-content: center; } .footer-icon-instagram img { min-width: 36px !important; height: 36px !important; } .footer-icon-instagram a { display: flex; align-items: center; gap: 8px; flex-direction: column !important; } } /* * RESTYLING 2026 */ .eltd-page-header .eltd-sticky-header { height: 105px !important; } ul#menu-main-menu-navigation { display: flex !important; justify-content: flex-end !important; width: max-content; } li.qtranxs-lang-menu { margin: 0px 20px !important; } ul#menu-main-menu-navigation span.item_text { font-weight: 600 !important; } .eltd-main-menu>ul>li.btn-ownerMenu a span.item_outer span.item_text { margin-top: -10px !important; padding: 10px 15px !important; font-size: 20px !important; line-height: 20px !important; border: none !important; border-radius: 0px !important; color: #F5EDE1 !important; background-color: #222220 !important; } nav.eltd-main-menu.eltd-drop-down.eltd-sticky-nav #menu-main-menu-navigation-1 { display: flex; justify-content: flex-end; width: fit-content; margin-top: 8px; } .btn-ownerMenu a { width: max-content !important; } nav.eltd-main-menu.eltd-drop-down.eltd-default-nav { display: flex !important; justify-content: flex-end !important; margin-top: 15px; } .eltd-logo-wrapper a img { width: 100px !important; max-width: 135px !important; height: 100% !important; } nav.eltd-main-menu.eltd-drop-down.eltd-sticky-nav { display: flex; justify-content: flex-end; width: fit-content !important; } .eltd-vertical-align-containers .eltd-position-center:before, .eltd-vertical-align-containers .eltd-position-left:before, .eltd-vertical-align-containers .eltd-position-right:before { content: none !important; } .eltd-sticky-holder .eltd-position-left-inner { display: flex !important; flex-direction: row; justify-content: space-between; } .eltd-page-header .eltd-sticky-header .eltd-logo-wrapper a { max-height: 100px !important; } .eltd-page-header .eltd-sticky-header .eltd-logo-wrapper a { display: flex; align-items: center; } .eltd-sticky-holder .eltd-logo-wrapper a img { width: 85px !important; max-width: 135px !important; height: 85px !important; } .eltd-main-menu>ul>li>a>span.item_outer .item_text { position: relative; display: inline-block; vertical-align: top; font-weight: 600 !important; } .eltd-mobile-header .eltd-mobile-header-inner { background-color: #F5EDE1 !important; border-bottom: 0px !important; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon { font-size: 30px !important; color: #000 !important; } #atf-home { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); height: 700px; background-position: left; background-size: 50%; background-repeat: no-repeat; z-index: 10; position: relative; } .img-atf-home img { height: 850px !important; object-fit: cover; } div#atf-home .vc_column-inner { padding: 0px !important; } .atf-two-section { width: 100%; display: flex; flex-direction: row; } .atf-img-left { width: 100%; height: 800px; } .atf-squared { margin-left: -220px; position: relative; } .atf-squared img { height: 90%; width: 100vw; } .atf-img-left img{ width: 100%; height: 800px; object-fit: cover; } .atf-text { position: absolute; top: 15%; right: 30%; } a.button-bicolor span { background: #2a2a2a; color: #F5EDE1; padding: 10px 15px; } a.button-bicolor { display: flex; flex-direction: row; align-items: center; gap: 5px; margin-top: 15px; } a.button-bicolor i { font-size: 18px; height: -webkit-fill-available; display: flex; align-items: center; background: #FF5500; padding: 13px; } a.button-bicolor i:hover, a.button-bicolor:hover i { color: #2a2a2a !important; } .hide-desktop { display: none !important; } #padpadpad { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #222220; } .padpadpad-home { display: flex; flex-direction: row; padding: 30px 0px 30px 0px; height: 560px; } .padpadpad-home-text { width: 100%; display: flex; justify-content: center; padding: 0px 5%; } .padpadpad-home-img { width: 100%; margin-top: -405px; display: flex; justify-content: flex-end; } p.padpadpad-home-p { font-size: 38px !important; line-height: 1.2 !important; color: #F5EDE1 !important; } div#padpadpad .vc_column-inner { padding: 0px; } #atf-img-full { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); height: 700px; } div#atf-img-full img { height: 750px; width: 100%; object-fit: cover; } #the-essential { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #222220; margin-top: 48px; } #the-essential .vc_column-inner { padding: 0px; } div#the-essential { background: #222220; padding: 135px 0px; } .the-essential { display: flex; flex-direction: column; align-content: center; align-items: center; } h2.title-h2-big { text-align: center; } h2.title-h2-big { margin: 0px; } .container-icons-texts { display: flex; } .icon-text { width: 100%; display: flex; flex-direction: column; align-items: center; } .icon-text p, .icon-text h3 { text-align: center; } .container-icons-texts { display: flex; margin: 80px 0px; gap: 40px; width: 75%; } h2.title-h2-big.violet, .icon-text h3{ color: #CEB3D5 !important; } h2.title-h2-big.white { color: #F5EDE1; } .icon-text h3 { font-size: 24px !important; margin: 28px 0px 8px 0px; } .icon-text p { font-size: 24px; color: #F5EDE1; } a.button-bicolor-white span { background: #F5EDE1; color: #222220; padding: 10px 15px; font-weight: 600 !important; } a.button-bicolor-white { display: flex; flex-direction: row; align-items: center; gap: 5px; margin-top: 15px; } a.button-bicolor-white i { font-size: 18px; height: -webkit-fill-available; display: flex; align-items: center; background: #FF5500; padding: 13px; } a.button-bicolor-white i:hover, a.button-bicolor-white:hover i { color: #2a2a2a !important; } #row-offerte { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #F5EDE1; padding: 110px 0px; } div#beds-list.home-list { width: 80%; margin: auto; display: flex; flex-direction: column; gap: 10px; } .container-title-text-offers p { font-size: 38px !important; line-height: 1.2 !important; color: #222220 !important; width: 60%; margin: 100px auto 120px auto; text-align: center; } orange { color: #FF5500; } body.home .eltd-ls-archive-items-inner.home-list article { width: 100%; padding: 0px 5px; } #row-offerte article.eltd-ls-item.eltd-ls-item-coliving { display: flex; flex-direction: row; } #row-offerte article.eltd-ls-item.eltd-ls-item-coliving .eltd-ls-item-image { width: 100%; } #row-offerte article.eltd-ls-item.eltd-ls-item-coliving .eltd-ls-item-inner { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .eltd-ls-item-image img { min-height: 400px !important; } .eltd-ls-item-price-action { display: flex; align-items: center; justify-content: space-between; } .eltd-ls-item-price-action a { margin: 0px; } .eltd-ls-item-price-action .eltd-ls-item-price { font-size: 37px; text-transform: uppercase; color: #F5EDE1 !important; } .eltd-ls-item-title .eltd-listing-title { font-size: 40px !important; text-transform: uppercase; } article.eltd-ls-item.eltd-ls-item-coliving { padding: 43px !important; background: #222220; } .eltd-ls-item-inner { background: #222220 !important; border: none !important; } h3.eltd-listing-title { color: #F5EDE1 !important; } .eltd-ls-archive-items-inner article .eltd-ls-item-address { box-sizing: border-box; background-color: transparent !important; font-size: 20px !important; color: #F5EDE1 !important; margin: 25px 0px; } div#row-contact-us { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #F5EDE1; padding: 80px 0px 120px 0px; } .container-contact-us { display: flex; width: 80%; margin: auto; } .contact-us-title { width: 100%; } .container-contact-us-button { width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .contact-us-title h2 { text-align: left; font-size: 90px !important; } div#row-contact-us .vc_column-inner { padding: 0px; } div#row-offerte .vc_column-inner { padding: 0px; } .eltd-ls-item-image img { object-fit: cover; object-position: center; } footer.eltd-page-footer .eltd-footer-top-holder, footer.eltd-page-footer .eltd-footer-bottom-holder { background-color: #222220 !important; } .widget.eltd-image-widget img { width: 185px; } footer, footer * { color: #F5EDE1 !important; } .row.footer-customization i { font-size: 33px; } .row.footer-customization a, .row.footer-customization p, .row.footer-customization div { font-size: 18px !important; line-height: 24px; } #atf-about-us { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); height: 700px; background-position: left; background-size: 100%; background-repeat: no-repeat; z-index: 10; position: relative; } div#atf-about-us .vc_column-inner { padding: 0px !important; } .atf-about-us { background-image: url(https://padpad.kinsta.cloud/wp-content/uploads/2026/03/sfondo-aboutus.webp); position: relative; height: 870px; display: flex; justify-content: flex-end; background-position-x: right; background-size: cover; background-position-y: top; } .container-squared-title { position: relative; margin-top: 210px; margin-right: -65px; } .container-squared-title h1 { position: absolute; top: 30%; right: 30%; } body:not(.home) header.eltd-page-header { background: #F5EDE1; height: 100%; padding-bottom: 12px; } body:not(.home) .eltd-page-header .eltd-menu-area { position: relative; height: 110px; box-sizing: border-box; background-color: #fff; } .padpadpad-about-text { margin-left: 150px; } p.padpadpad-aboutus-p { font-size: 38px !important; line-height: 1.2 !important; color: #F5EDE1 !important; width: 50%; margin-top: 75px; } #new-standard { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #F5EDE1; } #new-standard .vc_column-inner { padding: 0px !important; } .container-new-standard { display: flex; } .text-new-standard { padding: 100px 145px; width: 100%; } h2.title-h2-medium { font-size: 70px !important; line-height: 80px; } .img-new-standard { width: 100%; } .text-new-standard p { font-size: 24px; line-height: 32px; color: #222220; } .img-new-standard img { width: 100%; height: 750px; object-fit: cover; object-position: center; } #need-is-padpad { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #222220; } #need-is-padpad .vc_column-inner { padding: 0px !important; } .container-need-is-padpad { padding: 150px 0px; } #people { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #222220; } #people .vc_column-inner { padding: 0px !important; } #urban-vision { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #222220; } #urban-vision .vc_column-inner { padding: 0px !important; } .container-urban-vision { display: flex; flex-direction: column; gap: 30px; width: 85%; margin: auto; padding-bottom: 130px; } .container-urban-vision h2 { color: #F5EDE1; } violet { color: #CEB3D5; } .container-texts-urban-vision { display: flex; gap: 115px; } .container-texts-urban-vision p { width: 50%; font-size: 24px; line-height: 32px; color: #F5EDE1; } .textwidget p { color: #F5EDE1 !important; font-size: 18px !important; } #row-atf-advantages { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #F5EDE1; height: 720px; z-index: 10; position: relative; } #row-atf-advantages .vc_column-inner { padding: 0px !important; } .container-squared-title-advantages { position: relative; width: fit-content; top: 115px; width: 50%; } .container-squared-title-advantages h1 { position: absolute; top: 30%; left: 25%; } .atf-advantages { display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; gap: 65px; width: 90%; margin: auto; } .text-atf-advantages { width: 50%; } .text-atf-advantages p { font-size: 30px; line-height: 36px; color: #222220; } .container-people { margin-top: -50px; } #two-column-section { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #222220; } #two-column-section-1 .vc_column-inner { padding: 0px !important; } #two-column-section-1 { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #222220; } #two-column-section .vc_column-inner { padding: 0px !important; } .two-column-section { display: flex; align-items: center; width: 90%; margin: 0px auto 0px auto; } .two-column-section.reverse { display: flex; align-items: center; width: 90%; margin: 0px auto 0px auto; flex-direction: row-reverse; } .two-column-section .text { width: 50%; padding: 100px; } .container-img-2section { width: 50%; } .two-column-section p { color: #F5EDE1; font-size: 24px; line-height: 33px; } .two-column-section h3 { margin: 40px 0px; } body.page-template-list-of-studios .eltd-wrapper .eltd-wrapper-inner .eltd-ls-archive-items-wrapper { background: #222220 !important; padding-bottom: 80px; } body.page-template-list-of-studios h1 { text-align: center !important; margin-top: 180px; margin-bottom: 50px; color: #F5EDE1 !important } .booking-form .date-row-left, .booking-form .date-row-center, .booking-form .date-row-right { background-color: #222220; border-top: 1px solid #F5EDE1; border-bottom: 1px solid #F5EDE1; } .booking-form input[type=text], .datepicker-calendar input[type=text] { border: 0px !important; text-align: center; font-size: 35px !important; line-height: 25px !important; color: #F5EDE1 !important; background: #222220 !important; margin: 0px; font-weight: 500; } .booking-form .date-row-left { border-left: 1px solid #F5EDE1; padding: 40px 15px; border-radius: 20px 0px 0px 20px; } .booking-form .date-row-right { border-right: 1px solid #F5EDE1; padding: 40px 15px; border-radius: 0px 20px 20px 0px } h4.overBookingForm { display: none; } .booking-form label { line-height: 20px !important; color: #F5EDE1 !important; font-size: 20px; } button.btn.btn-primary.listingButton { background: #FF5500 !important; color: #222220 !important; font-size: 24px; font-weight: 600; border-radius: 0px; border-style: none; } body.page-template-list-of-studios .archivio-studio-restyling article { max-height: unset !important; } body.page-template-list-of-studios .archivio-studio-restyling article h3, body.page-template-list-of-studios .archivio-studio-restyling .eltd-ls-item-address, body.page-template-list-of-studios .archivio-studio-restyling .eltd-ls-item-price { color: #222220 !important; } body.page-template-list-of-studios .eltd-ls-item-inner { background-color: #F5EDE1 !important; padding: 21px 24px 40px !important; } body.page-template-list-of-studios #beds-list .clearfix:after, .clearfix:before { content: none !important; display: table; } body.page-template-list-of-studios .eltd-ls-archive-holder .eltd-ls-archive-items.eltd-ls-archive-four-columns article { width: 100% !important; } div#beds-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; } body.page-template-list-of-studios .eltd-ls-item-price-action { display: flex; align-items: flex-start; flex-direction: column; gap: 30px; margin-top: 25px; } body.page-template-list-of-studios a.button-bicolor-white span { background: #2a2a2a; color: #F5EDE1; padding: 10px 15px; } body.page-template-list-of-studios a.button-bicolor-white { display: flex; flex-direction: row; align-items: center; gap: 5px; margin-top: 15px; } body.page-template-list-of-studios a.button-bicolor-white i { font-size: 18px; height: -webkit-fill-available; display: flex; align-items: center; background: #FF5500; padding: 13px; } body.page-template-list-of-studios a.button-bicolor-white i:hover, a.button-bicolor:hover i { color: #2a2a2a !important; } body.page-template-list-of-studios article.eltd-ls-item.eltd-ls-item-coliving { padding: 20px !important; background: #222220; margin: 0px !important; } body.page-template-list-of-studios .eltd-ls-item-title .eltd-listing-title { font-size: 30px !important; text-transform: uppercase; } .container-contact-us.contact-us-studio { padding: 80px 0px 0px 0px; } body.page-template-list-of-studios .eltd-ls-archive-items-wrapper { margin-bottom: 50px; } body.page-id-2960 .eltd-content .eltd-container.eltd-default-page-template { background: #222220 !important; } .form-group h1 { margin-top: 200px; text-align: center; color: #F5EDE1; margin-bottom: 50px !important; } form.eltd-ls-single-booking.request-quote.second-part-form.contactUs label { color: #F5EDE1; font-size: 20px; } .form-group { display: flex; flex-direction: column; } .form-group label { padding: 0px; } input.form-control { max-width: 100%; } select.form-control { max-width: 100%; } textarea.form-control { max-width: 100%; } select#occupation, div.form-group .form-control { max-height: 60px; } .row.submit input { background: #FF5500 !important; color: #222220; font-size: 20px; font-weight: 600; } h1, h2 { font-weight: 400 !important; } #bookingFormSearchForm .form-group { display: flex; align-items: center; } .page-template-single-room .eltd-listing-single-holder article.eltd-ls-single-item { background-color: #222220; } .page-template-single-room .eltd-ls-single-section-holder.top { background: #222220; } .page-template-single-room h1, .page-template-single-room h2, .page-template-single-room h3 { color: #F5EDE1 !important; font-size: 41px !important; line-height: 47px !important; text-transform: uppercase !important; font-weight: 400 !important; } .page-template-single-room .eltd-ls-single-section-inner.left .eltd-ls-content-part-holder .eltd-ls-content-part.second-part.titolo-arancione-camera { line-height: 50px !important; color: #FF5500 !important; font-size: 38px !important; text-transform: uppercase; } .eltd-ls-content-part-holder.fifth-part h4 { line-height: 50px !important; color: #FF5500 !important; font-size: 38px !important; text-transform: uppercase; margin-bottom: 30px; } ul.multipleColumnsStudio span { color: #F5EDE1 !important; font-size: 20px !important; } .eltd-listing-single-holder article .eltd-ls-single-section-inner.right .eltd-ls-single-booking { background: #F5EDE1 !important; border-radius: 20px; } .contact-us-title h2 { color: #222220 !important; text-align: left; font-size: 90px !important; line-height: 95px !important; } .page-template-single-room.eltd-listing-single-holder article .eltd-ls-single-header .eltd-ls-single-section-holder.top { padding: 50px 0; } .eltd-listing-single-holder article p, .eltd-listing-single-holder article ul, .eltd-listing-single-holder article h4 { font-size: 21px !important; color: #F5EDE1 !important; list-style: none; margin: 20px 0px; } .eltd-listing-single-holder article .eltd-ls-single-section-inner.right { position: relative; right: 0; top: -250px !important; } h2.footer-headline { font-size: 72px !important; line-height: 80px !important; } .page-template-single-room .single-bed-gallery { margin-bottom: 60px !important; } div.eltd-ls-single-booking.request-quote h5 { color: #222220 !important; font-size: 40px !important; line-height: 44px !important; text-align: center !important; text-transform: uppercase; font-weight: 500 !important; margin: 0px; } .page-template-single-room .eltd-ls-single-booking.request-quote label { text-transform: uppercase; text-align: center; width: 100%; color: #222220 !important; } .eltd-ls-single-booking:not(.second-part-form) .datepicker-calendar label.control-label { font-size: 22px !important; line-height: 25px !important; color: #222220 !important; margin-top: 0px !important; margin-bottom: 0px !important; font-weight: 400; } .eltd-ls-single-booking:not(.second-part-form) .datepicker-calendar select { border: 1px solid #222220; padding: 10px 8px; color: #222220; border-radius: 10px; margin: 0px 0px 0px 0px !important; } .col-md-4.total-right h4 { font-size: 26px !important; } .col-md-10.all-inclusive span { text-align: right; width: 100% !important; display: flex; justify-content: flex-start; color: #FF5500; font-size: 16px !important; font-weight: 500 !important; } .row.border-bottom-row { border-bottom: 1px solid #222220; padding: 20px 0px !important; display: flex; justify-content: space-between; } .border-bottom-row.total h4 { margin-top: 0px !important; margin-bottom: 5px !important; font-size: 20px !important; line-height: 25px !important; color: #222220 !important; } .page-template-single-room .eltd-ls-single-booking .row.datepicker-calendar div { text-align: left !important; display: flex; flex-direction: column; gap: 12px; max-width: 100%; } .page-template-single-room .form-group.date-row-center.col-md-2.col-sm-2.col-xs-12 { display: none; } .page-template-single-room .row.border-bottom-row.total { border-style: none; } .page-template-single-room .border-bottom-row.total h4 { margin-top: 0px !important; margin-bottom: 5px !important; font-size: 20px !important; line-height: 25px !important; color: #222220 !important; font-weight: 400 !important; } .page-template-single-room .row.submit .col-md-2 { display: none; } .page-template-single-room .submit .footer-contact-form { color: #FF5500 !important; font-size: 16px !important; line-height: 20px !important; text-align: left !important; font-weight: 500 !important; } .page-template-single-room .col-md-4.total-right h4 { font-size: 26px !important; font-weight: 500 !important; } .page-template-single-room .submit .all-inclusive { padding-bottom: 20px !important; } .page-template-single-room .eltd-ls-single-section.eltd-grid.clearfix { max-width: 1400px !important; width: 100%; } .page-template-single-room .submit .btn-primary { margin-top: 10px !important; width: 100% !important; border-radius: 0px; color: #222220; font-weight: 500; font-size: 18px; } .page-template-single-room .chat-container { background-color: transparent !important; width: 100% !important; overflow: hidden; display: flex; flex-direction: column; min-height: 500px; margin: auto !important; max-height: 100% !important; border-color: #F5EDE1 !important; border-radius: 20px; border-width: 2px !important; } .page-template-single-room .entry-chats-wrapper { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; overflow: visible !important; align-items: center !important; padding: 10px !important; gap: 10px !important; scroll-snap-type: x mandatory !important; margin-left: 10px !important; align-items: stretch !important; border-style: none !important; height: 100% !important; } .page-template-single-room .dot { height: 10px; width: 10px; margin: 5px; border-radius: 50%; background-color: #FF5500 !important; animation: bounce 1.2s infinite; } .page-template-single-room #send-btn-conver { /* background: linear-gradient(90deg, var(--rainbow-1) 0%, var(--rainbow-2) 21.87%, var(--rainbow-3) 21.88%, var(--rainbow-4) 43.75%, var(--rainbow-5) 66.67%, var(--rainbow-6) 93.23%); */ background: #FF5500; color: white; border: none; padding: 10px 16px; border-radius: 30px; cursor: pointer; } .page-template-single-room .eltd-listing-single-holder article .eltd-ls-single-section-inner.left { padding-right: 130px !important; } .eltd-container { background-color: #222220 !important; } .container.formForOwners div label { color: #F5EDE1 !important; width: 100% !important; max-width: 100%; text-align: left; } .container.formForOwners { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .container.formForOwners .row.form-group p { width: 90%; } .row.checkboxPrivacyRow.align-items-center.justify-content-center.form-group { grid-row-start: 3; grid-column-start: 1; grid-column-end: 3; display: flex; align-items: flex-start !important; margin: 0px !important; text-align: left; color: #F5EDE1 !important; } .row.submitRow.justify-content-center.align-items-center.form-group { grid-column-start: 1; grid-row-start: 4; grid-column-end: 3; } .formForOwners .row.checkboxPrivacyRow.align-items-center.justify-content-center.form-group p { width: 100%; } /* colonna submit full width */ .formForOwners .row.submitRow .col-md-6 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } /* bottone full width */ .formForOwners .row.submitRow input[type="submit"] { width: 97%; display: block; border-radius: 0px; margin: auto; } .formForOwners .form-group.col-md-6.col-sm-12 p { width: 100% !important; } .formForOwners span#psinformativa { color: #F5EDE1; } .formForOwners .form-group.col-md-6.col-sm-12 p { width: 100% !important; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .formForOwners .row.checkboxPrivacyRow.align-items-center.justify-content-center.form-group .form-group { width: 100%; max-width: 100%; padding: 0px; } .formForOwners input.wpcf7-form-control.wpcf7-submit:hover { color: #fff; background-color: #FF5500 !important; border: 2px solid #FF5500 !important; } .booking-summary-form { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 50px !important; margin-bottom: 150px; } .booking-summary-form-room h3, .booking-summary-form-summary h3, .booking-summary-form-room h4 { color: #F5EDE1 !important; font-size: 32px !important; text-transform: uppercase; } .booking-summary-form-room .eltd-ls-item-address, .booking-summary-form-room .eltd-ls-item-content { color: #F5EDE1 !important; } .booking-summary-form-room .eltd-ls-item-content { font-size: 32px !important; margin-top: 30px; } .booking-summary-form-room article.eltd-ls-item .eltd-ls-item-inner h4 { margin: 0 0 25px; line-height: 40px; font-size: 30px !important; } .booking-summary-form a.btn { grid-column: 2 / 2; margin: 0px auto 25px; display: flex; align-items: center; border-radius: 0px; justify-content: center; width: 100%; } .booking-summary-form-summary h4, .booking-summary-form-summary p { color: #F5EDE1 !important; } .booking-summary-form-summary h4 { font-size: 20px !important; } h2.title-summary { color: #F5EDE1 !important; margin-top: 140px; text-transform: uppercase; } div#booking-summary-form a:hover { background: #FF5500 !important; } form.eltd-ls-single-booking.request-quote.second-part-form.contractsForm { margin-top: 40px; } form.eltd-ls-single-booking.request-quote.second-part-form.contractsForm label { color: #F5EDE1; font-size: 18px; } .request-quote.second-part-form .form-group { margin-top: 0rem !important; margin-bottom: 0rem !important; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; } .booking-summary-form-summary .row.submit { margin-top: 30px; } .booking-summary-form-summary .form-group.col-md-12.col-sm-12 { display: flex; flex-direction: row; align-items: center; gap: 10px; } form.eltd-ls-single-booking.request-quote.second-part-form.contractsForm span { padding: 0px; color: #F5EDE1; font-weight: 600 !important; } h2.title-confirmation { margin-top: 130px; color: #F5EDE1 !important; } .booking-summary-form-summary .row.remember-list { color: #F5EDE1 !important; } .booking-summary-form-summary .row.submit { margin-top: 45px !important; } .row.border-bottom-row { gap: 0px; } body.privacy-policy .eltd-container.eltd-default-page-template { background: #F5EDE1 !important; } .privacy-policy h2 { line-height: 32px !important; font-size: 28px !important; } #iubenda_policy h3 { color: #FF5500 !important; margin-bottom: 20px; } #iubenda_policy h3 { color: #FF5500 !important; margin-bottom: 20px; font-size: 20px !important; margin-bottom: 10px; } .iub_header h1 { font-size: 50px !important; margin-top: 40px !important; } h2.footer-headline { font-size: 72px !important; line-height: 80px !important; } button#submit-booking:hover { background: #FF5500 !important; border-color: #FF5500 !important; } h1.white, h2.white { color: #F5EDE1 !important; } .page-template-single-room .chat-message.user .message-content { background-color: #FF5500; color: white; text-align: right; } .title-data-filling { margin-top: 125px !important; color: #F5EDE1 !important; text-align: left; font-size: 84px !important; line-height: 95px !important; } .reservation-text p { text-align: center; font-size: 18px !important; color: #F5EDE1 !important; margin-bottom: 55px !important; } .form-group.col-md-12.col-sm-12 { margin-top: 30px !important; margin-bottom: 20px !important; } .input-area-conver { display: flex; align-items: center; background-color: #FAF8F4; border-radius: 20px !important; padding: 10px; width: 90%; margin: 20px auto; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); max-height: 90px; } #bookingFormSearchForm button.btn.btn-primary.listingButton { margin-top: -70px; } body.home h1 { text-transform: uppercase; } div#faq-section h4 { color: #FF5500; } div#faq-section ul, div#faq-section li, div#faq-section p { color: #F5EDE1 !important; } div#conv-faq .chat-container { background: #F5EDE1 !important; border-radius: 20px; padding: 20px; } div#conv-faq .input-area-conver { margin: 0px !important; width: 100% !important; } div#conv-faq #entry-chats-wrapper { margin: 0px !important; padding: 20px 0px 20px 0px !important; } div#conv-faq #send-btn-conver { background: #FF5500 !important; color: white; border: none; padding: 10px 16px; border-radius: 30px; cursor: pointer; } div#conv-faq div#chat-header h2 { line-height: 58px; } /* responsive restyling */ @media(max-width: 1540px){ .atf-squared img { height: 90%; width: 135vw; } .atf-text { position: absolute; top: 20%; right: 20%; } #atf-home { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); height: 650px; background-position: left; background-size: 50%; background-repeat: no-repeat; z-index: 10; position: relative; } .padpadpad-home { display: flex; flex-direction: row; padding: 30px 0px 30px 0px; height: 560px; } .padpadpad-home-text { width: 100%; display: flex; justify-content: center; padding: 0px 2%; } .container-icons-texts { width: 85%; } .container-title-text-offers p { font-size: 38px !important; line-height: 1.2 !important; color: #222220 !important; width: 85% !important; margin: 100px auto 120px auto; text-align: center; } div#beds-list.home-list { width: 90%; margin: auto; display: flex; flex-direction: column; gap: 10px; } .container-contact-us { display: flex; width: 90%; margin: auto; } .atf-about-us { background-image: url(https://padpad.kinsta.cloud/wp-content/uploads/2026/03/sfondo-aboutus.webp); position: relative; height: 870px; display: flex; justify-content: flex-end; background-position-x: right; background-size: 125% !important; background-position-y: top; } .img-new-standard img { width: 100%; height: 900px; object-fit: cover; object-position: center; } .padpadpad-aboutus { display: flex; flex-direction: row; padding: 30px 0px 85px 0px; height: auto; } .text-new-standard { padding: 100px 80px; width: 100%; } .padpadpad-about-text { margin-left: 80px; } .two-column-section { display: flex; align-items: center; width: 90%; margin: 0px auto 0px auto !important; } body.page-template-list-of-studios .eltd-ls-item-inner { background-color: #F5EDE1 !important; padding: 21px 24px 40px !important; min-height: 440px; } body.page-template-list-of-studios h1 { text-align: center !important; margin-top: 111px; margin-bottom: 40px; color: #F5EDE1 !important; } .footer-customization .footer-legal { display: flex !important; gap: 0px; align-items: end; flex-direction: row; justify-content: space-between; } .two-column-section .text { width: 50%; padding: 60px; } .container-img-2section img { height: 450px; object-fit: cover; } } @media(max-width: 1024px) { h1, .title-h2-big { font-size: 70px !important; line-height: 1.1 !important; } .eltd-mobile-logo-wrapper img { height: 80px !important; } .eltd-mobile-header .eltd-mobile-logo-wrapper a { display: flex !important; align-items: center !important; } .eltd-position-right { display: flex !important; align-items: center !important; } .eltd-mobile-header .eltd-mobile-nav { background-color: #F5EDE1 !important; border-bottom: 0px !important; } ul#menu-main-menu-navigation-2 span { color: #2a2a2a; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid>ul>li.eltd-active-item>a { color: #FF5500 !important; } ul#menu-main-menu-navigation-2 { padding: 20px 0px; } li.qtranxs-lang-menu { margin: 0px !important; } li.btn-ownerMenu a { background: #2a2a2a; color: #F5EDE1 !important; padding: 5px 10px !important; } ul#menu-main-menu-navigation-2 li.btn-ownerMenu span { color: #F5EDE1; } .hide-mobile { display: none !important; } .hide-desktop { display: block !important; } .atf-two-section-mobile { display: flex !important; flex-direction: column; background: #F5EDE1; padding: 0px 0px 50px 0px; } .atf-bottom-box-mobile { width: 95%; margin: auto; } a.button-bicolor i { height: auto !important; padding: 14px !important; } a.button-bicolor-white i { height: auto !important; padding: 14px !important; } .padpadpad-home-img { width: 100%; margin-top: 30px; display: flex; justify-content: flex-end; } .padpadpad-home { display: flex; flex-direction: column; padding: 45px 0px 0px 0px; height: 100%; gap: 50px; } div#atf-img-full img { height: 500px; width: 100%; object-fit: cover; } .container-icons-texts { display: flex; margin: 80px 0px; gap: 50px; width: 75%; flex-direction: column; } #the-essential { margin-top: 0px !important; } .the-essential { width: 90%; margin: auto; } .container-title-text-offers p { font-size: 38px !important; line-height: 1.2 !important; color: #222220 !important; width: 85% !important; margin: 100px auto 85px auto; text-align: center; } #row-offerte article.eltd-ls-item.eltd-ls-item-coliving { display: flex; flex-direction: column; max-height: unset !important; padding: 20px !important; } .eltd-ls-item-inner { padding: 0px !important; margin-top: 20px; } .eltd-ls-item-price-action { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; margin-top: 40px; gap: 25px; } .eltd-ls-item-image img { object-fit: cover; object-position: center; } .eltd-ls-item-title .eltd-listing-title { font-size: 33px !important; text-transform: uppercase; } div#row-contact-us { padding: 70px 0px 100px 0px; } .contact-us-title h2 { text-align: left; font-size: 53px !important; } .container-contact-us { display: flex; width: 90%; margin: auto; flex-direction: column; } .container-contact-us-button { width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .contact-us-title { width: 100%; margin-bottom: 20px; } #atf-img-full { height: fit-content !important; } h2.title-h2-big { margin: 0px; font-size: 65px !important; } .contact-us-title h2 { text-align: left; font-size: 52px !important; line-height: 62px !important; } .atf-about-us { background-image: url(https://padpad.kinsta.cloud/wp-content/uploads/2026/03/sfondo-aboutus.webp); position: relative; height: 500px; display: flex; justify-content: flex-end; background-position-x: center; background-size: cover !important; background-position-y: top; } #atf-about-us { height: 500px; } .container-squared-title { position: relative; margin-top: 205px; margin-right: 0px; width: 100%; } .container-squared-title h1 { position: absolute; top: 25%; right: 28%; } p.padpadpad-aboutus-p { font-size: 38px !important; line-height: 1.2 !important; color: #F5EDE1 !important; width: 100%; margin-top: 75px; } .padpadpad-about-text { width: 90%; margin: auto !important; padding-top: 185px; padding-bottom: 40px; } .text-new-standard { padding: 20px !important; width: 100%; } .container-new-standard { display: flex; flex-direction: column !important; gap: 40px; } h2.title-h2-medium { font-size: 53px !important; line-height: 60px; } .container-texts-urban-vision { display: flex; gap: 20px; flex-direction: column; } .container-texts-urban-vision p { width: 100%; font-size: 24px; line-height: 32px; color: #F5EDE1; } .container-urban-vision { padding-bottom: 75px; } .img-new-standard img { width: 100%; height: 500px; object-fit: cover; object-position: center; } .container-need-is-padpad { padding: 80px 0px; } .container-urban-vision { gap: 0px; } .atf-advantages { display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; gap: 35px; width: 100%; margin: 30px auto; } .container-squared-title-advantages { position: relative; width: fit-content; top: 0px; width: 90%; margin: auto; } .text-atf-advantages { width: 90%; margin: auto; } #row-atf-advantages { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background: #F5EDE1; height: auto; z-index: 10; position: relative; } #atf-home { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); height: auto; background-position: left; background-size: 50%; background-repeat: no-repeat; z-index: 10; position: relative; padding-bottom: 50px; } .two-column-section { display: flex; align-items: center; width: 90%; margin: 0px auto 0px auto !important; flex-direction: column; } .two-column-section .text { width: 100%; padding: 95px 0px 20px 0px; } .two-column-section.reverse { display: flex; align-items: center; width: 90%; margin: 70px auto 70px auto; flex-direction: column; } .container-img-2section { width: 100%; } div#beds-list { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px; } .booking-form .date-row-right { border-right: 1px solid #F5EDE1; padding: 40px 15px; border-radius: 0px 0px 20px 0px; } div.form-group.date-row-center { display: none; } .booking-form .date-row-left { border-left: 1px solid #F5EDE1; padding: 40px 15px; border-radius: 20px 0px 0px 0px; border-bottom: 0px; margin: 0px; } body.page-template-list-of-studios article.eltd-ls-item.eltd-ls-item-coliving { padding: 5px !important; background: #222220; margin: 0px !important; } body.page-template-list-of-studios .eltd-ls-item-inner { background-color: #F5EDE1 !important; padding: 21px 24px 40px !important; min-height: 440px; margin: 0px; } .page-template-single-room .eltd-listing-single-holder article .eltd-ls-single-section-inner.right { position: relative; right: 0; top: 0px !important; } .page-template-single-room .eltd-ls-single-section.eltd-grid.clearfix { max-width: 1400px !important; width: 90%; margin: auto; } .page-template-single-room .entry-chat { width: 100% !important; min-width: 60% !important; margin: 0px !important; scroll-snap-align: start !important; flex-shrink: 0 !important; } .page-template-single-room .entry-chats-wrapper { margin: 0px !important; } .page-template-single-room .chat-box { padding: 35px 15px; border-top: 1px solid #ccc; flex-grow: unset; } .page-template-single-room #send-btn-conver { background: #FF5500 !important; color: white; border: none; padding: 10px 16px; border-radius: 30px; cursor: pointer; } .page-template-single-room .eltd-listing-single-holder article .eltd-ls-single-section-inner.left { padding-right: 0px !important; } div.row.services>div>ul>li.row.align-items-center { display: inline-flex !important; gap: 12px !important; } .container.formForOwners { display: flex; gap: 0px; flex-direction: column; } .formForOwners .row.checkboxPrivacyRow.align-items-center.justify-content-center.form-group .form-group { width: 100%; max-width: 100%; padding: 0px !important; } .booking-summary-form-summary { margin-top: 200px; } h2.title-summary { color: #F5EDE1 !important; margin-top: 90px; text-transform: uppercase; } .booking-summary-form { display: flex; gap: 50px; margin-top: 50px !important; margin-bottom: 150px; flex-direction: column; } .booking-summary-form-room article.eltd-ls-item { background-color: #F5EDE1; border: 1px solid #ebebeb; max-width: 100%; } h2.title-confirmation { margin-top: 75px; color: #F5EDE1; } .booking-summary-form-room .row.border-bottom-row { gap: 30px !important; } .row.border-bottom-row { gap: 20px; } .container-squared-title-advantages h1 { position: absolute; top: 22%; left: 25%; } .page-template-single-room .col-md-4.total-right h4 { font-size: 36px !important; font-weight: 600 !important; } .page-template-single-room .row.border-bottom-row { border-bottom: 2px solid #222220; padding: 20px 0px !important; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } .page-template-single-room h1, .page-template-single-room h2, .page-template-single-room h3 { color: #F5EDE1 !important; font-size: 33px !important; line-height: 43px !important; text-transform: uppercase !important; font-weight: 400 !important; } .contact-us-title h2 { color: #222220 !important; } .title-data-filling { margin-top: 90px !important; color: #F5EDE1 !important; text-align: left; font-size: 84px !important; line-height: 95px !important; } .eltd-ls-item-image img { min-height: 250px !important; } #faq-section { padding: 20px 20px !important; } } /* footer restyling*/ .widget.eltd-image-widget { display: none; } footer.footer-customization { color: #F5EDE1; padding: 56px 32px 40px; overflow: hidden; } footer.footer-customization, footer.footer-customization * { color: #F5EDE1; box-sizing: border-box; text-align: left; } .footer-customization .footer-inner { width: 100%; max-width: 1440px; margin: 0 auto; } .footer-customization .footer-top { display: flex; gap: 0px; align-items: start; margin-bottom: 72px; justify-content: space-between; } .footer-customization .footer-brand { display: flex; flex-direction: column; align-items: flex-start; } .footer-customization .footer-logo { width: 205px; max-width: 100%; height: auto; display: block; margin-bottom: 14px; } .footer-customization .footer-claim { margin: 0; font-family: var(--font-body); font-size: clamp(14px, 1vw, 16px); line-height: 1.4; } h2.footer-headline { font-size: 72px !important; } .footer-customization .footer-headline { margin: 0; font-family: var(--font-heading); font-weight: 500; font-size: clamp(34px, 4.8vw, 62px); line-height: 0.95; letter-spacing: -0.03em; text-transform: uppercase; max-width: 720px; } .eltd-footer-top-inner.eltd-grid { width: 1380px !important; } .footer-top .footer-headline-wrap { width: 55%; } .footer-customization .footer-legal { display: flex; gap: 0px; align-items: end; flex-direction: row; justify-content: space-between; } .footer-customization .footer-bottom { display: flex; gap: 0px; margin-bottom: 56px; flex-direction: row; justify-content: space-between; } .footer-customization .footer-legal { display: grid; grid-template-columns: 1.2fr 1fr 0.6fr; gap: 40px; align-items: end; } .footer-customization .footer-col p, .footer-customization .footer-legal p { margin: 0; font-family: var(--font-body); font-size: clamp(13px, 0.95vw, 15px); line-height: 1.45; } .footer-customization a { text-decoration: none; transition: opacity 0.2s ease; } .footer-customization a:hover { opacity: 0.75; } .footer-customization .footer-social { text-align: left; } .footer-customization .footer-credits { text-align: left; } /* Se vuoi mantenere le icone social nel markup vecchio */ .footer-customization .footer-icon-facebook i, .footer-customization .footer-icon-whatsapp i, .footer-customization .footer-icon-instagram i { font-size: 18px; color: #F5EDE1; } .eltd-footer-bottom-holder { display: none !important; } .footer-legal-col.footer-credits p { text-align: end; } /* Responsive */ @media (max-width: 1540px) { .footer-customization .footer-top, .footer-customization .footer-bottom, .footer-customization .footer-legal { grid-template-columns: 1fr; gap: 28px; } .footer-customization .footer-top { margin-bottom: 48px; } .footer-customization .footer-bottom { margin-bottom: 40px; } .footer-customization .footer-headline { max-width: 100%; } .eltd-footer-top-inner.eltd-grid { width: 93% !important; } } @media (max-width: 767px) { footer.footer-customization { padding: 40px 0px 28px; } .footer-customization .footer-logo { width: 200px; } .footer-customization .footer-headline { font-size: clamp(28px, 10vw, 44px); line-height: 1; } .footer-customization .footer-top { display: flex; gap: 0px; align-items: center; margin-bottom: 72px; justify-content: space-between; flex-direction: column; } .footer-top .footer-headline-wrap { width: 95%; margin-top: 40px; } h2.footer-headline { font-size: 34px !important; } .footer-customization .footer-bottom { display: flex; gap: 0px; margin-bottom: 56px; flex-direction: column; justify-content: space-between; } .footer-customization .footer-headline { max-width: 100%; text-align: center; line-height: 45px !important; font-size: 27px !important; } .footer-customization .footer-col p, .footer-customization .footer-legal p { margin: 0; font-family: var(--font-body); font-size: clamp(13px, 0.95vw, 15px); line-height: 1.45; text-align: center; } .footer-customization .footer-bottom { display: flex; gap: 25px; margin-bottom: 56px; flex-direction: column; justify-content: space-between; } .footer-legal-col.footer-credits p { text-align: center; } }