/*-------------------------------------------------------ENKAY RESIDENCY-----------------------------------------------------------------*/ /*-------------------------------------------------------RESPONSIVE CSS-----------------------------------------------------------------*/ @media only screen and (max-device-width: 1279px), only screen and (max-width: 1279px) { /*Header Section*/ #zone-header-wrapper { padding:15px!important; } .block-site-menu { display:none!important; } .block-block-44 { display:block!important; } .block-block-37, .block-block-36 { position: absolute!important; right: 55px!important; top: 50%!important; transform: translate(0,-50%)!important; } } @media only screen and (max-device-width: 1219px), only screen and (max-width: 1219px) { /*Home Page*/ /*Front Page - Slideshow - Intro Text*/ .block-home-hero-text { width:960px!important; max-width:100%!important; } /*Home Page - Welcome to Enkay Residency*/ /*Block Left Right Section - Global CSS*/ .block-left-right-section .field--name-body { flex-direction:column-reverse!important; width:600px!important; max-width:100%!important; margin:0 auto!important; } .block-left-right-section div.field-desc { width:100%!important; margin:0!important; } .block-left-right-section div.field-image { width:100%!important; margin:0 0 30px 0!important; } /*Home Page - Why Choose Us*/ .block-block-19 .content-inner { display: grid; grid-template-columns: repeat(2, 1fr)!important; gap: 40px; } /*Individual Hotel Pages - Booking Form*/ .block-booking-enquiry-form .views-field-field-booking-form { width: 960px!important; } /*Individual Hotel Pages - Facilities*/ .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-content .content-inner div.sec { /* Mimics repeat(4, 1fr) by calculating width minus the 3 gaps */ flex: 0 1 calc((100% - (3 * 30px)) / 4)!important; } /*Corporate Bookings Index Page*/ .path-corporate-bookings .corporate-booking-index-grid .view-content { grid-template-columns: repeat(2, 1fr)!important; } /*Indivdiual Corporate Bookings Page - Why Choose Us*/ .block-block-30 .content-inner { display: grid; grid-template-columns: repeat(2, 1fr)!important; gap: 40px; } /*Meeting & Events Index Page - Booking Form*/ .page-node-43 .block-booking-enquiry-form { width: 960px!important; } /*Furnished Aprtments Index Page*/ .path-furnished-apartments .furnished-apartments-index-grid .view-content { grid-template-columns: repeat(2, 1fr)!important; } /*Individual Furnished Apartmentss - Facilities*/ .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(3, 1fr)!important; } /*Commercial Leasing Index Grid - Global CSS*/ .path-commercial-leasing .commercial-leasing-index-grid .view-content { grid-template-columns: repeat(2, 1fr)!important; } /*Individual Commercial leasing Pages - Facilities*/ .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(3, 1fr)!important; } /*Book Now Index Page*/ .page-node-12 #zone-content-bottom-first-wrapper { padding: 30px 0 60px 0!important; } .book-now-page-custom-list-grid .views-row, .block-views-blockhotels-block-2 .view-hotels .views-row { display: block!important; width: 600px!important; max-width: 100%!important; margin: 0 auto 40px auto!important; padding: 10px 10px 15px 10px!important; } .book-now-page-custom-list-grid .views-row:last-child, .block-views-blockhotels-block-2 .view-hotels .views-row:last-child { margin: 0 auto 0 auto!important; } .book-now-page-custom-list-grid .views-row .views-field-field-index-image, .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-index-image { margin:0 0 20px 0!important; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1, .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 { width:100%!important; margin:0 0 20px 0!important; } .page-node-12 .block-views-blockcorporate-bookings-block-3 .views-field-view-node, .page-node-12 .block-views-blockconference-room-block-2 .views-field-nothing, .book-now-page-custom-list-grid .views-row .views-field-field-view-location, .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-view-location { float:left!important; } .page-node-12 .block-views-blockcorporate-bookings-block-3 .views-field-nothing, .page-node-12 .block-views-blockconference-room-block-2 .views-field-nothing-2, .book-now-page-custom-list-grid .views-row .views-field-field-custom-enquire-now-url, .book-now-page-custom-list-grid .views-row .views-field-view-node, .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-custom-enquire-now-url, .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-view-node { display:inline-block!important; } /*Contact Us*/ .block-block-32 { margin:0 auto 15px auto!important; width:720px!important; max-width:100%!important; float:none!important; } .block-block-34 { margin:0 auto 30px auto!important; width:720px!important; max-width:100%!important; float:none!important; clear:none!important; } .block-block-33 { margin:0 auto 60px auto!important; width:720px!important; max-width:100%!important; float:none!important; } .block-block-35 { width:720px!important; max-width:100%!important; display:block!important; margin:0 auto 20px auto!important; } .block-block-35 iframe { height:400px!important; } /*Individual Basic Pages - Cover Slideshow*/ #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption--description{ width:960px!important; } } @media only screen and (max-device-width: 979px), only screen and (max-width: 979px) { /*Front Page - Slideshow - Intro Text*/ .block-home-hero-text { width:720px!important; max-width:100%!important; } /*Home Page - Why Choose Us*/ .block-block-19 .content-inner { grid-template-columns:repeat(1, 1fr)!important; width:600px!important; max-width:100%!important; margin:0 auto!important; } /*Hotels Index Grid - Global CSS*/ .hotel-index-grid .view-content { grid-template-columns: repeat(1, 1fr) !important; width: 600px !important; } /*Conference Room Index Grid - Global CSS*/ .conference-room-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; width: 600px !important; } /*Home Page - Furnished Apartments and Commercial Leasing*/ .path-frontpage .region--content-bottom-fifth { grid-template-columns: repeat(1, 1fr)!important; width: 600px !important; } /*Individual Hotel Pages - Featured Section*/ .page-node-type-hotel .region--content-bottom-second { flex-direction: column-reverse!important; width:100%!important; max-wisth:100%!important; margin:0 auto!important; } #block-element-views-block-individual-hotel-block-2 { width: 100%!important; } #block-element-views-block-individual-hotel-block-3 { width: 100%!important; } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row { width: 90%!important; } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row:last-child { left:10%!important; } /*Individual Hotel Pages - Booking Form*/ .block-booking-enquiry-form .views-field-field-booking-form { width: 600px!important; } .block-booking-enquiry-form form { display:grid!important; grid-template-columns:repeat(2, 1fr)!important; gap:30px!important; } .block-booking-enquiry-form #edit-booking-details { width: 100%!important; } .block-booking-enquiry-form #edit-personal-information { width: 100%!important; } .block-booking-enquiry-form #edit-contact-deatils { width: 100%!important; } .block-booking-enquiry-form #edit-submission-section { width: 100%!important; } .block-booking-enquiry-form .form-item-check-out, .block-booking-enquiry-form .form-item-full-name { margin-bottom:0!important; } .block-booking-enquiry-form .form-item-room-type, .block-booking-enquiry-form fieldset#edit-phone-number--wrapper { margin-top:0!important; } .block-booking-enquiry-form .form-item-room-type label { margin-top:0!important; } /*Individual Hotel Pages - Location*/ .block-views-blockindividual-hotel-block-4 .views-field-field-location-address { margin:0 auto 15px auto!important; width:600px!important; max-width:100%!important; float:none!important; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby { margin:0 auto 40px auto!important; width:600px!important; max-width:100%!important; float:none!important; } .block-views-blockindividual-hotel-block-4 .views-field-field-location { width: 600px !important; max-width:100%!important; display: block !important; margin: 0 auto 0 auto !important; } .block-views-blockindividual-hotel-block-4 .views-field-field-location iframe { height:400px!important; } /*Corporate Bookings Index Page*/ .path-corporate-bookings .corporate-booking-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; width: 600px !important; max-width:100%!important; margin:0 auto!important; } /*Individual Corporate Bookings Pages - Featured Section*/ .page-node-type-corporate_booking .region--content-bottom-second { flex-direction: column-reverse!important; width:100%!important; max-wisth:100%!important; margin:0 auto!important; } .block-views-blockindividual-corporate-booking-block-2 { width: 100%!important; } .block-views-blockindividual-corporate-booking-block-3 { width: 100%!important; } .block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row { width: 100%!important; } /*Indivdiual Corporate Bookings Page - Why Choose Us*/ .block-block-30 .content-inner { grid-template-columns:repeat(1, 1fr)!important; width:600px!important; max-width:100%!important; margin:0 auto!important; } /*Meeting & Events Index Page - Booking Form*/ .page-node-43 .block-booking-enquiry-form { width:100%!important; } .page-node-43 .block-booking-enquiry-form form { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; gap: 30px !important; } .page-node-43 .block-booking-enquiry-form fieldset#edit-phone-number--wrapper { margin-top: 15px !important; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-requirement { margin-top: 25px !important; margin-bottom:0!important; } .page-node-43 .block-booking-enquiry-form #edit-submission-section .form-item-company-name { margin-top: 0 !important; } .page-node-43 .block-booking-enquiry-form #edit-submission-section .form-item-company-name label { margin-top: 0 !important; } .page-node-43 .block-booking-enquiry-form .form-actions { top:0!important; width:200px!important; } /*Individual Corporate Bookings Pages - Booking Form*/ .page-node-type-corporate_booking .block-booking-enquiry-form fieldset#edit-phone-number--wrapper { margin-top:15px!important; } .page-node-type-corporate_booking .block-booking-enquiry-form .form-item-your-email, .page-node-type-corporate_booking .block-booking-enquiry-form .form-item-company-name { margin-bottom:0!important; } .page-node-type-corporate_booking .block-booking-enquiry-form .form-actions input[type="submit"], .page-node-type-corporate_booking .block-booking-enquiry-form .form-actions { margin-top:0!important; } /*Meetings & Events Index Page - Desciption & Slideshow Section*/ .page-node-43 #zone-content-bottom-second-wrapper { padding: 70px 0 60px 0!important; } .page-node-43 #zone-content-bottom-fourth-wrapper { padding: 60px 0 50px 0!important; } .page-node-43 .region--content-bottom-third { flex-direction:column-reverse!important; } .page-node-43 .region--content-bottom-fourth { flex-direction:column-reverse!important; } .block-views-blockconference-room-block-6, .block-views-blockconference-room-block-5 { width:100%!important; } .block-views-blockconference-room-block-4, .block-views-blockconference-room-block-3 { width:100%!important; } /*Furnished Aprtments Index Page*/ .path-furnished-apartments .furnished-apartments-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; width: 600px !important; max-width:100%!important; margin:0 auto!important; } /*Indivdiual Furnished Apartments - Booking Form*/ .page-node-type-furnished_apartments .block-booking-enquiry-form .views-field-field-booking-form { width:100%!important; } .page-node-type-furnished_apartments .block-booking-enquiry-form .views-field-field-booking-form form { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; gap: 30px !important; } .page-node-type-furnished_apartments .block-booking-enquiry-form fieldset#edit-phone-number--wrapper { margin-top: 15px !important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-requirement { margin-top: 25px !important; margin-bottom:0!important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-submission-section .form-item-company-name { margin-top: 0 !important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-submission-section .form-item-company-name label { margin-top: 0 !important; } .page-node-type-furnished_apartments .block-booking-enquiry-form .form-actions { top:0!important; width:200px!important; } /*Individual Furnished Apartments Pages - Featured Section*/ .page-node-type-furnished_apartments .region--content-bottom-second { flex-direction: column-reverse!important; width:100%!important; max-wisth:100%!important; margin:0 auto!important; } .block-views-blockindividual-furnished-apartments-block-3 { width: 100%!important; } .block-views-blockindividual-furnished-apartments-block-4 { width: 100%!important; } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row { width: 90%!important; } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row:last-child { left:10%!important; } /*Individual Furnished Apartments - Apartment Highlights*/ .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul { grid-template-columns: repeat(2, 1fr)!important; } /*Individual Furnished Apartmentss - Facilities*/ .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(2, 1fr)!important; } /*Individual Furnished Apartments - Location*/ .block-views-blockindividual-furnished-apartments-block-2 .view-individual-furnished-apartments .views-row { flex-direction:column!important; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address { margin:0 auto 40px auto!important; width:600px!important; max-width:100%!important; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location { width: 600px !important; max-width:100%!important; display: block !important; margin: 0 auto 0 auto !important; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location iframe { height:400px!important; } /*Commercial Leasing Index Grid - Global CSS*/ .path-commercial-leasing .commercial-leasing-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; width: 600px !important; max-width:100%!important; margin:0 auto!important; } .path-frontpage .commercial-leasing-index-grid .views-field-title{ min-height:auto!important; } .path-frontpage .commercial-leasing-index-grid .views-field-field-tagline{ min-height:auto!important; } /*Commercial Leasing Index Page - Convenient Locations in Gurugram*/ .block-block-48 div.content-inner { display: grid; grid-template-columns: repeat(1, 1fr)!important; gap: 40px; width: 600px!important; max-width: 100%!important; margin: 0 auto!important; flex-direction:column!important; } /*Indivdiual Commercial leasing Pages - Booking Form*/ .page-node-type-commercial_leasing .block-booking-enquiry-form .views-field-field-booking-form { width:100%!important; } .page-node-type-commercial_leasing .block-booking-enquiry-form .views-field-field-booking-form form { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; gap: 30px !important; } .page-node-type-commercial_leasing .block-booking-enquiry-form fieldset#edit-phone-number--wrapper { margin-top: 15px !important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-requirement { margin-top: 25px !important; margin-bottom:0!important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-submission-section .form-item-company-name { margin-top: 0 !important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-submission-section .form-item-company-name label { margin-top: 0 !important; } .page-node-type-commercial_leasing .block-booking-enquiry-form .form-actions { top:0!important; width:200px!important; } /*Individual Commercial leasing Pages - Facilities*/ .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(2, 1fr)!important; } /*Individual Commercial Leasing Pages - Location*/ .block-views-blockindividual-commercial-leasing-block-2 .view-content .views-row { flex-direction:column!important; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address { margin:0 auto 40px auto!important; width:600px!important; max-width:100%!important; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location { width: 600px !important; max-width:100%!important; display: block !important; margin: 0 auto 0 auto !important; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location iframe { height:400px!important; } /*Footer Top Band - Ready to Book Your Stay*/ .block-block-21 .field--name-body { flex-direction:column!important; } .block-block-21 .field--name-body div.field-desc { width:100%!important; } .block-block-21 div.field-button { width:100%!important; margin:25px 0 20px 155px!important; } /*Individual Commercial leasing Pages - Featured Section*/ .page-node-type-commercial_leasing .region--content-bottom-second { flex-direction: column-reverse!important; width:100%!important; max-wisth:100%!important; margin:0 auto!important; } .block-views-blockindividual-commercial-leasing-block-3 { width: 100%!important; } /*.block-views-blockindividual-commercial-leasing-block-4 { width: 100%!important; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row { width: 100%!important; }*/ .block-views-blockindividual-commercial-leasing-block-4 { width: 100%!important; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row { width: 90%!important; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row:last-child { left:10%!important; } /*Individual Commercial Leasing - Current Office Availability*/ .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec { flex-direction: column !important; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-image{ width:100%!important; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc{ width:100%!important; } /*Individual Basic Pages - Cover Slideshow*/ #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption--description{ width:720px!important; } /*Footer Section*/ .block-block-22 .site-logo img { margin: 0 auto; width: 220px; } .block-block-15 .field--name-body { display: grid; grid-template-columns: repeat(2, 1fr)!important; gap: 20px; } .block-block-24 div.sec-2, .block-block-24 div.sec-1, .block-block-15 div.sec-2, .block-block-15 div.sec-1 { margin:0!important; } } @media only screen and (max-device-width: 739px), only screen and (max-width: 739px) { /*Header Section*/ .block-block-37, .block-block-36 { display:none!important; } /*Front Page - Slideshow - Intro Text*/ .block-home-hero-text { width: calc(100% - 30px)!important; max-width:100%!important; margin:0 auto!important; } .block-home-hero-text h2 { font-size: 3em!important; } .block-home-hero-text p { font-size: 1.25em!important; } /*Individual Hotel Pages - Facilities*/ .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-content .content-inner div.sec { /* Mimics repeat(4, 1fr) by calculating width minus the 2 gaps */ flex: 0 1 calc((100% - (2 * 30px)) / 3)!important; } /*Individual Hotel Pages - Booking Form*/ .block-booking-enquiry-form .views-field-field-booking-form { width: 440px!important; } /*Individual Hotel Pages - Tariffs*/ .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table, .block-views-blockindividual-hotel-block-5 .views-field-field-tariff thead, .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody, .block-views-blockindividual-hotel-block-5 .views-field-field-tariff th, .block-views-blockindividual-hotel-block-5 .views-field-field-tariff td, .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tr { display:block; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table { box-shadow:none!important; } /* Hide table header */ .block-views-blockindividual-hotel-block-5 .views-field-field-tariff thead { position:absolute; left:-9999px; top:-9999px; } /* Card */ .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody tr { margin-bottom:20px; border-radius:15px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.08); background:#fff; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody td { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 18px; text-align:right; line-height:1.25em; border-bottom:1px solid #ececec; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody td:last-child { border-bottom:none; } /* Left labels */ .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody td::before { content:attr(data-label); font-weight:700; color:var(--grey); text-align:left; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody td:first-child { font-weight:700; font-size:1.05em; border-bottom:1px solid #ececec; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff tbody td:first-child::before { color:var(--grey); } /*Meeting & Events Index Page - Booking Form*/ .page-node-43 .block-booking-enquiry-form { width: 440px!important; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:100%!important; margin: 8px 0 15px 0!important; clear:left!important; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width: 100%!important; margin: 10px 0!important; float: none!important; clear:left!important; } .page-node-43 .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:100%!important; display:block!important; clear:left!important; } /*Individual Furnished Apartments - Booking Form*/ .page-node-type-furnished_apartments .block-booking-enquiry-form .views-field-field-booking-form { width: 440px!important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:100%!important; margin: 8px 0 15px 0!important; clear:left!important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width: 100%!important; margin: 10px 0!important; float: none!important; clear:left!important; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:100%!important; display:block!important; clear:left!important; } /*Indivdiual Commercial leasing Pages - Booking Form*/ .page-node-type-commercial_leasing .block-booking-enquiry-form .views-field-field-booking-form { width: 440px!important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:100%!important; margin: 8px 0 15px 0!important; clear:left!important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width: 100%!important; margin: 10px 0!important; float: none!important; clear:left!important; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:100%!important; display:block!important; clear:left!important; } /*Contact Us*/ .page-node-14 #main-wrapper #main { padding:25px 0 50px 0!important; } .block-block-33 div.content-inner { grid-template-columns: repeat(1,1fr)!important; } /*Individual Basic Pages - Cover Slideshow*/ #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption--description{ width:calc(100% - 30px)!important; } } @media only screen and (max-device-width: 639px), only screen and (max-width: 639px) { /*Individual Hotel Pages - Room Type*/ .block-views-blockindividual-hotel-block-8 .paragraph--type--room-type li.grid img { width:100%; height:auto; } } @media only screen and (max-device-width: 599px), only screen and (max-width: 599px) { /*Individual Hotel Pages - Facilities*/ .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-content .content-inner div.sec { /* Mimics repeat(4, 1fr) by calculating width minus the 1 gaps */ flex: 0 1 calc((100% - (1 * 30px)) / 2)!important; } /*Individual Furnished Apartments - Apartment Highlights*/ .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights h3 { margin:15px 0 25px 0!important; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul { grid-template-columns: repeat(1, 1fr)!important; width:400px!important; max-width:100%!important; margin:0 auto!important; } /*Footer Top Band - Ready to Book Your Stay*/ .path-frontpage #zone-content-bottom-eighth-wrapper { padding:25px 0 20px 0!important; } .block-block-21 .field--name-body div.field-desc { align-items: flex-start !important; width: 100%!important; flex-direction: column!important; gap:10px!important; } .block-block-21 .field--name-body div.desc { width:100%!important; } .block-block-21 .field--name-body div.desc h3 { font-size:1.6em!important; } .block-block-21 div.field-button { width:100%!important; margin:25px 0 20px 0!important; } /*Footer Section*/ .block-block-15 .field--name-body { grid-template-columns: repeat(1, 1fr)!important; gap:0!important; } .block-block-24 div.sec-2, .block-block-24 div.sec-1, .block-block-15 div.sec-2, .block-block-15 div.sec-1 { margin:0 0 20px 0!important; } } @media only screen and (max-device-width: 479px), only screen and (max-width: 479px) { /*Individual Hotel Pages - Booking Form*/ .block-booking-enquiry-form form { display:grid !important; grid-template-columns:repeat(1, 1fr) !important; gap:30px !important; } .block-booking-enquiry-form .views-field-field-booking-form { width:100%!important; padding: 0px 20px!important; } .block-booking-enquiry-form form { gap:10px!important; } .block-booking-enquiry-form .form-item-check-out { margin-bottom:15px!important; } .block-booking-enquiry-form .form-actions { top:0!important; } /*Individual Corporate Bookings Pages - Booking Form*/ .page-node-type-corporate_booking .block-booking-enquiry-form .form-item-your-email, .page-node-type-corporate_booking .block-booking-enquiry-form .form-item-company-name { margin-bottom:0!important; } .page-node-type-corporate_booking .block-booking-enquiry-form .form-actions input[type="submit"] { margin-top:15px!important; } .page-node-type-corporate_booking .block-booking-enquiry-form .form-actions { margin-top:0!important; } /*Meeting & Events Index Page - Booking Form*/ .page-node-43 .block-booking-enquiry-form { width:100% !important; padding: 0px 20px!important; } /*Indivdiual Furnished Aprtments Pages - Booking Form*/ .page-node-type-furnished_apartments .block-booking-enquiry-form .views-field-field-booking-form { width:100% !important; padding: 0px 20px!important; } /*Individual Furnished Apartmentss - Facilities*/ .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(1, 1fr)!important; gap:20px!important; } /*Indivdiual Commercial leasing Pages - Booking Form*/ .page-node-type-commercial_leasing .block-booking-enquiry-form .views-field-field-booking-form { width:100% !important; padding: 0px 20px!important; } /*Individual Commercial leasing Pages - Facilities*/ .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner { grid-template-columns: repeat(1, 1fr)!important; gap:20px!important; } } /*---------------------------------------------------------------------MAIN GLOBAL CSS---------------------------------------------------------------------------*/ :root { --font1:"Inter"; --font2:"Plus Jakarta Sans"; --charcoal:#202124; --grey:#575756; --cordovan:#99182C; --deepred:#C9151D; --white:#FFFFFF; --cream:#FAF5ED; --lbeige:#F3EADE; --shadow:rgba(88,103,119,0.26); --border:rgba(255,255,255,0.25); --bordergry:rgba(0,0,0,0.25); --bf-col-gap: 30px; /*Existing*/ /*Before 11 SEP 2026*/ /*--cream:#FAF6EF; --lbeige:#EEE4D6;*/ /*--font2:"Syne";*/ /*--red:#E81D1D;*/ /*--sage:#A8B3A0;*/ /*--ivory:#F7F4EF;*/ /*--lbeige:#E8DCCB;*/ } html { /*scroll-behavior:smooth;*/ } body { font-size:16px; color:var(--grey); background:var(--cream); hyphens:none; font-family: var(--font1); } #page { } #zone-header-top-wrapper,#zone-footer-top-wrapper,#zone-slideshow-wrapper, #zone-slideshow,.highlighted .section,#zone-branding,#main-wrapper #main { background:var(--cream); } .page-wrapper { background:var(--cream); } #main-wrapper #main { padding:40px 0; } main-wrapper #main .section { padding: 0; } .fontyourface h1,.fontyourface h2,.fontyourface h3,.fontyourface h4, .fontyourface h5,.fontyourface h6,h1,h2,h3,h4, h5,h6 { color: var(--charcoal); margin: 0 0 20px 0; font-family: var(--font2); font-weight: 700; } .fontyourface h1,h1 { font-size:40px; line-height:1.35em; font-weight: 700; margin: 0 0 15px 0; } .fontyourface h1 a,h1 a { font-size:1em; } .fontyourface h2,h2 { font-size:34px; line-height:1.35em; font-weight: 700; margin: 0 0 15px 0; } .fontyourface h2 a,h2 a { font-size:1em; } .fontyourface h3, h3 { font-size: 24px; line-height:1.35em; font-weight: 700; margin: 0 0 15px 0; } .fontyourface h3 a,h3 a { font-size:1em; } .fontyourface h4,h4 { font-size:18px; line-height:1.35em; font-weight: 700; margin: 0 0 15px 0; } .fontyourface h4 a,h4 a { font-size:1em; } .fontyourface h5,h5 { font-size:16px; line-height:1.5em; font-weight: 700; margin: 0 0 15px 0; } .fontyourface h5 a,h5 a { font-size:1em; } p { font-size:16px; line-height:1.5em; font-family: var(--font1); margin-bottom: 12px; margin-top: 0; } p:last-child { margin-bottom: 0; } ul li { font-size: 16px; line-height:1.5em; margin-bottom: 7px; font-family: var(--font1); color:var(--grey); } ol li { font-size: 16px; line-height:1.5em; margin-bottom: 7px; font-family: var(--font1); color:var(--grey); } a { font-size: 16px; line-height: 1.5em; font-family: var(--font1); color: var(--charcoal); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; } p a:hover,a:hover { color: var(--cordovan); } p.anchor { margin:0!important; } a.target { position: relative; top:-225px; display: block; height: 0; width: 0; } a.target#loc { top:-140px; } /*Hotel V Block Anchor Link Position*/ /*.page-node-5 a.target#loc{ top:-165px; }*/ /*Furnished Aprtments and Commercial Leasing Anchor Link Position*/ .page-node-type-furnished_apartments a.target#loc, .page-node-type-commercial_leasing a.target#loc { top:-140px; } a.target#enq { top:-225px; } .block-page-title-block { margin: 0 0 40px 0; text-align:center; } h1.page-title { margin: 0 0 40px 0; font-size:40px; color: var(--charcoal); } /*p.anchor { margin: 0; font-size: 0;}a.target { position: relative; top: -60px; display: block; height: 0; width: 0;}*/ .text-content a:where(:not(.button)),.cke_editable a:where(:not(.button)) { box-shadow: none !important; } .view-header h3 { font-size:1.125em; line-height: 1.25em; letter-spacing:0.25px; font-weight: 700; text-transform:uppercase; margin: 0 0 10px 0; font-family: var(--font2); text-align: center; color:var(--cordovan); } .view-header h2 { font-size:2.125em; line-height: 1.25em; font-weight: 700; margin: 0 0 35px 0; font-family: var(--font2); text-align: center; } .view-header p { font-size:1em; } .view-header p a { font-size:1em; } .view-header p a:hover { text-decoration:none; } .text-content,.cke_editable { font-size:1em; line-height: 1.5em; } .text-content p,.cke_editable p { margin-block-start: 0; margin-block-end: 0; font-size:16px; line-height: 1.5em; color: var(--grey); margin: 0 0 15px 0; } .text-content p a:hover,.cke_editable p a:hover { color: var(--cordovan); } .wide-content { margin-left: auto; margin-right: auto; width: 100%; } .layout-main { display: block; } .node__content { padding: 0; } #drupal-live-announce { display: none !important; } div:focus,span:focus,button:focus,div:hover,span:hover,button:hover,div,span,button { -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; } .commercial-leasing-index-grid .views-field-view-node a,.furnished-apartments-index-grid .views-field-view-node a,.field-knowmore a,.btn1 { color: var(--cream)!important; background: var(--cordovan); padding: 10px 30px; border-radius: 4px; font-weight: bold; font-size: 0.75em; text-transform: uppercase; text-decoration: none; border: 1px solid var(--cordovan); transition: all 0.3s!important; } .commercial-leasing-index-grid .views-field-view-node a:hover,.furnished-apartments-index-grid .views-field-view-node a:hover,.field-knowmore a:hover, .btn1:hover { color:var(--cream)!important; background: var(--deepred); text-decoration:none!important; border: 1px solid var(--deepred); } .btn2 { color: var(--cream)!important; background: transparent; padding: 10px 30px; border-radius: 6px; font-weight: bold; font-size: 0.875em; text-transform: uppercase; text-decoration: none; border: 1px solid var(--cream); transition: all 0.3s!important; } .btn2:hover { color:var(--cream)!important; background: var(--deepred); text-decoration:none!important; border: 1px solid var(--deepred); } /*Header Top Section*/ #zone-header-top-wrapper { /*background:var(--lbeige); */ background:transparent; padding:4px 30px; } .site-header.sticky #zone-header-top-wrapper { /*background:var(--lbeige);*/ } #zone-header-top { width:100%; max-width:100%; } .region--header-top { display:flex; align-items:center; justify-content:end; } /*Header Top Section - Location*/ /*.block-block-6{ padding:0 10px; margin:2px 0 0 0; } .block-block-6 .field--name-body p{ color:var(--charcoal); font-size:12px;} .block-block-6 div.location{ display:flex; align-items:center; gap:0; }.block-block-6 div.location svg{ height:16px; }.block-block-6 div.location svg path{ fill:var(--charcoal); }*/ /*Header - Call Us, Email and Social Media*/ .block-block-37,.block-block-36 { position: absolute; right: 0; top: 0; } .block-block-37 .field--name-body,.block-block-36 .field--name-body { display:flex; align-items:center; } /*Header Top Section - Call Us*/ .block-block-25,.block-block-5 { } .block-header-call-email-social-media div.call,.block-block-25 div.call,.block-block-5 div.call { padding: 0 10px; font-size:12px; display: flex; align-items: center; } .block-header-call-email-social-media div.call,.block-block-25 div.call,.block-block-5 div.call { /*border-left: 1px solid var(--border);*/ } .block-header-call-email-social-media div.call svg,.block-block-25 div.call svg,.block-block-5 div.call svg { width:14px; margin-right:8px; } .block-header-call-email-social-media div.call svg g,.block-block-25 div.call svg g,.block-block-5 div.call svg g { fill:var(--charcoal); } .block-header-call-email-social-media div.call a,.block-block-25 a,.block-block-5 a { color:var(--charcoal); font-size:12px; text-decoration: none; display:flex; align-items:center; } /*.page-node-8 .site-header .block-header-call-email-social-media div.call a,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.call a,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.call a,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.call a,.page-node-type-hotel .site-header .block-header-call-email-social-media div.call a,.page-node-43 .site-header .block-header-call-email-social-media div.call a, .page-node-41 .site-header .block-header-call-email-social-media div.call a,.path-frontpage .site-header .block-header-call-email-social-media div.call a{ color:var(--cream); transition: color 0.5s ease; } .page-node-8 .site-header .block-header-call-email-social-media div.call a:hover,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.call a:hover,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.call a:hover,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.call a:hover,.page-node-type-hotel .site-header .block-header-call-email-social-media div.call a:hover,.page-node-43 .site-header .block-header-call-email-social-media div.call a:hover,.page-node-41 .site-header .block-header-call-email-social-media div.call a:hover,.path-frontpage .site-header .block-header-call-email-social-media div.call a:hover{ color:var(--deepred); }.page-node-8 .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.call a,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.call a,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.call a{ color:var(--charcoal); } .page-node-8 .site-header.sticky .block-header-call-email-social-media div.call a:hover,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.call a:hover,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.call a:hover,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.call a:hover,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.call a:hover,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.call a:hover, .page-node-41 .site-header.sticky .block-header-call-email-social-media div.call a:hover, .path-frontpage .site-header.sticky .block-header-call-email-social-media div.call a:hover{ color:var(--deepred); }*/ .block-header-call-email-social-media div.call a:hover, .block-block-25 a:hover, .block-block-5 a:hover { color:var(--deepred); text-decoration: none; } /*.page-node-8 .site-header .block-header-call-email-social-media div.call a svg g,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.call a svg g,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.call a svg g,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.call a svg g,.page-node-type-hotel .site-header .block-header-call-email-social-media div.call a svg g,.page-node-43 .site-header .block-header-call-email-social-media div.call a svg g,.page-node-41 .site-header .block-header-call-email-social-media div.call a svg g,.path-frontpage .site-header .block-header-call-email-social-media div.call a svg g{ fill:var(--cream); transition: fill 0.5s ease; } .page-node-8 .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.call a svg g,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.call a svg g,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.call a svg g{ fill:var(--charcoal); transition: fill 0.5s ease; }.page-node-8 .site-header .block-header-call-email-social-media div.call a:hover svg g,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.call a:hover svg g,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.call a:hover svg g, .page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.call a:hover svg g,.page-node-type-hotel .site-header .block-header-call-email-social-media div.call a:hover svg g,.page-node-43 .site-header .block-header-call-email-social-media div.call a:hover svg g, .page-node-41 .site-header .block-header-call-email-social-media div.call a:hover svg g, .path-frontpage .site-header .block-header-call-email-social-media div.call a:hover svg g{ fill:var(--deepred); } */ .block-header-call-email-social-media div.call a:hover svg g,.block-block-25 div.call a:hover svg g, .block-block-5 div.call a:hover svg g { fill:var(--deepred); } /*.block-header-call-email-social-media .text-content, .block-header-call-email-social-media .cke_editable,*/ .block-block-25 .text-content, .block-block-25 .cke_editable,.block-block-5 .text-content, .block-block-5 .cke_editable { color:var(--charcoal); font-family:var(--font1); } /*.block-header-call-email-social-media div.field--name-body,*/ .block-block-25 div.field--name-body, .block-block-5 div.field--name-body { display:flex; align-items:center; font-size:12px; line-height:1.5em; } /*Header Top - Email ID*/ .block-block-27,.block-block-4 { font-size:12px; } .block-header-call-email-social-media div.field-email,.block-block-27 div.field-email,.block-block-4 div.field-email { border-left: 1px solid var(--shadow); padding: 0 10px; } .block-header-call-email-social-media div.field-email a,.block-block-27 a,.block-block-4 a { color: var(--charcoal); font-size:12px; text-decoration: none; display:flex; align-items:center; } /*.page-node-8 .site-header .block-header-call-email-social-media div.field-email a,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.field-email a,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.field-email a,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.field-email a,.page-node-type-hotel .site-header .block-header-call-email-social-media div.field-email a,.page-node-43 .site-header .block-header-call-email-social-media div.field-email a,.page-node-41 .site-header .block-header-call-email-social-media div.field-email a,.path-frontpage .site-header .block-header-call-email-social-media div.field-email a{ color:var(--cream); transition: color 0.5s ease; }.page-node-8 .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-type-hotel .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-43 .site-header .block-header-call-email-social-media div.field-email a:hover,.page-node-41 .site-header .block-header-call-email-social-media div.field-email a:hover,.path-frontpage .site-header .block-header-call-email-social-media div.field-email a:hover{ color:var(--deepred); }.page-node-8 .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.field-email a,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.field-email a,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.field-email a{ color: var(--charcoal);}.page-node-8 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.field-email a:hover{ color:var(--deepred); }*/ .block-header-call-email-social-media div.field-email a:hover,.block-block-27 a:hover,.block-block-4 a:hover { color:var(--deepred)!important; text-decoration:none!important; } /*.block-header-call-email-social-media div.content,*/ .block-block-27 div.content,.block-block-4 div.content { display:flex; align-items:center; font-size:12px; } .block-header-call-email-social-media div.field-email a span,.block-block-27 a span,.block-block-4 a span { margin-top:-2px; } .block-header-call-email-social-media div.field-email svg,.block-block-27 svg,.block-block-4 svg { margin-right:8px; float:left; fill:var(--charcoal); width:16px; } .block-header-call-email-social-media div.field-email svg g path,.block-block-27 svg g path, .block-block-4 svg g path { fill:var(--charcoal); } /*.page-node-8 .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-type-hotel .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-43 .site-header .block-header-call-email-social-media div.field-email svg g path,.page-node-41 .site-header .block-header-call-email-social-media div.field-email svg g path,.path-frontpage .site-header .block-header-call-email-social-media div.field-email svg g path{ fill:var(--cream); transition: fill 0.5s ease; }.page-node-8 .site-header.sticky .block-header-call-email-social-media div.field-email svg g path,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.field-email svg g path,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.field-email svg g path,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.field-email svg g path,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.field-email svg g path,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.field-email svg g path, .page-node-41 .site-header.sticky .block-header-call-email-social-media div.field-email svg g path, .path-frontpage .site-header.sticky .block-header-call-email-social-media div.field-email svg g path{ fill:var(--charcoal); transition: fill 0.5s ease; }*/ .block-header-call-email-social-media div.field-email a:hover svg g path,.block-block-27 a:hover svg g path,.block-block-4 a:hover svg g path { fill:var(--deepred); } /*.page-node-8 .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-hotel .site-header .block-header-call-email-social-media div.field-email a:hover svg g path, .page-node-43 .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-41 .site-header .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-8 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path, .page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.field-email a:hover svg g path,.path-frontpage .site-header .block-header-call-email-social-media div.field-email a:hover svg g path{ fill:var(--deepred); }*/ /*Header Section - Social Media*/ .block-header-call-email-social-media div.social-media,.block-block-26,.block-block-7 { padding:0 0 0 10px; margin:0; border-left: 1px solid var(--shadow); } .social-media { } .social-media p { margin: 0; display:flex; align-items:center; } .social-media a { margin: 0 13px 0 0; padding:0; display: inline-flex; align-items: center; justify-content: center; color:var(--charcoal); } .social-media #icon_linke { margin: 0 11px 0 0; } .block-header-call-email-social-media div.social-media #icon_linke { margin:0 0 0 0; } .social-media a#icon_x { margin: 0 7px 0 0; } .social-media #icon_facebook { margin: 0 9px 0 0; } #icon_pinterst { margin: 0 10px 0 0; } .social-media a:hover { color:var(--deepred); } .block-header-call-email-social-media div.social-media a:hover { color:var(--deepred); } .social-media a:last-child { margin:0; } .social-media a svg { width: 16px; height: 16px; } .social-media a#icon_tripadvisor svg { width:22px; height:22px; } .social-media a svg path { fill:var(--charcoal); } .social-media a:hover svg path { fill:var(--charcoal); } .block-header-call-email-social-media div.social-media a:hover svg path { fill:var(--deepred); } /*.page-node-8 .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-type-hotel .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-43 .site-header .block-header-call-email-social-media div.social-media a svg path,.page-node-41 .site-header .block-header-call-email-social-media div.social-media a svg path,.path-frontpage .site-header .block-header-call-email-social-media div.social-media a svg path{ fill:var(--cream); transition: fill 0.5s ease; }.page-node-8 .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-type-commercial_leasing .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-type-furnished_apartments .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-type-corporate_booking .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-type-hotel .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-43 .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.page-node-41 .site-header.sticky .block-header-call-email-social-media div.social-media a svg path,.path-frontpage .site-header.sticky .block-header-call-email-social-media div.social-media a svg path{ fill:var(--charcoal); }.page-node-8 .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.page-node-type-commercial_leasing .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.page-node-type-furnished_apartments .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.page-node-type-corporate_booking .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.page-node-type-hotel .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.page-node-43 .site-header .block-header-call-email-social-media div.social-media a:hover svg path, .page-node-41 .site-header .block-header-call-email-social-media div.social-media a:hover svg path,.path-frontpage .site-header .block-header-call-email-social-media div.social-media a:hover svg path{ fill:var(--deepred);}*/ /*Header Section*/ .site-header { border:none; z-index:3; position:fixed; top:0; left:0; width:100%; background:transparent; transition: background-color 0.5s ease; box-shadow:0 2px 2px var(--shadow); } .site-header.sticky { background:var(--cream); box-shadow:0 2px 2px var(--shadow); } .page-node-8 .site-header, .page-node-type-commercial_leasing .site-header, .page-node-type-furnished_apartments .site-header, .page-node-type-corporate_booking .site-header, .page-node-type-hotel .site-header, .page-node-43 .site-header, .page-node-41 .site-header, .path-frontpage .site-header { box-shadow:none; background:rgba(250,245,237,0.5); /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1));*/ } .page-node-8 .site-header:hover, .page-node-type-commercial_leasing .site-header:hover, .page-node-type-furnished_apartments .site-header:hover, .page-node-type-corporate_booking .site-header:hover, .page-node-type-hotel .site-header:hover, .page-node-43 .site-header:hover, .page-node-41 .site-header:hover, .path-frontpage .site-header:hover{ background:rgba(250,245,237,1); } .page-node-8 .site-header.sticky,.page-node-type-commercial_leasing .site-header.sticky,.page-node-type-furnished_apartments .site-header.sticky,.page-node-type-corporate_booking .site-header.sticky,.page-node-type-hotel .site-header.sticky,.page-node-43 .site-header.sticky,.page-node-41 .site-header.sticky,.path-frontpage .site-header.sticky { box-shadow:none; background:rgba(250,245,237,1); box-shadow:0 2px 2px var(--shadow); } #zone-header-wrapper { padding:15px 30px; background:transparent; /*background:var(--cream);*/ /*box-shadow:0 2px 2px var(--shadow);*/ } /*.site-header.sticky #zone-header-wrapper{ background:var(--cream); }*/ .site-header__inner { background:transparent; } .not-front #zone-header-wrapper { margin:0 0 2px 0; } .site-header__inner__container { display:flex; align-items:center; width:100%; max-width:100%; } #block-element-branding { display:none; } .block-block-1 .block__content,.block-block-1 { width:200px; } .block-block-1 img a { margin:0; } .block-block-1 img { width:100%; height:auto; } .block-block-1 p { margin:0; } /*Site Menu*/ #block-site-menu { display:flex; align-items:center; justify-content:flex-end; position:relative; top:18px; } #superfish-site-menu { margin:0; display:flex; align-items:center; } /*#block-network-menu li{ z-index:1;}#superfish-site-menu li.sf-clone-parent{ display:none;}*/ ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar { background:transparent; } ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover,ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus,ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover { background:transparent; } #superfish-site-menu li a { color: var(--grey); font-family: var(--font1); font-size: 0.875em; letter-spacing: 0.25px; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid transparent; padding-bottom: 4px!important; font-weight: 700; position:relative; top:5px; transition: color 0.5s ease; } .site-header.sticky #superfish-site-menu li a { color:var(--grey); } .site-header.sticky #superfish-site-menu li a:hover { color:var(--cordovan); } /*.page-node-8 #superfish-site-menu li a, .page-node-type-commercial_leasing #superfish-site-menu li a, .page-node-type-furnished_apartments #superfish-site-menu li a, .page-node-type-corporate_booking #superfish-site-menu li a, .page-node-type-hotel #superfish-site-menu li a,.page-node-43 #superfish-site-menu li a,.page-node-41 #superfish-site-menu li a,.path-frontpage #superfish-site-menu li a{ color:var(--cream); text-shadow: 0px 1px 1px rgba(0,0,0,0.4); }*/ .site-header.sticky #superfish-site-menu li a { text-shadow:none; } #superfish-site-menu li ul li a { background:var(--white); padding: 0.75em 1.5em; } #superfish-site-menu li ul li a span.sf-sub-indicator { right:1.5em; } #superfish-site-menu li ul li:first-child a { padding: 1.5em 1.5em 0.75em 1.5em; } #superfish-site-menu li ul li:first-child ul li a { padding:0.75em 1.5em; } #superfish-site-menu li ul li:first-child ul li:first-child a { padding: 1.5em 1.5em 0.75em 1.5em; } #superfish-site-menu li ul li:last-child a { padding: 0.75em 1.5em 1.5em 1.5em; margin:0; } #superfish-site-menu li ul li:last-child ul li a { padding:0.75em 1.5em; } #superfish-site-menu li ul li:first-child ul li:last-child a { padding: 0.75em 1.5em 1.5em 1.5em!important; } #superfish-site-menu li ul li:last-child ul li:first-child a { padding: 1.5em 1.5em 0.75em 1.5em; } #superfish-site-menu li ul li:last-child ul li:last-child a { padding: 0.75em 1.5em 1.5em 1.5em!important; } /*#superfish-site-menu li ul li ul{ top:37.5px; left:50%!important; width:240px!important;}#superfish-site-menu li ul li:first-child ul{ top:50px;}#superfish-site-menu li ul li ul li a{ line-height:18px;}#superfish-site-menu li span.sf-depth-1{ text-transform: uppercase; font-weight: bold; color:var(--charcoal); margin: 0 1.5em; font-family:var(--font1); font-size:1em; letter-spacing: 0.5px;}*/ #superfish-site-menu li a.sf-depth-1 { margin: 0 15px; padding:0; } #superfish-site-menu li.menuparent a.sf-depth-1 { padding: 0 28px 0 0; margin: 0 14px 0 15px!important; } #superfish-site-menu li a.sf-depth-1.menuparent { margin:0 20px; } #superfish-site-menu li:last-child a { margin:0 0 0 15px; } #superfish-site-menu > li:last-child > a { padding:0; font-size: 12px; line-height: 18px; letter-spacing: 0.25px; font-weight: bold; color: var(--cream) !important; border: 1px solid transparent; position: relative; text-decoration: none; text-transform: uppercase; background: var(--cordovan); padding: 9px 15px!important; border-radius: 6px; font-weight: bold; transition: all 0.3s!important; border-bottom:0!important; top:0; } #superfish-site-menu > li:last-child > a:hover { background:var(--deepred); color:var(--cream)!important; } /*#superfish-site-menu li a.is-active,*/ #superfish-site-menu li a:hover { color:var(--deepred); } #superfish-site-menu li a.is-active { border-bottom: 3px solid var(--deepred); } #superfish-site-menu li a.is-active:hover { color: var(--deepred); } #superfish-site-menu li ul.sf-hidden { background:var(--white); } ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top:60px; border-top:4px solid var(--cordovan); /*width:280px!important;*/ } ul#superfish-site-menu li:hover > ul, ul#superfish-site-menu li.sfHover > ul { } ul.sf-menu li a .sf-sub-indicator { width: 12px; height: 6.54px; opacity: 1; transform: none; transform-origin: center; transition: all .20s ease-in-out; top: 45%; right: 0.5em; } /*#site-menu-menu-link-content6d134fcc-dfa1-4a08-af6d-cd1c3411d85b > a > span.sf-sub-indicator{ top:4.5px; right: -18px; }*/ html.webp ul.sf-menu li a .sf-sub-indicator { background: url(../images/sf-down.png) no-repeat 0 0; background-size: 12px 13.09px; } html.no-webp ul.sf-menu li a .sf-sub-indicator { background: url(../images/sf-down.png) no-repeat 0 0; background-size: 12px 13.09px; } ul.sf-menu li a.is-active .sf-sub-indicator,ul.sf-menu li a:hover .sf-sub-indicator { opacity:1; } html.webp ul.sf-menu li a.is-active .sf-sub-indicator,html.webp ul.sf-menu li a:hover .sf-sub-indicator { background: url(../images/sf-down.png) no-repeat 0 -6.54px; background-size: 12px 13.09px; } html.no-webp ul.sf-menu li a.is-active .sf-sub-indicator,html.no-webp ul.sf-menu li a:hover .sf-sub-indicator { background: url(../images/sf-down.png) no-repeat 0 -6.54px; background-size: 12px 13.09px; } ul.sf-menu li span.sf-depth-1 .sf-sub-indicator { margin: 0; position: absolute; border: none; top: -4px; right: -2px; transform: none; transform-origin: center; transition: all .20s ease-in-out; padding: 5px; filter: invert(100%); } html.webp ul.sf-menu li span.sf-depth-1 .sf-sub-indicator { background: url(../images/mega-dropdwn.webp) no-repeat center center; background-size: 10px; } html.no-webp ul.sf-menu li span.sf-depth-1 .sf-sub-indicator { background: url(../images/mega-dropdwn.png) no-repeat center center; background-size: 10px; } ul.sf-menu li a:hover .sf-sub-indicator { transform:rotate(-180deg); } ul.sf-menu li span.sf-depth-1:hover .sf-sub-indicator { transform:rotate(-180deg); } ul.sf-menu .sf-sub-indicator:after { display:none; } /*#superfish-site-menu li ul li a span.sf-sub-indicator{ top:1.1em;}#superfish-site-menu li ul li:first-child a span.sf-sub-indicator{ top:1.85em; }*/ /*Content Section*/ .not-front #zone-content { padding:106px 0 0 0; } .page-node-8 #zone-content, .page-node-type-commercial_leasing #zone-content, .page-node-type-furnished_apartments #zone-content, .page-node-type-corporate_booking #zone-content,.page-node-type-hotel #zone-content, .page-node-43 #zone-content,.page-node-41 #zone-content { padding:0; } /*Home Page*/ .path-frontpage #main-wrapper #main { padding:30px 0 70px 0; } .path-frontpage #zone-content-bottom-second-wrapper { padding:60px 0 60px 0; } /*Front Page - Slideshow*/ .path-frontpage .region--slideshow,.path-frontpage #zone-slideshow, .path-frontpage #zone-slideshow-wrapper { background: transparent; position:relative; } .path-frontpage #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .path-frontpage .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } /*Front Page - Slick Slideshow*/ #block-element-views-block-slideshow-block-1 .view-slideshow .slick__slide .views-field-field-responsive-slide-image div.field-content,#block-element-views-block-slideshow-block-1 .view-slideshow .slick__slide .views-field-field-responsive-slide-image,#block-element-views-block-slideshow-block-1 .view-slideshow .slick__slide,#block-element-views-block-slideshow-block-1 view-slideshow,#block-element-views-block-slideshow-block-1 { width:100%; height:768px; } #block-element-views-block-slideshow-block-1 .view-slideshow .slick__slide .views-field-field-responsive-slide-image img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-slideshow-block-1 .slick.blazy { position: relative; } #block-element-views-block-slideshow-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-slideshow-block-1:hover .slick__arrow { display:block!important; } #block-element-views-block-slideshow-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); z-index:2; } #block-element-views-block-slideshow-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-slideshow-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-slideshow-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Front Page - Slideshow - Intro Text*/ .block-home-hero-text { position:absolute; top:calc(50% + 50px); left:50%; transform:translate(-50%,-50%); width: 1200px; pointer-events:none; } .block-home-hero-text .block__content { width:560px; /*width:600px;*/ max-width:100%; } .block-home-hero-text h3 { color: var(--cordovan); font-size: 1em; line-height: 1.2em; margin: 0 0 3px 0; text-transform: uppercase; } .block-home-hero-text h2 { color: var(--cream); font-size: 3.5em; line-height: 1.2em; letter-spacing: 0.25px; margin: 0 0 30px 0; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); } .block-home-hero-text p { font-size:1.375em; color:var(--cream); margin:0; } .block-home-hero-text div.field-button { display: inline-flex; align-items: center; margin: 35px 0px 0 0; gap: 15px; } .block-home-hero-text div.field-button a { pointer-events:visible; } /*Home Page - About Enkay Residency - Intro text*/ /*.block-block-3{ width: 840px; margin: 0 auto; text-align: center;} .block-block-3 p{ font-size:1.375em;}*/ /*Block Left Right Section - Global CSS*/ .block-left-right-section .field--name-body { display:flex; align-items:center; } .block-left-right-section div.field-image { width:calc(50% - 20px); margin:0 0 0 20px; } .block-left-right-section div.field-image img { width:100%; height:auto; border-radius:6px; } .block-left-right-section div.field-desc { width:calc(50% - 20px); margin:0 20px 0 0; } .block-left-right-section div.field-desc h3 { color: var(--cordovan); font-size: 1.125em; line-height: 1.25em; letter-spacing:0.25px; margin: 0 0 10px 0; text-transform: uppercase; } .block-left-right-section div.field-desc h2 { line-height: 1.25em; margin: 0 0 50px 0; position:relative; } .block-left-right-section div.field-desc h2:after { content: ""; left: 17px; position: absolute; bottom: -44px; width: 2px; height: 36px; transform: rotate(90deg); margin-left: 0; background: var(--cordovan); } .block-left-right-section div.field-desc p { margin: 0; width:500px; max-width:100%; } .block-left-right-section div.field-desc div.field-button { margin: 35px 0px 0 0; /*display: inline-flex; align-items: center; gap: 15px;*/ } .block-left-right-section div.field-desc div.field-button a { } .block-left-right-section div.field-desc div.field-button a:hover { background:var(--deepred); border:1px solid var(--deepred); } /*Home Page - Why Choose Us*/ .path-frontpage #zone-content-bottom-first-wrapper { background:var(--lbeige); padding:60px 0; } .block-block-19 .view-header { margin:0 0 50px 0; } .block-block-19 .content-inner { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; } .block-block-19 .content-inner div.sec { box-shadow: 0 4px 8px var(--shadow); border-radius: 6px; --moz-border-radius: 6px; --webkit-border-radius: 6px; background: var(--white); padding:20px; display:flex; align-items:flex-start; } .block-block-19 div.field-image { width:48px; margin:0 10px 0 0; } .block-block-19 div.field-desc { margin:0 0 0 10px; width:calc(100% - 68px); } .block-block-19 div.field-image img { width:48px; height:auto; } .block-block-19 .content-inner div.sec h4 { margin:0 0 10px 0; } .block-block-19 .content-inner div.sec p a,.block-block-19 .content-inner div.sec p { font-size:0.875em; } /*.block-block-19 div.content-inner{ display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;} .block-block-19 div.content-inner div.sec{ flex: 0 1 calc((100% - (5 * 30px)) / 6); box-sizing: border-box; text-align: center;}.block-block-19 div.content-inner div.sec div.field-image { margin: 0 auto 8px auto; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--bordergry); } .block-block-19 div.content-inner div.sec div.field-image img{ width:auto; height:48px; margin:0 auto; border-radius:50%;} .block-block-19 div.content-inner div.sec div.field-image svg{ width:28px;}.block-block-19 div.content-inner div.sec div.field-image svg path{ fill:var(--cream);}.block-block-19 div.content-inner div.sec div.field-desc h4{ margin:0 0 5px 0; font-size:1em;}.block-block-19 div.content-inner div.sec div.field-desc p{ font-size:0.875em;}*/ /*Home Page - Hotels*/ .block-views-blockhotels-block-1 { } .block-views-blockhotels-block-1 .view-header h3,.block-views-blockhotels-block-1 .view-header h2, .block-views-blockhotels-block-1 .view-header { text-align:center; } .block-views-blockhotels-block-1 .view-header { position:relative; margin:0 0 40px 0; } .block-views-blockhotels-block-1 .view-header h2 { margin:0; } .block-views-blockhotels-block-1 .view-header div.title-btn { /*display: flex; align-items: center; justify-content: space-between;*/ } .block-views-blockhotels-block-1 .view-header .field-button { display:none; } .block-views-blockhotels-block-1 .view-header .field-button a.btn2 { border:1px solid var(--cordovan); color:var(--cordovan)!important; } .block-views-blockhotels-block-1 .view-header .field-button a.btn2:hover { color:var(--cream)!important; } .block-views-blockhotels-block-1 .view-footer { padding:55px 0 0 0; text-align:center; display:none; } /*Home Page - Corporate Stays*/ .path-frontpage #zone-content-bottom-third-wrapper { padding:0 0 70px 0; } .block-block-31.block-left-right-section .field--name-body { flex-direction:row-reverse; } .block-block-31.block-left-right-section div.field-desc { margin: 0 0 0 20px; } .block-block-31.block-left-right-section div.field-image { margin: 0 20px 0 0; } .block-block-31.block-left-right-section div.field-desc h2 { width:400px; max-width:100%; } .block-block-31.block-left-right-section div.field-desc p { width:100%; } .block-block-31.block-left-right-section div.field-desc p:nth-child(3) { margin:0 0 15px 0; } /*Home Page - Meetings & Events*/ .path-frontpage #zone-content-bottom-fourth-wrapper { padding:60px 0; background:var(--lbeige); } .block-views-blockconference-room-block-1 .view-header { width: 840px; max-width:100%; margin: 0 auto; text-align: center; } .block-views-blockconference-room-block-1 .view-footer { width: 800px; max-width:100%; margin: 0 auto; text-align: center; } .block-views-blockconference-room-block-1 .view-footer p { } .block-views-blockconference-room-block-1 .view-footer p a { font-size:1em; text-decoration:none; color:var(--grey); } .block-views-blockconference-room-block-1 .view-footer p a:hover { text-decoration:none; color:var(--deepred); } /*Home Page - Furnished Apartments and Commercial Leasing*/ .path-frontpage #zone-content-bottom-fifth-wrapper { padding:60px 0 60px 0; } .path-frontpage .region--content-bottom-fifth { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; width: 1000px; max-width: 100%; margin: 0 auto; } .block-views-blockfurnished-apartments-block-1 { } .block-views-blockcommercial-leasing-block-1 { } .block-views-blockcommercial-leasing-block-1 .view-header h2,.block-views-blockfurnished-apartments-block-1 .view-header h2 { } .block-views-blockfurnished-apartments-block-1 .furnished-apartments-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; gap:0!important; } .block-views-blockcommercial-leasing-block-1 .commercial-leasing-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; gap:0!important; } .block-views-blockfurnished-apartments-block-1 .furnished-apartments-index-grid .view-content .views-row { background:var(--white); } .block-views-blockcommercial-leasing-block-1 .commercial-leasing-index-grid .view-content .views-row { background:var(--white); } .block-views-blockfurnished-apartments-block-1 div.view-footer,.block-views-blockcommercial-leasing-block-1 div.view-footer { padding:40px 0 0 0; text-align:center; display:none!important; } .block-views-blockfurnished-apartments-block-1 div.view-footer a.btn1,.block-views-blockcommercial-leasing-block-1 div.view-footer a.btn1 { background:var(---lbeige); color:var(--cream); border:1px solid var(--lbeige); } .block-views-blockfurnished-apartments-block-1 div.view-footer a.btn1:hover,.block-views-blockcommercial-leasing-block-1 div.view-footer a.btn1:hover { background:var(--deepred); color:var(--cream); border:1px solid var(--deepred); } .path-frontpage #zone-content-bottom-sixth-wrapper{ padding:0 0 60px 0; } .block-block-46 div.view-footer{ width: 920px; max-width: 100%; margin: 0 auto; text-align: center; } .block-block-46 div.view-footer p a{ font-size: 1em; text-decoration: none; color: var(--grey); } .block-block-46 div.view-footer p a:hover{ text-decoration:none; color: var(--deepred); } /*Home Page - Testimonials*/ /*.path-frontpage #zone-content-bottom-sixth-wrapper { background:var(--white); } .path-frontpage #zone-content-bottom-sixth { width:100%; max-width:100%; } .path-frontpage .region--content-bottom-sixth { display:flex; align-items:center; flex-direction:row-reverse; }*/ .block-block-20 { width:50%; } .block-block-20 img { width:100%; height:auto; } .block-views-blocktestimonials-block-1 { width: 50%; top: 32px; position: relative; } .block-views-blocktestimonials-block-1 .slick-list { width:400px; max-width:100%; margin:0 auto; position:relative; } .block-views-blocktestimonials-block-1 .slick.blazy:before { content: " "; position: absolute; left: calc(50% - 15px); top: -80px; color: #ccc; font-size: 0; line-height: 0.1em; padding: 38px; background: url(../images/icon-quote-sage.png) no-repeat left center transparent; background-size: 52px; z-index: 1; width: 400px; display: inline; /* margin: 0 auto; */ transform: translate(-50%,0); } .block-views-blocktestimonials-block-1 .views-field-body { margin:0 0 30px 0; position:relative; } .block-views-blocktestimonials-block-1 .views-field-body:after { content: ""; left: 14px; position: absolute; bottom: -30px; width: 2px; height: 28px; transform: rotate(90deg); margin-left: 0; background: var(--cordovan); } .block-views-blocktestimonials-block-1 .views-field-body p { font-size: 1.5em; font-style:italic; } .block-views-blocktestimonials-block-1 .views-field-title span { line-height:1.2em; font-family:var(--font2); font-weight:700; color:var(--charcoal); } .block-views-blocktestimonials-block-1 .views-field-field-testimonial-location { } .block-views-blocktestimonials-block-1 .views-field-field-testimonial-location div.field-content { font-size:0.875em; line-height:1.2em; } /*Footer Top Band - Ready to Book Your Stay*/ .path-frontpage #zone-content-bottom-eighth-wrapper { background:var(--cordovan); padding:20px 0 20px 0; } .block-block-21 .field--name-body { display:flex; align-items:center; justify-content:space-between; } .block-block-21 .field--name-body div.field-desc { display: flex; align-items: center; gap: 20px; width: calc(100% - 220px); } .block-block-21 .field--name-body div.image { width:60px; } .block-block-21 .field--name-body div.image svg { width:100%; height:auto; } .block-block-21 .field--name-body div.desc { width:calc(100% - 75px); } .block-block-21 .field--name-body div.field-button { } .block-block-21 .field--name-body div.desc h3 { color:var(--cream); margin:0 0 5px 0; font-size:1.5em; } .block-block-21 .field--name-body div.desc p { color:var(--cream); } .block-block-21 .field--name-body svg path { fill:var(--cream); } .block-block-21 div.field-button { width:240px; } .block-block-21 div.field-button a { background:var(--cream); color:var(--cordovan)!important; padding:12px 36px; font-size:0.875em; } .block-block-21 div.field-button a:hover { background:var(--lbeige); color:var(--cordovan)!important; } /*Hotels Index Page*/ .page-node-41 #main-wrapper #main { padding: 60px 0 60px 0; } .page-node-41 #block-element-page-title { display:none; } .page-node-41 #zone-content-bottom-first-wrapper { padding:0 0 60px 0; } /*Hotels Index Page - Introduction Text*/ .block-block-23 div.view-header { margin:0 0 40px 0; } .block-block-23 h2 { text-align:center; margin:0 0 0 0; } .block-block-23 h3 { text-align:center; } /*Hotels Index Grid - Global CSS*/ .hotel-index-grid.view-hotels { display:block; } .hotel-index-grid .view-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; width: 1000px; max-width: 100%; margin: 0 auto; } /*.hotel-index-grid .view-content{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 40px; }.hotel-index-grid .view-content .views-row:nth-child(-n+3) { grid-column: span 4;}.hotel-index-grid .view-content .views-row:nth-child(1) { grid-column: 3 / span 4; }.hotel-index-grid .view-content .views-row:nth-child(2) { grid-column: 7 / span 4; }*/ .hotel-index-grid .views-row { box-shadow: 0 4px 8px var(--shadow); border-radius: 6px; --moz-border-radius: 6px; --webkit-border-radius: 6px; background: var(--white); } .hotel-index-grid .views-field-field-index-image { margin:0; overflow:hidden; } .hotel-index-grid .views-field-field-index-image img { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; transition: all 0.2s ease-in-out 0s; } .hotel-index-grid .views-row:hover .views-field-field-index-image img { transform: scale(1.1); } .hotel-index-grid .views-field-title { padding:20px 20px 20px 20px; } .block-views-blockhotels-block-3 .hotel-index-grid .views-field-title { padding:20px; } .hotel-index-grid .views-field-title h4 { margin:0; /*min-height:52px;*/ } .hotel-index-grid .views-field-title h4 a { text-decoration:none; line-height:1.35em; } .hotel-index-grid .views-field-field-excerpt { padding:0 20px 20px 20px; } .hotel-index-grid .views-field-field-excerpt ol li, .hotel-index-grid .views-field-field-excerpt ul li,.hotel-index-grid .views-field-field-excerpt p a,.hotel-index-grid .views-field-field-excerpt p { font-size:0.875em; } .hotel-index-grid .views-field-nothing { padding: 0 20px 12px 20px; } .hotel-index-grid .views-field-view-node { padding:0 20px 28px 20px; } .hotel-index-grid .views-field-view-node a { padding:8px 20px; } .hotel-index-grid .views-field-nothing span.field-content { display: flex; align-items: center; } .hotel-index-grid .views-field-nothing span.field-content > div { width:33.33%; } .hotel-index-grid .views-field-nothing ol li, .hotel-index-grid .views-field-nothing ul li,.hotel-index-grid .views-field-nothing p a, .hotel-index-grid .views-field-nothing p { font-size:0.875em; } .hotel-index-grid .views-field-nothing-1 { padding:15px 20px 30px 20px; } .hotel-index-grid .views-field-nothing-1 span.field-content { display: flex; align-items: center; justify-content:space-between; } .hotel-index-grid .views-field-nothing-1 ol li,.hotel-index-grid .views-field-nothing-1 ul li,.hotel-index-grid .views-field-nothing-1 p a,.hotel-index-grid .views-field-nothing-1 p { font-size:0.875em; } /*Individual Hotel Pages*/ .page-node-type-hotel #block-element-page-title { text-align:left; margin:0; display:none; } .page-node-type-hotel h1.page-title { font-size:1.5em; } .page-node-type-hotel #main-wrapper #main { padding:0; } .page-node-type-hotel #zone-content-bottom-second-wrapper { padding:70px 0 70px 0; } .page-node-type-hotel #zone-content-bottom-third-wrapper { padding:60px 0; background:var(--lbeige); } .page-node-type-hotel #zone-content-bottom-fourth-wrapper { padding:60px 0; } .page-node-type-hotel #zone-content-bottom-fifth-wrapper { padding:60px 0; background:var(--lbeige); } .page-node-type-hotel #zone-content-bottom-sixth-wrapper { padding:60px 0; } /*Individual Hotel Pages - Cover Slideshow*/ .page-node-type-hotel .region--slideshow, .page-node-type-hotel #zone-slideshow, .page-node-type-hotel #zone-slideshow-wrapper { background: transparent; } .page-node-type-hotel #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .page-node-type-hotel .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } #block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide .views-field-field-slideshow-images div.field-content,#block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide .views-field-field-slideshow-images a,#block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide .views-field-field-slideshow-images,#block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide,#block-element-views-block-individual-hotel-block-1 .view-individual-hotel,#block-element-views-block-individual-hotel-block-1 { width:100%; height:768px; } #block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide .views-field-field-slideshow-images a picture { width:100%; height:768px; display:block; } #block-element-views-block-individual-hotel-block-1 .view-individual-hotel .slick__slide .views-field-field-slideshow-images img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-individual-hotel-block-1 .slick.blazy { position: relative; } #block-element-views-block-individual-hotel-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-individual-hotel-block-1:hover .slick__arrow { display:block!important; } #block-element-views-block-individual-hotel-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-hotel-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-hotel-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-individual-hotel-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Individual Hotel Pages - Featured Section*/ .page-node-type-hotel .region--content-bottom-second { display:flex; align-items:flex-start; gap:40px; } #block-element-views-block-individual-hotel-block-2 { /*width:calc(50% - 20px); margin:0 20px 40px 0; float:left; clear:left;*/ width:50%; } #block-element-views-block-individual-hotel-block-3 { /*width:calc(50% - 20px); float:left; clear:left; margin:0 20px 0 0;*/ width:50%; } .block-views-blockindividual-hotel-block-2 .views-field-nothing h4 { margin:0 0 5px 0; color:var(--grey); } .block-views-blockindividual-hotel-block-2 .views-field-title { } .block-views-blockindividual-hotel-block-2 .views-field-title h2 { font-size:2em; } .block-views-blockindividual-hotel-block-3 { position:relative; } .block-views-blockindividual-hotel-block-3 .view-content, .block-views-blockindividual-hotel-block-3 .view-individual-hotel { display:block; } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row { width:65%; height:auto; margin:0 0 15px 0; } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row:last-child { position:relative; /* top: 35%; */ /* right: 0; */ left:35%; /* float: right; */ margin:0; } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row .views-field-field-featured-images { /*border:10px solid var(--white); box-shadow:0 4px 8px var(--shadow); border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px;*/ } .block-views-blockindividual-hotel-block-3 .view-individual-hotel .views-row .views-field-field-featured-images img { width:100%; height:auto; border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px; } /*Individual Hotel Pages - Booking Form*/ .page-node-type-hotel #zone-content-bottom-first-wrapper { padding:0; } .page-node-type-hotel #zone-content-bottom-first { } .block-booking-enquiry-form { } .block-booking-enquiry-form .view-individual-hotel { display:block; } .block-booking-enquiry-form .views-field-field-booking-form { padding: 0px 30px; width: 1000px; box-shadow: 0 4px 8px var(--shadow); background: var(--white); z-index: 1; position: relative; border-radius:10px; margin:-100px auto 0 auto; } .block-booking-enquiry-form form { display:flex; align-items:flex-start; gap:30px; } .block-booking-enquiry-form #edit-booking-details { /*width:(33.33% - 20px); float:left; margin:0 0; */ width:25%; margin:0; } .block-booking-enquiry-form #edit-personal-information { /*width:calc(33.33% - 20px); float:left; margin:0 30px; */ width:25%; margin:0; } .block-booking-enquiry-form #edit-contact-deatils { /*width:calc(33.33% - 80pxpx); float:left; margin:0 0;*/ width:25%; margin:0; } .block-booking-enquiry-form #edit-submission-section { width:25%; margin:0; } .block-booking-enquiry-form .form-actions { /*width:150px;*/ position:relative; top:15px; } .block-booking-enquiry-form .form-actions input[type="submit"] { width:100%; } .block-booking-enquiry-form #edit-contact-deatils .iti { display:block; } .block-booking-enquiry-form .webform-section-title { display:none; } input[type="password"],input[type="date"], input[type="number"], input[type="tel"], input[type="text"],input[type="email"] { background-clip: padding-box; background-color:transparent; border: 1px solid var(--bordergry); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-sizing: border-box; color: var(--grey); font-family: var(--font1); font-size: 1em; height: 40px; max-width: 100%; outline: 0 none; padding: 10px; width: 100%; margin: 0; min-height: auto; } input[type="number"],input[type="date"] { font-size:0.875em; color:var(--grey); } input[type="date"] { text-transform:uppercase; } textarea { background-clip: padding-box; background-color:transparent; border: 1px solid var(--bordergry); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-sizing: border-box; color: var(--charcoal); font-family: var(--font1); font-size: 1em; height: 80px; max-width: 100%; outline: 0 none; padding: 10px; width: 100%; margin: 0; min-height: auto; outline:none; } textarea:focus,input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus,input[type="tel"]:focus, input[type="text"]:focus, input[type="email"]:focus { border:1px solid #9F9F9F!important; outline:none!important; } textarea::placeholder,input[type="password"]::placeholder,input[type="date"]::placeholder,input[type="number"]::placeholder,input[type="tel"]::placeholder,input[type="text"]::placeholder, input[type="email"]::placeholder { font-family:var(--font1); font-size:0.875em; color:#575754; } textarea:focus::placeholder,input[type="password"]:focus::placeholder, input[type="date"]:focus::placeholder, input[type="number"]:focus::placeholder,input[type="tel"]:focus::placeholder,input[type="text"]:focus::placeholder,input[type="email"]:focus::placeholder { color:transparent; } select { background-clip: padding-box; background-color: transparent; border: 1px solid var(--bordergry); border-radius: 0; box-sizing: border-box; height: 40px; color: #575754; font-family: var(--font1); font-size: 0.875em; padding: 8px 10px; outline: none; background-size: 14px!important; width:100%; } select:focus { border:1px solid #9F9F9F; outline:none; } .fieldset__legend { background:transparent; padding:0; margin:0; } .fieldset__label { padding: 0; display: block; margin-block: var(--sp0-5); font-size: var(--font-size-s); font-weight: bold; line-height: var(--line-height-s); color: var(--grey); margin-top:0; } .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper { border:0; padding:0; } .webform-type-webform-telephone .form-item { width:100%!important; max-width:100%!important; margin:0!important; } /*.block-booking-enquiry-form .form-item-check-in{ width:calc(50% - 10px); float:left; margin:0 10px 0 0; }.block-booking-enquiry-form .form-item-check-out{ width:calc(50% - 10px); display:inline-block; margin:0 0 0 10px; }*/ .block-booking-enquiry-form .form-item-check-out label,.block-booking-enquiry-form .form-item-check-in label { margin-top:0; } input[type="submit"] { display: inline-block; min-width:150px; height: 40px; font-family: var(--font1); line-height: 15px; justify-content: left; text-align: center; transition: unset; margin: 0; border: none!important; cursor: pointer; outline: none!important; color: var(--white)!important; background: var(--cordovan); padding: 10px 30px; border-radius: 4; font-weight: bold; font-size: 12px; text-transform: uppercase; text-decoration: none; } input[type="submit"]:focus,input[type="submit"]:hover { outline: none!important; } /*.form-item__label.form-required::after, .fieldset__label.form-required::after, .required-mark::after { display: inline-block; width: 0.5rem; height: 0.5rem; margin-inline: 0.3em; content: ""; vertical-align: text-top; background-image: url(data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A); background-repeat: no-repeat; background-size: 0.5rem 0.5rem;}*/ /*Individual Hotel Pages - Room Type*/ .block-views-blockindividual-hotel-block-8 { width: 1080px; max-width: 100%; margin: 0 auto; } .block-views-blockindividual-hotel-block-8 .view-header h2 { margin:0 0 50px 0; } .block-views-blockindividual-hotel-block-8 .view-content, .block-views-blockindividual-hotel-block-8 .view-individual-hotel { display:block; } .block-views-blockindividual-hotel-block-8 .paragraph--type--room-type { margin:0 0 30px 0; } .block-views-blockindividual-hotel-block-8 .paragraph--type--room-type:last-child { margin:0; } .block-views-blockindividual-hotel-block-8 .field--name-field-room-name { font-family: var(--font2); font-weight: bold; color: var(--charcoal); font-size: 1.5em; margin: 0 0 20px 0; } .views-field-field-room-type ul li.grid img { margin:0!important; } .blazy__caption,.blazy__caption--description { font-size:14px; font-weight:500!important; } /*Individual Hotel Pages - Tariffs*/ .block-views-blockindividual-hotel-block-5 { width:1080px; max-width:100%; margin:0 auto; } .block-views-blockindividual-hotel-block-5 .view-content,.block-views-blockindividual-hotel-block-5 .view-individual-hotel { display:block; } /*.block-views-blockindividual-hotel-block-5 .views-field-field-tariff table{ border:1px solid #ccc; border-spacing:0; width:100%; font-size:14px; margin:0 0 20px 0; }.block-views-blockindividual-hotel-block-5 .views-field-field-tariff table tr{ border-spacing:0; }.block-views-blockindividual-hotel-block-5 .views-field-field-tariff table td{ padding:8px; border:01px solid #ccc;}*/ .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table { width:100%; margin:0; box-shadow:0px 4px 8px var(--shadow); border-top-left-radius:10px; border-top-right-radius:10px; font-size:14px; border-spacing:0; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table thead { border:none; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table th { background:var(--cream); padding:18px; border:none; font-size:1em; font-family:var(--font1); text-align:left; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table th:first-child { border-top-left-radius:10px; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table th:last-child { border-top-right-radius:10px; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table td { font-size:1em; padding:18px; border:none; font-family:var(--font1); } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table tbody td:first-child,.block-views-blockindividual-hotel-block-5 .views-field-field-tariff table tbody td:last-child { /*font-weight:600;*/ } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff table tbody tr:nth-child(even) { background:var(--cream); } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff .note { background:var(--lbeige); padding:12px 18px; font-size:0.875em; line-height:1.4em; box-shadow:0px 4px 8px var(--shadow); border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .block-views-blockindividual-hotel-block-5 .views-field-field-tariff .note p,.block-views-blockindividual-hotel-block-5 .views-field-field-tariff .note ol li,.block-views-blockindividual-hotel-block-5 .views-field-field-tariff .note ul li { font-size:1em; line-height:1.4em; } /*Individual Hotel Pages - Facilities*/ .block-views-blockindividual-hotel-block-7 { width:1080px; max-width:100%; margin:0 auto; } .block-views-blockindividual-hotel-block-7 .view-content,.block-views-blockindividual-hotel-block-7 .view-individual-hotel { display:block; } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-content .content-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-content .content-inner div.sec { /* Mimics repeat(5, 1fr) by calculating width minus the 4 gaps */ flex: 0 1 calc((100% - (4 * 30px)) / 5); box-sizing: border-box; text-align:center; } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-image { margin: 0 auto 8px auto; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--bordergry); } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-image img { width:auto; height:48px; margin:0 auto; } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-image svg { width:28px; } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-image svg path { fill:var(--cream); } .block-views-blockindividual-hotel-block-7 .views-field-field-facilities div.field-desc p { font-size:0.875em; } /*Individual Hotel Pages - Location*/ .block-views-blockindividual-hotel-block-4 { width:1080px; max-width:100%; margin:0 auto; } .block-views-blockindividual-hotel-block-4 .view-content, .block-views-blockindividual-hotel-block-4 .view-individual-hotel { display:block; } .block-views-blockindividual-hotel-block-4 .view-header h2 { margin:0 0 50px 0; } .block-views-blockindividual-hotel-block-4 .views-field-field-location-address { margin: 0 20px 15px 0; width: calc(50% - 20px); float: left; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby { margin:0 20px 60px 0; width: calc(50% - 20px); float: left; clear:left; } .block-views-blockindividual-hotel-block-4 .views-field-field-location { width: calc(50% - 20px); display:inline-block; margin:0 0 60px 20px; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby h4 { font-size:1.125em; margin:0 0 25px 0; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby p,.block-views-blockindividual-hotel-block-4 .views-field-field-location-address p { font-size:1em; line-height:1.6em; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby ol,.block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby ul,.block-views-blockindividual-hotel-block-4 .views-field-field-location-address ol, .block-views-blockindividual-hotel-block-4 .views-field-field-location-address ul { /*list-style-position: inside;*/ padding:0; margin:0; list-style-type:none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby ol li,.block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby ul li, .block-views-blockindividual-hotel-block-4 .views-field-field-location-address ol li,.block-views-blockindividual-hotel-block-4 .views-field-field-location-address ul li { font-size:0.875em; line-height:1.35em; padding:6px 10px; border-radius:6px; box-shadow:0 4px 8px var(--shadow); } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby p a,.block-views-blockindividual-hotel-block-4 .views-field-field-location-address p a { font-size:1em; color:var(--grey); text-decoration:none; } .block-views-blockindividual-hotel-block-4 .views-field-field-key-locations-nearby p a:hover, .block-views-blockindividual-hotel-block-4 .views-field-field-location-address p a:hover { color:var(--deepred); } /*Furnished Apartments Index Page*/ .path-furnished-apartments #main-wrapper #main { padding: 40px 0 60px 0; } /*Furnished Apartments Index Grid - Global CSS*/ .furnished-apartments-index-grid.view-furnished-apartments { display:block; } .furnished-apartments-index-grid .view-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .furnished-apartments-index-grid .views-row { box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radius:6px; background:var(--white); } .furnished-apartments-index-grid .views-field-field-index-image { margin:0; overflow:hidden; } .furnished-apartments-index-grid .views-field-field-index-image img { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; transition: all 0.2s ease-in-out 0s; } .furnished-apartments-index-grid .views-row:hover .views-field-field-index-image img { transform:scale(1.1); } .furnished-apartments-index-grid .views-field-title { padding:15px 20px; } .furnished-apartments-index-grid .views-field-title h4 { margin:0; } .furnished-apartments-index-grid .views-field-title h4 a { text-decoration:none; line-height:1.35em; } .furnished-apartments-index-grid .views-field-field-tagline { color:var(--grey); font-size:14px; margin:0 20px 15px 20px; } .furnished-apartments-index-grid .views-field-field-tagline h5 { color: var(--grey); margin: 0; font-weight: 600; font-size: 16px; line-height: 1.4em; } .furnished-apartments-index-grid .views-field-field-intro-text { margin:0 20px 20px 20px; } .furnished-apartments-index-grid .views-field-field-intro-text p { font-size:14px; } .furnished-apartments-index-grid .views-field-field-intro-text p strong { font-weight:normal; } .furnished-apartments-index-grid .views-field-field-area { padding: 0 20px 12px 20px; } .furnished-apartments-index-grid .views-field-field-area ol li, .furnished-apartments-index-grid .views-field-field-area ul li,.furnished-apartments-index-grid .views-field-field-area p a, .furnished-apartments-index-grid .views-field-field-area p { font-size:0.875em; } .furnished-apartments-index-grid .views-field-view-node { padding:15px 20px 30px 20px; text-align:right; } .furnished-apartments-index-grid .views-field-nothing { padding:15px 20px 30px 20px; } .furnished-apartments-index-grid .views-field-nothing span.field-content { display: flex; align-items: center; justify-content:space-between; } .furnished-apartments-index-grid .views-field-nothing ol li,.furnished-apartments-index-grid .views-field-nothing ul li,.furnished-apartments-index-grid .views-field-nothing p a, .furnished-apartments-index-grid .views-field-nothing p { font-size:0.875em; } /*Individual Furnished Apartments Pages*/ .page-node-type-furnished_apartments #block-element-page-title { text-align:left; margin:0; display:none; } .page-node-type-furnished_apartments h1.page-title { font-size:1.5em; } .page-node-type-furnished_apartments #main-wrapper #main { /*padding:60px 0; */ padding:0; } .page-node-type-furnished_apartments #zone-content-bottom-second-wrapper { padding: 70px 0 70px 0; } .page-node-type-furnished_apartments #zone-content-bottom-third-wrapper { padding:60px 0 40px 0; background:var(--lbeige); } .page-node-type-furnished_apartments #zone-content-bottom-fourth-wrapper { padding:60px 0; } .page-node-type-furnished_apartments #zone-content-bottom-fifth-wrapper { padding:60px 0; background:var(--lbeige); } .page-node-type-furnished_apartments #zone-content-bottom-sixth-wrapper { padding:60px 0; } /*Individual Furnished Apartments - Cover Slideshow*/ .page-node-type-furnished_apartments .region--slideshow,.page-node-type-furnished_apartments #zone-slideshow, .page-node-type-furnished_apartments #zone-slideshow-wrapper { background: transparent; } .page-node-type-furnished_apartments #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .page-node-type-furnished_apartments .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } #block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide .views-field-field-slideshow-images div.field-content,#block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide .views-field-field-slideshow-images a,#block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide .views-field-field-slideshow-images,#block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide,#block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments,#block-element-views-block-individual-furnished-apartments-block-1 { width:100%; height:768px; } #block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide .views-field-field-slideshow-images a picture { width:100%; height:768px; display:block; } #block-element-views-block-individual-furnished-apartments-block-1 .view-individual-furnished-apartments .slick__slide .views-field-field-slideshow-images img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-individual-furnished-apartments-block-1 .slick.blazy { position: relative; } #block-element-views-block-individual-furnished-apartments-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-individual-furnished-apartments-block-1 :hover .slick__arrow { display:block!important; } #block-element-views-block-individual-furnished-apartments-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-furnished-apartments-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-furnished-apartments-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-individual-furnished-apartments-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Individual Furnished Apartments - Enquiry Form Section*/ .block-views-blockindividual-furnished-apartments-block-8 .view-individual-furnished-apartments { display:block; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details { width:75%; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:calc(33.33% - 20px); float:left; margin:10px 0; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width:calc(33.33% - 20px); margin:10px 30px; float:left; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:calc(33.33% - 20px); display:inline-block; margin-bottom:0; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-booking-details .form-item-requirement { clear:both; width:100%; margin-top:0; } .page-node-type-furnished_apartments .block-booking-enquiry-form #edit-submission-section { width:25%; } .page-node-type-furnished_apartments .block-booking-enquiry-form .form-actions { top:35px; } /*Individual Furnished Apartments - Featured Section*/ .page-node-type-furnished_apartments .region--content-bottom-second { display:flex; align-items:flex-start; gap:40px; } .block-views-blockindividual-furnished-apartments-block-3 { /*width:calc(50% - 20px); margin:0 20px 40px 0; float:left; clear:left;*/ width:50%; } .block-views-blockindividual-furnished-apartments-block-4 { /*width:calc(50% - 20px); float:left; clear:left; margin:0 20px 0 0;*/ width:50%; } .block-views-blockindividual-furnished-apartments-block-3 .views-field-nothing h4 { margin:0 0 5px 0; } .block-views-blockindividual-furnished-apartments-block-3 .views-field-title { } .block-views-blockindividual-furnished-apartments-block-3 .views-field-title h2 { font-size:2em; } .block-views-blockindividual-furnished-apartments-block-3 .views-field-field-tagline h4 { color:var(--grey); } .block-views-blockindividual-furnished-apartments-block-4 { position:relative; } .block-views-blockindividual-furnished-apartments-block-4 .view-content, .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments { display:block; } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row { width:65%; height:auto; margin:0 0 15px 0; } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row:last-child { position:relative; /* top: 35%; */ /* right: 0; */ left:35%; /* float: right; */ margin:0; } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row .views-field-field-featured-images { /*border:10px solid var(--white); box-shadow:0 4px 8px var(--shadow); border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px;*/ } .block-views-blockindividual-furnished-apartments-block-4 .view-individual-furnished-apartments .views-row .views-field-field-featured-images img { width:100%; height:auto; border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px; } /*Individual Furnished Apartments - Apartment Highlights*/ .block-views-blockindividual-furnished-apartments-block-7 .view-content, .block-views-blockindividual-furnished-apartments-block-7 .view-individual-furnished-apartments { display:block; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights { } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights h2 { text-align:center; margin:0 0 30px 0; } /*.block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul.col2{ column-count:2; --moz-column-count:2; --webkit-column-count:2; margin:30px 0.25em 30px 1.5em; }*/ .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul { /* list-style-position: inside; */ padding: 0; margin:30px 0; list-style-type: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul li { font-size: 0.875em; line-height: 1.35em; /*padding: 8px 12px;*/ /*border-radius: 6px;*/ /*box-shadow: 0 4px 8px var(--shadow);*/ margin:0; /*background:var(--white);*/ position: relative; padding-left: 18px; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights ul li:before { /*content: "\276F";*/ content: "\2714"; margin-right: 8px; font-size: 0.9em; display: inline-block; color:var(--cordovan); font-weight:700; position: absolute; left: 0; top: 0; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights h3 { text-align:center; } .block-views-blockindividual-furnished-apartments-block-7 .views-field-field-apartment-highlights p { } /*Individual Furnished Apartmentss - Facilities*/ .block-views-blockindividual-furnished-apartments-block-5 .view-content, .block-views-blockindividual-furnished-apartments-block-5 .view-individual-furnished-apartments { display:block; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities h2 { line-height:1.35em; margin:0 0 40px 0; text-align:center; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin:0 0 50px 0; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner:last-child { margin:0; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec { display: flex; align-items: center; gap: 15px; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image { width: 40px; height: 40px; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image img { width:100%; height:auto; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image svg { width:20px; } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image svg path { fill:var(--cream); } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-desc { width:calc(100% - 55px); } .block-views-blockindividual-furnished-apartments-block-5 .views-field-field-facilities div.content-inner div.sec div.field-desc p { margin:0; line-height:1.35em; } /*Individual Commercial Leasing - More Information*/ .block-views-blockindividual-furnished-apartments-block-6 .view-content, .block-views-blockindividual-furnished-apartments-block-6 .view-individual-furnished-apartments { display:block; } .block-views-blockindividual-furnished-apartments-block-6 .views-field-field-more-information h2 { margin:0 0 30px 0; text-align:center; } .block-views-blockindividual-furnished-apartments-block-6 .views-field-field-more-information p { } .block-views-blockindividual-furnished-apartments-block-6 .views-field-field-more-information p a { color:var(--grey); text-decoration:none; } .block-views-blockindividual-furnished-apartments-block-6 .views-field-field-more-information p a:hover { color:var(--deepred); } /*Individual Furnished Apartmentss - Location*/ .block-views-blockindividual-furnished-apartments-block-2 { width:1080px; max-width:100%; margin:0 auto; } .block-views-blockindividual-furnished-apartments-block-2 .view-header h2 { margin:0 0 50px 0; } .block-views-blockindividual-furnished-apartments-block-2 .view-content, .block-views-blockindividual-furnished-apartments-block-2 .view-individual-furnished-apartments { display:block; } .block-views-blockindividual-furnished-apartments-block-2 .view-individual-furnished-apartments .views-row { display:flex; align-items:flex-start; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address { margin:0 0 50px 0; /*text-align:center;*/ } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address { margin: 0 20px 0 0; width: calc(50% - 20px); } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location { width: calc(50% - 20px); margin: 0 0 0 20px; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address p { font-size:1em; line-height:1.6em; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ol,.block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ul { list-style-position: inside; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ol li,.block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ul li { font-size:1.125em; line-height:1.4em; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address h4:nth-child(5) { font-size: 1.125em; margin: 0 0 25px 0; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ul { /* list-style-position: inside; */ padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address ul li { font-size: 0.875em; line-height: 1.35em; padding: 6px 10px; border-radius: 6x; box-shadow: 0 4px 8px var(--shadow); } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address p a { font-size:1em; color:var(--grey); text-decoration:none; } .block-views-blockindividual-furnished-apartments-block-2 .views-field-field-location-address p a:hover { color:var(--cordovan); } /*Meetings & Events Index Page*/ .page-node-43 #main-wrapper #main { padding:0; } .page-node-43 #block-element-page-title { display:none; } .page-node-43 #zone-content-bottom-first-wrapper { padding:0; } .page-node-43 #zone-content-bottom-second-wrapper { padding:70px 0; } .page-node-43 #zone-content-bottom-fifth-wrapper { padding:0 0 60px 0; } .block-block-16 { width: 840px; margin: 0 auto; text-align: center; } .block-block-17 { } .block-block-17 p, .block-block-16 p { font-size:1em; } .block-block-17 p a,.block-block-16 p a { font-size:1em; color:var(--grey); } .block-block-17 p a:hover, .block-block-16 p a:hover { text-decoration:none; color:var(--deepred); } /*meeting & Events Index Page - Enquiry Form Section*/ .page-node-43 .block-booking-enquiry-form { padding: 0px 30px; width: 1000px; box-shadow: 0 4px 8px var(--shadow); background: var(--white); z-index: 1; position: relative; border-radius: 10px; margin: -100px auto 0 auto; } .page-node-43 .block-booking-enquiry-form #edit-booking-details { width:75%; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:calc(33.33% - 20px); float:left; margin:10px 0; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width:calc(33.33% - 20px); margin:10px 30px; float:left; } .page-node-43 .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:calc(33.33% - 20px); display:inline-block; margin-bottom:0; } .page-node-43 .block-booking-enquiry-form #edit-booking-details .form-item-requirement { clear:both; width:100%; margin-top:0; } .page-node-43 .block-booking-enquiry-form #edit-submission-section { width:25%; } .page-node-43 .block-booking-enquiry-form .form-actions { top:35px; } /*Meetings & Events Index Page - Introduction Text*/ .block-block-38 div.view-header { margin:0 0 40px 0; } .block-block-38 h2 { text-align:center; margin:0 0 0 0; } .block-block-38 h3 { text-align:center; } /*Meetings & Events Index Page - Desciption & Slideshow Section*/ .page-node-43 .region--content-bottom-third { display: flex; align-items: flex-start; gap: 40px; } .page-node-43 #zone-content-bottom-fourth-wrapper { padding:80px 0 60px 0; } .page-node-43 .region--content-bottom-fourth { display: flex; align-items: flex-start; gap: 40px; flex-direction:row-reverse; } /*Meetings & Events Index Page - Desciption*/ .block-views-blockconference-room-block-4, .block-views-blockconference-room-block-3 { width:50%; } .block-views-blockconference-room-block-4 .block-conf-description, .block-views-blockconference-room-block-3 .block-conf-description { display:block; } .block-views-blockconference-room-block-4 .view-content,.block-views-blockconference-room-block-3 .view-content { display:block; } .block-conf-description .views-field-body h4 { margin: 0 0 5px 0; color: var(--grey); } .block-conf-description .views-field-body h2 { font-size:2em; } /*Meetings & Events Index Page - slideshow*/ .block-views-blockconference-room-block-6, .block-views-blockconference-room-block-5 { width:50%; } .block-views-blockconference-room-block-6 .block-conf-slideshow, .block-views-blockconference-room-block-5 .block-conf-slideshow { display:block; } .block-views-blockconference-room-block-6 .view-content,.block-views-blockconference-room-block-5 .view-content { display:block; } .block-views-blockconference-room-block-6 .block-conf-slideshow .views-field-field-slideshow-images img,.block-views-blockconference-room-block-5 .block-conf-slideshow .views-field-field-slideshow-images img { width:100%; height:auto; } .block-views-blockconference-room-block-6 .slick__arrow .slick-prev, .block-views-blockconference-room-block-5 .slick__arrow .slick-prev { top:21px; left:0; } .block-views-blockconference-room-block-6 .slick__arrow .slick-next, .block-views-blockconference-room-block-5 .slick__arrow .slick-next { top:21px; right:0; } /*Meetings & Events Index Page - Foot Text*/ .page-node-43 .block-block-17 { width:100%; max-width:100%; text-align:left; } /*Conference Room Index Grid - Global CSS*/ .path-meetings-events #block-element-page-title { margin:0 0 30px 0; } .path-meetings-events .view-conference-room { margin:50px 0 20px 0; } .path-meetings-events #zone-content-bottom-first-wrapper { padding:0 0 60px 0; } .conference-room-index-grid.view-conference-room { display:block; } .conference-room-index-grid .view-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; width:1000px; max-width:100%; margin:0 auto; } .block-views-blockconference-room-block-1 .view-content { margin:60px auto!important; } .conference-room-index-grid .views-row { box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radius:6px; background:var(--white); } .conference-room-index-grid .views-field-field-index-image { margin:0; overflow:hidden; } .conference-room-index-grid .views-field-field-index-image img { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; transition: all 0.2s ease-in-out 0s; } .conference-room-index-grid .views-row:hover .views-field-field-index-image img { transform:scale(1.1); } .conference-room-index-grid .views-field-title { padding:15px 20px 20px 20px; } .conference-room-index-grid .views-field-title h4 { margin:0; } .conference-room-index-grid .views-field-title h4 a { text-decoration:none; line-height:1.35em; } .conference-room-index-grid .views-field-field-tagline { color:var(--grey); font-size:14px; margin:0 20px 10px 20px; } .conference-room-index-grid .views-field-field-tagline h5 { color:var(--grey); margin:0; font-weight:500; font-size:14px; } .conference-room-index-grid .views-field-field-intro-text { margin:0 20px 20px 20px; } .conference-room-index-grid .views-field-field-intro-text p { font-size:14px; } .conference-room-index-grid .views-field-field-intro-text p strong { font-weight:normal; } .conference-room-index-grid .views-field-field-intro-text ol li,.conference-room-index-grid .views-field-field-intro-text ul li { font-size:14px; } .conference-room-index-grid .views-field-view-node { padding:0 20px 28px 20px; } .conference-room-index-grid .views-field-view-node a { padding:8px 20px; } .conference-room-index-grid .views-field-nothing { padding:0 20px 28px 20px; } .conference-room-index-grid .views-field-nothing a { padding:8px 20px; } /*Corporate Bookings Index Page*/ .page-node-11 #main-wrapper #main,.path-corporate-bookings #main-wrapper #main { padding: 40px 0 0 0; } .page-node-11 #zone-content-bottom-first-wrapper { padding:0 0 60px 0; } /*Corporate Bookings Index Grid - Global CSS*/ .corporate-booking-index-grid.view-corporate-bookings { display:block; } .corporate-booking-index-grid .view-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .corporate-booking-index-grid .views-row { box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radius:6px; background:var(--white); } .corporate-booking-index-grid .views-field-field-index-image { margin:0; } .corporate-booking-index-grid .views-field-field-index-image img { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; } .corporate-booking-index-grid .views-field-title { padding:15px 20px; } .corporate-booking-index-grid .views-field-title h4 { margin:0; } .corporate-booking-index-grid .views-field-title h4 a { text-decoration:none; line-height:1.35em; } .corporate-booking-index-grid .views-field-field-tagline { color:var(--grey); font-size:14px; margin:0 20px 15px 20px; } .corporate-booking-index-grid .views-field-field-tagline h5 { color: var(--grey); margin: 0; font-weight: 600; font-size: 16px; line-height: 1.4em; } .corporate-booking-index-grid .views-field-field-intro-text { margin:0 20px 20px 20px; } .corporate-booking-index-grid .views-field-field-intro-text p { font-size:14px; } .corporate-booking-index-grid .views-field-field-intro-text p strong { font-weight:normal; } .corporate-booking-index-grid .views-field-field-area { padding: 0 20px 12px 20px; } .corporate-booking-index-grid .views-field-field-area ol li, .corporate-booking-index-grid .views-field-field-area ul li, .corporate-booking-index-grid .views-field-field-area p a, .corporate-booking-index-grid .views-field-field-area p { font-size:0.875em; } .corporate-booking-index-grid .views-field-view-node { padding:15px 20px 30px 20px; text-align:right; } .corporate-booking-index-grid .views-field-nothing { padding:15px 20px 30px 20px; } .corporate-booking-index-grid .views-field-nothing span.field-content { display: flex; align-items: center; justify-content:space-between; } .corporate-booking-index-grid .views-field-nothing ol li,.corporate-booking-index-grid .views-field-nothing ul li,.corporate-booking-index-grid .views-field-nothing p a, .corporate-booking-index-grid .views-field-nothing p { font-size:0.875em; } /*Individual Corporate Bookings Pages*/ .page-node-type-corporate_booking #block-element-page-title { text-align:left; margin:0; display:none; } .page-node-type-corporate_booking h1.page-title { font-size:1.5em; } .page-node-type-corporate_booking #main-wrapper #main { /*padding:60px 0; */ padding:0; } .page-node-type-corporate_booking #zone-content-bottom-second-wrapper { padding: 70px 0 70px 0; clear:both; } .page-node-type-corporate_booking #zone-content-bottom-fourth-wrapper { padding:60px 0; } .page-node-type-corporate_booking #zone-content-bottom-third-wrapper { padding:60px 0 70px 0; background:var(--lbeige); } /*.page-node-type-corporate_booking #zone-content-bottom-fifth-wrapper{ padding:60px 0; }.page-node-type-corporate_booking #zone-content-bottom-sixth-wrapper{ padding:60px 0; background:var(---lbeige);}*/ /*Individual Corporate Bookings - Cover Slideshow*/ .page-node-type-corporate_booking .region--slideshow,.page-node-type-corporate_booking #zone-slideshow, .page-node-type-corporate_booking #zone-slideshow-wrapper { background: transparent; } .page-node-type-corporate_booking #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .page-node-type-corporate_booking .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } #block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide .views-field-field-slideshow-images div.field-content,#block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide .views-field-field-slideshow-images a,#block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide .views-field-field-slideshow-images,#block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide,#block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking,#block-element-views-block-individual-corporate-booking-block-1 { width:100%; height:768px; } #block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide .views-field-field-slideshow-images a picture { width:100%; height:768px; display:block; } #block-element-views-block-individual-corporate-booking-block-1 .view-individual-corporate-booking .slick__slide .views-field-field-slideshow-images img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-individual-corporate-booking-block-1 .slick.blazy { position: relative; } #block-element-views-block-individual-corporate-booking-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-individual-corporate-booking-block-1 :hover .slick__arrow { display:block!important; } #block-element-views-block-individual-corporate-booking-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-corporate-booking-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-corporate-booking-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-individual-corporate-booking-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Individual Corporate Bookings - Enquire Now Form*/ .page-node-type-corporate_booking .block-booking-enquiry-form form { align-items:center; } .page-node-type-corporate_booking .block-booking-enquiry-form #edit-booking-details { width:37.5%; } .page-node-type-corporate_booking .block-booking-enquiry-form #edit-contact-deatils { width:37.5%; } .page-node-type-corporate_booking .block-booking-enquiry-form #edit-submission-section { width:25%; } .page-node-type-corporate_booking .block-booking-enquiry-form .form-actions { top:0; } /*Individual Corporate Bookings - Featured Section*/ .page-node-type-corporate_booking .region--content-bottom-second { display:flex; align-items:center; gap:40px; } .block-views-blockindividual-corporate-booking-block-2 { /*width:calc(50% - 20px); margin:0 20px 40px 0; float:left; clear:left;*/ width:50%; } .block-views-blockindividual-corporate-booking-block-3 { /*width:calc(50% - 20px); float:left; clear:left; margin:0 20px 0 0;*/ width:50%; } .block-views-blockindividual-corporate-booking-block-2 .views-field-nothing h4 { margin:0 0 5px 0; } .block-views-blockindividual-corporate-booking-block-2 .views-field-title { } .block-views-blockindividual-corporate-booking-block-2 .views-field-title h2 { font-size:2em; } .block-views-blockindividual-corporate-booking-block-2 .views-field-field-tagline h4 { color:var(--grey); } .block-views-blockindividual-corporate-booking-block-3 { position:relative; } .block-views-blockindividual-corporate-booking-block-3 .view-content, .block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking { display:block; } .block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row { width:100%; height:auto; margin:0; } /*.block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row{ width:65%; height:auto; margin:0 0 15px 0;}.block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row:last-child{ position:relative; left:35%; margin:0;}*/ .block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row .views-field-field-featured-images { /*border:10px solid var(--white); box-shadow:0 4px 8px var(--shadow); border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px;*/ } .block-views-blockindividual-corporate-booking-block-3 .view-individual-corporate-booking .views-row .views-field-field-featured-images img { width:100%; height:auto; border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px; } /*Individual Corporate Bookings - Three Convenient Locations Across Gurugram Section*/ .block-block-49 .view-header { text-align:center; margin:0 0 50px 0; } .block-block-49 .view-header h2 { margin:0 0 25px 0; } .block-block-49 .view-header p { width:960px; max-width:100%; margin:0 auto; } .block-views-blockhotels-block-4 .view-hotels .views-row { display:flex; align-items:flex-start; flex-direction:column; justify-content:space-between; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-title,.block-views-blockhotels-block-4 .views-field-title { padding:20px 20px 10px 20px!important; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-title h4 { font-size:1.125em; line-height:1.35em; font-family:var9--font2); font-weight:bold; margin:0; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-title h4 a { font-size:1em; line-height:1.35em; text-decoration:none; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-title h4 a:hover { color:var(--deepred); } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby,.block-views-blockhotels-block-4 .views-field-field-key-locations-nearby { padding:10px 20px 20px 20px; font-size:1em; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby h4,.block-views-blockhotels-block-4 .views-field-field-key-locations-nearby h4 { font-size:0.9375em; color:var(--grey); } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby p,.block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby p a,.block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby ol li, .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby ul li, .block-views-blockhotels-block-4 .views-field-field-key-locations-nearby p, .block-views-blockhotels-block-4 .views-field-field-key-locations-nearby p a,.block-views-blockhotels-block-4 .views-field-field-key-locations-nearby ul li, .block-views-blockhotels-block-4 .views-field-field-key-locations-nearby ol li { font-size:0.875em; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby ul { padding:0; margin-left:0; margin-right:0; list-style-type:none; } .block-views-blockhotels-block-4 .views-field-nothing-2 div.field-locations-nearby ul li::before { content: "\276F"; margin-right: 8px; font-size: 0.9em; display: inline-block; } .block-views-blockhotels-block-4 .views-field-field-location { width:100%; } .block-views-blockhotels-block-4 div.field-content { line-height:0; } .block-views-blockhotels-block-4 .views-field-field-location iframe { width:100%; height:210px; } .block-block-29 .view-footer { text-align:center; width:960px; max-width:100%; margin:50px auto 0 auto; } .block-block-29 .view-footer p a { color:var(--grey)!important; } .block-block-29 .view-footer p a:hover { color:var(--deepred)!important; } /*Individual Corporate Bookings - Why Companies Choose Enkay*/ .block-block-30 div.header-inner { margin:0 0 50px 0; text-align:center; } .block-block-30 .content-inner { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; } .block-block-30 .content-inner div.sec { box-shadow: 0 4px 8px var(--shadow); border-radius: 6px; --moz-border-radius: 6px; --webkit-border-radius: 6px; background: var(--white); padding:20px; } .block-block-30 div.field-icon { margin:0 0 15px 0; } .block-block-30 div.field-icon img { width:48px; height:auto; } .block-block-30 .content-inner div.sec h4 { margin:0 0 10px 0; } .block-block-30 .content-inner div.sec p a,.block-block-30 .content-inner div.sec p { font-size:0.875em; } /*Commercial Leasing Index Page*/ .path-commercial-leasing #main-wrapper #main { padding: 40px 0 60px 0; } /*Commercial Leasing Index Grid - Global CSS*/ .commercial-leasing-index-grid.view-commercial-leasing { display:block; } .commercial-leasing-index-grid .view-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .commercial-leasing-index-grid .views-row { box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radius:6px; background:var(--white); } .commercial-leasing-index-grid .views-field-field-index-image { margin:0; overflow:hidden; } .commercial-leasing-index-grid .views-field-field-index-image img { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; transition: all 0.2s ease-in-out 0s; } .commercial-leasing-index-grid .views-row:hover .views-field-field-index-image img { transform:scale(1.1); } .commercial-leasing-index-grid .views-field-title { padding:15px 20px; } .path-frontpage .commercial-leasing-index-grid .views-field-title{ min-height:80px; } .commercial-leasing-index-grid .views-field-title h4 { margin:0; } .commercial-leasing-index-grid .views-field-title h4 a { text-decoration:none; } .commercial-leasing-index-grid .views-field-field-tagline { color:var(--grey); font-size:14px; margin:0 20px 15px 20px; } .path-frontpage .commercial-leasing-index-grid .views-field-field-tagline{ min-height:auto; } .commercial-leasing-index-grid .views-field-field-tagline h5 { color: var(--grey); margin: 0; font-weight: 600; font-size: 16px; line-height: 1.4em; } .commercial-leasing-index-grid .views-field-field-intro-text { margin:0 20px 20px 20px; } .commercial-leasing-index-grid .views-field-field-intro-text p { font-size:14px; } .commercial-leasing-index-grid .views-field-field-intro-text p strong { font-weight:normal; } .commercial-leasing-index-grid .views-field-field-area { padding: 0 20px 12px 20px; } .commercial-leasing-index-grid .views-field-field-area ol li, .commercial-leasing-index-grid .views-field-field-area ul li,.commercial-leasing-index-grid .views-field-field-area p a, .commercial-leasing-index-grid .views-field-field-area p { font-size:0.875em; } .commercial-leasing-index-grid .views-field-view-node { padding:15px 20px 30px 20px; text-align:right; } .commercial-leasing-index-grid .views-field-nothing { padding:15px 20px 30px 20px; } .commercial-leasing-index-grid .views-field-nothing span.field-content { display: flex; align-items: center; justify-content:space-between; } .commercial-leasing-index-grid .views-field-nothing ol li,.commercial-leasing-index-grid .views-field-nothing ul li,.commercial-leasing-index-grid .views-field-nothing p a, .commercial-leasing-index-grid .views-field-nothing p { font-size:0.875em; } /*Individual Commercial Leasing Pages*/ .page-node-type-commercial_leasing #block-element-page-title { text-align:left; margin:0; display:none; } .page-node-type-commercial_leasing h1.page-title { font-size:1.5em; } .page-node-type-commercial_leasing #main-wrapper #main { /*padding:60px 0; */ padding:0; } .page-node-type-commercial_leasing #zone-content-bottom-second-wrapper { padding: 70px 0 70px 0; } .page-node-type-commercial_leasing #zone-content-bottom-fourth-wrapper { padding:60px 0; background:var(--lbeige); } .page-node-type-commercial_leasing #zone-content-bottom-fifth-wrapper { padding:60px 0; } .page-node-type-commercial_leasing #zone-content-bottom-sixth-wrapper { padding:60px 0 80px 0; background:var(--lbeige); } /*Commercial Leasing Index Page - Convenient Locations in Gurugram*/ .block-block-48 .view-header { text-align:center; margin:0 0 50px 0; } .block-block-48 .view-header h2 { margin:0 0 25px 0; } .block-block-48 .view-header p { width:960px; max-width:100%; margin:0 auto; } .block-block-48 div.content-inner{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; width: 1000px; max-width: 100%; margin: 0 auto; } .block-block-48 div.content-inner div.sec{ display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 8px var(--shadow); border-radius: 6px; --moz-border-radius: 6px; --webkit-border-radius: 6px; background: var(--white); } .block-block-48 div.content-inner div.sec h4 { padding:20px 20px 10px 20px!important; font-size:1.125em; line-height:1.35em; font-family:var9--font2); font-weight:bold; margin:0; } .block-block-48 div.content-inner div.sec p{ padding:10px 20px 20px 20px; font-size:0.9375em; } .block-block-48 div.content-inner div.sec p:last-child{ padding:10px 20px 0 20px; } .block-block-48 div.content-inner div.sec p a{ color:var(--grey); font-size:1em; } .block-block-48 div.content-inner div.sec p a:hover{ color:var(--deepred); } .block-block-48 div.content-inner div.sec .field-map { width:100%; line-height:0; } .block-block-48 div.content-inner div.sec .field-map iframe { width:100%; height:210px; } .block-block-48 .view-footer { text-align:center; width:960px; max-width:100%; margin:50px auto 0 auto; } .block-block-48 .view-footer p a { color:var(--grey)!important; } .block-block-48 .view-footer p a:hover { color:var(--deepred)!important; } /*Individual Hotel Pages - Cover Slideshow*/ .page-node-type-commercial_leasing .region--slideshow,.page-node-type-commercial_leasing #zone-slideshow, .page-node-type-commercial_leasing #zone-slideshow-wrapper { background: transparent; } .page-node-type-commercial_leasing #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .page-node-type-commercial_leasing .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } #block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide .views-field-field-slideshow-images div.field-content,#block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide .views-field-field-slideshow-images a,#block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide .views-field-field-slideshow-images,#block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide,#block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing,#block-element-views-block-individual-commercial-leasing-block-1 { width:100%; height:768px; } #block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide .views-field-field-slideshow-images a picture { width:100%; height:768px; display:block; } #block-element-views-block-individual-commercial-leasing-block-1 .view-individual-commercial-leasing .slick__slide .views-field-field-slideshow-images img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-individual-commercial-leasing-block-1 .slick.blazy { position: relative; } #block-element-views-block-individual-commercial-leasing-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-individual-commercial-leasing-block-1 :hover .slick__arrow { display:block!important; } #block-element-views-block-individual-commercial-leasing-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-commercial-leasing-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-individual-commercial-leasing-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-individual-commercial-leasing-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Individual Commercial Leasing - Enquiry Form Section*/ .block-views-blockindividual-commercial-leasing-block-6 .view-individual-commercial-leasing { display:block; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details { width:75%; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-full-name { width:calc(33.33% - 20px); float:left; margin:10px 0; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-your-email { width:calc(33.33% - 20px); margin:10px 30px; float:left; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details #edit-phone-number--wrapper { width:calc(33.33% - 20px); display:inline-block; margin-bottom:0; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-booking-details .form-item-requirement { clear:both; width:100%; margin-top:0; } .page-node-type-commercial_leasing .block-booking-enquiry-form #edit-submission-section { width:25%; } .page-node-type-commercial_leasing .block-booking-enquiry-form .form-actions { top:35px; } /*Individual Commercial Leasing Pages - Featured Section*/ .page-node-type-commercial_leasing .region--content-bottom-second { display:flex; /*align-items:flex-start; */ align-items:flex-start; gap:40px; } .block-views-blockindividual-commercial-leasing-block-3 { /*width:calc(50% - 20px); margin:0 20px 40px 0; float:left; clear:left;*/ width:50%; } .block-views-blockindividual-commercial-leasing-block-4 { /*width:calc(50% - 20px); float:left; clear:left; margin:0 20px 0 0;*/ width:50%; } .block-views-blockindividual-commercial-leasing-block-3 .views-field-nothing h4 { margin:0 0 5px 0; } .block-views-blockindividual-commercial-leasing-block-3 .views-field-title { } .block-views-blockindividual-commercial-leasing-block-3 .views-field-title h2 { font-size:2em; } .block-views-blockindividual-commercial-leasing-block-3 .views-field-field-tagline h4 { color:var(--grey); } .block-views-blockindividual-commercial-leasing-block-4 { position:relative; } .block-views-blockindividual-commercial-leasing-block-4 .view-content, .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing { display:block; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row { width:100%; height:auto; margin:0 0 0 0; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row{ width: 65%; height: auto; margin: 0 0 15px 0; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row:last-child{ position: relative; /* top: 35%; */ /* right: 0; */ left: 35%; /* float: right; */ margin: 0; } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row .views-field-field-featured-images { } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row .views-field-field-featured-images img { /*width:100%; height:auto; border-radius:6px; -moz-border-radius:6px; --webkit-border-radius:6px;*/ } .block-views-blockindividual-commercial-leasing-block-4 .view-individual-commercial-leasing .views-row .views-field-field-featured-images img { width: 100%; height: auto; border-radius: 6px; -moz-border-radius: 6px; --webkit-border-radius: 6px; } /*Individual Commercial Leasing - Facilities*/ .block-views-blockindividual-commercial-leasing-block-5 .view-content, .block-views-blockindividual-commercial-leasing-block-5 .view-individual-commercial-leasing { display:block; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities h2 { line-height:1.35em; margin:0 0 40px 0; text-align:center; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin:0 0 50px 0; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner:last-child { margin:0; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec { display: flex; align-items: center; gap: 15px; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image { width: 40px; height: 40px; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image img { width:100%; height:auto; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image svg { width:20px; } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-image svg path { fill:var(--cream); } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-desc { width:calc(100% - 55px); } .block-views-blockindividual-commercial-leasing-block-5 .views-field-field-facilities div.content-inner div.sec div.field-desc p { margin:0; line-height:1.35em; } /*Individual Commercial Leasing - Current Office Availability*/ .block-views-blockindividual-commercial-leasing-block-7 div.view-header { margin:0 0 60px 0; } .block-views-blockindividual-commercial-leasing-block-7 .view-content, .block-views-blockindividual-commercial-leasing-block-7 .view-individual-commercial-leasing { display:block; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner { display: grid; grid-template-columns: repeat(1, 1fr); gap: 60px; flex-direction:column; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec { /*box-shadow: 0 4px 8px var(--shadow); border-radius: 6px; --moz-border-radius: 6px; --webkit-border-radius: 6px; background: var(--white);*/ display: flex; align-items: flex-start; gap: 40px; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec-3, .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec-1{ flex-direction:row-reverse; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc, .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-image{ width:50%; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec h2{ font-size:2em; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec h4{ color:var(--gery); font-size:1em; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-image { } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-image img { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:100%; height:auto; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc { padding:0; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ol,.block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ul { margin-bottom:10px; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ul li, .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ol li,.block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc p { font-size: 1em; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ul { padding: 0; margin-left: 0; margin-right: 0; list-style-type: none; } .block-views-blockindividual-commercial-leasing-block-7 div.content-inner .sec div.field-desc ul li:before { content: "\276F"; margin-right: 8px; font-size: 0.9em; display: inline-block; } .block-views-blockindividual-commercial-leasing-block-7 div.view-footer { display:block; margin:60px 0 0 0; } .block-views-blockindividual-commercial-leasing-block-7 div.view-footer h2 { font-size:2em; margin:0 0 30px 0; } .block-views-blockindividual-commercial-leasing-block-7 div.view-footer p { } .block-views-blockindividual-commercial-leasing-block-7 div.view-footer p a { color:var(--grey); text-decoration:none; } .block-views-blockindividual-commercial-leasing-block-7 div.view-footer p a:hover { color:var(--deepred); } /*Individual Commercial Leasing - Location*/ .block-views-blockindividual-commercial-leasing-block-2 { width:1080px; max-width:100%; margin:0 auto; } .block-views-blockindividual-commercial-leasing-block-2 .view-header h2 { margin:0 0 50px 0; } .block-views-blockindividual-commercial-leasing-block-2 .view-content, .block-views-blockindividual-commercial-leasing-block-2 .view-individual-commercial-leasing { display:block; } .block-views-blockindividual-commercial-leasing-block-2 .view-content .views-row { display: flex; align-items: flex-start; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address { margin: 0 20px 0 0; width: calc(50% - 20px); /*text-align:center;*/ } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location { width: calc(50% - 20px); margin: 0 0 0 20px; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address p { font-size:1em; line-height:1.6em; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ol,.block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ul { list-style-position: inside; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ol li,.block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ul li { font-size:1.125em; line-height:1.4em; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address p a { font-size:1em; color:var(--grey); text-decoration:none; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address p a:hover { color:var(--cordovan); } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address h4:nth-child(3) { font-size: 1.125em; margin: 0 0 25px 0; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ul { /* list-style-position: inside; */ padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address ul li { font-size: 0.875em; line-height: 1.35em; padding: 6px 10px; border-radius: 6x; box-shadow: 0 4px 8px var(--shadow); } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address p a { font-size:1em; color:var(--grey); } .block-views-blockindividual-commercial-leasing-block-2 .views-field-field-location-address p a:hover { color:var(--cordovan); } /*Book Now Page*/ .page-node-12 #block-element-page-title { margin:0; display:none; } .page-node-12 #main-wrapper #main { padding:0; } .page-node-12 #zone-content-bottom-first-wrapper { padding:60px 0; } .page-node-12 #zone-content-bottom-second-wrapper { padding:0 0 70px 0; } /*Book Now Page - Hotels*/ .block-views-blockhotels-block-2 { } .block-views-blockhotels-block-2 .view-header { position:relative; margin:0 0 40px 0; } .block-views-blockhotels-block-2 .view-header h2 { margin:0; } .block-views-blockhotels-block-2 .view-hotels { display:block; } .block-views-blockhotels-block-2 .view-hotels .view-content { display:block; } .block-views-blockhotels-block-2 .view-hotels .views-row { display:flex; align-items:center; padding:10px; box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radiuus:6px; margin:0 0 40px 0; gap:20px; } .block-views-blockhotels-block-2 .view-hotels .views-row:last-child { margin:0; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-index-image { width:200px; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-index-image img { width:100%; height:auto; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 { } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-title { margin:0 0 3px 0; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-title h4 { margin:0; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-title h4 a { font-family:var(--font2); text-decoration: none; line-height: 1.35em; text-decoration:none; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-location-address h4 { display:none; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-location-address p { font-size:0.875em; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-location-address p a { text-decoration:none; font-size:1em; color:var(--grey); } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 div.field-location-address p a:hover { color:var(--deepred); } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-nothing-2 { width: calc(100% - 520px); } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-view-location { width:130px; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-view-location a { text-decoration:none; color:var(--cordovan); font-weight:500; font-size:0.875em; text-transform:uppercase; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-custom-enquire-now-url,.block-views-blockhotels-block-2 .view-hotels .views-row .views-field-view-node { width:130px } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-custom-enquire-now-url a,.block-views-blockhotels-block-2 .view-hotels .views-row .views-field-view-node a { padding:8px 20px; background:transparent; color:var(--cordovan)!important; } .block-views-blockhotels-block-2 .view-hotels .views-row .views-field-field-custom-enquire-now-url a:hover,.block-views-blockhotels-block-2 .view-hotels .views-row .views-field-view-node a:hover { background:var(--deepred); color:var(--cream)!important; } /*Book Now Page - Meetings & Events*/ .page-node-12 #zone-content-bottom-third-wrapper { padding:60px 0; background:var(--lbeige); } .block-views-blockconference-room-block-2 .view-header { /*width: 840px; margin: 0 auto;*/ text-align: center; } .block-views-blockconference-room-block-2 .view-content { margin:0 0 60px 0; } .block-views-blockconference-room-block-2 .view-footer { width: 800px; max-width:100%; margin: 0 auto; text-align: center; } .block-views-blockconference-room-block-2 .view-footer p { } .block-views-blockconference-room-block-2 .view-footer p a { font-size:1em; text-decoration:none; color:var(--grey); } .block-views-blockconference-room-block-2 .view-footer p a:hover { text-decoration:none; color:var(--deepred); } /*Book Now Page - Furnished Apartments and Commercial Leasing*/ .page-node-12 #zone-content-bottom-fourth-wrapper { padding:60px 0 80px 0; } .page-node-12 #zone-content-bottom-fifth-wrapper { padding:60px 0 80px 0; background:var(--lbeige); } /*.page-node-12 .region--content-bottom-fourth{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; width: 1000px; max-width: 100%; margin: 0 auto;} .block-views-blockfurnished-apartments-block-2 .furnished-apartments-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; gap:0!important;}.block-views-blockcommercial-leasing-block-2 .commercial-leasing-index-grid .view-content { grid-template-columns: repeat(1, 1fr)!important; gap:0!important;} .block-views-blockfurnished-apartments-block-2 .furnished-apartments-index-grid .view-content .views-row{ background:var(--white); } .block-views-blockcommercial-leasing-block-2 .commercial-leasing-index-grid .view-content .views-row{ background:var(--white);}*/ /*Book Now Page - Custom LIst Grid - Global CSS*/ .block-views-blockcorporate-bookings-block-3,.block-views-blockconference-room-block-2,.block-views-blockcommercial-leasing-block-2,.block-views-blockfurnished-apartments-block-2 { } .block-views-blockfurnished-apartments-block-2 { /*margin:0 0 60px 0;*/ margin:0; } .book-now-page-custom-list-grid .view-header { position:relative; margin:0 0 40px 0; } .book-now-page-custom-list-grid .view-header h2 { margin:0; } .book-now-page-custom-list-grid.view-corporate-bookings, .book-now-page-custom-list-grid.view-conference-room,.book-now-page-custom-list-grid.view-commercial-leasing, .book-now-page-custom-list-grid.view-furnished-apartments { display:block; } .block-block-50 .view-content, .book-now-page-custom-list-grid.view-corporate-bookings .view-content, .book-now-page-custom-list-grid.view-conference-room .view-content, .book-now-page-custom-list-grid.view-commercial-leasing .view-content, .book-now-page-custom-list-grid.view-furnished-apartments .view-content { display:block; } .book-now-page-custom-list-grid .views-row { display:flex; align-items:center; padding:10px; box-shadow:0 4px 8px var(--shadow); border-radius:6px; --moz-border-radius:6px; --webkit-border-radiuus:6px; margin:0 0 40px 0; gap:20px; } .book-now-page-custom-list-grid .views-row:last-child { margin:0; } .book-now-page-custom-list-grid .views-row .views-field-field-index-image { width:200px; } .book-now-page-custom-list-grid .views-row .views-field-field-index-image img { width:100%; height:auto; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 { } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-title { margin:0 0 3px 0; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-title h4 { margin:0; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-title h4 a { font-family:var(--font2); text-decoration: none; line-height: 1.35em; text-decoration:none; color:var(--charcoal); } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-title h4 a:hover{ color:var(--cordovan); } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-tagline { margin:0 0 3px 0; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-tagline h5 { font-family:var(--font2); text-decoration: none; font-size:0.9125em; line-height: 1.35em; text-decoration:none; color:var(--grey); margin:0; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-title { margin:0 0 3px 0; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-location-address h4 { display:none; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-location-address p { font-size:0.875em; } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-location-address p a { text-decoration:none; font-size:1em; color:var(--grey); } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 div.field-location-address p a:hover { color:var(--deepred); } .book-now-page-custom-list-grid .views-row .views-field-nothing-1 { width: calc(100% - 520px); } .block-views-blockconference-room-block-2 views-field-nothing-1 { width: calc(100% - 520px); } .block-views-blockcorporate-bookings-block-3 .views-field-view-node, .block-views-blockconference-room-block-2 .views-field-nothing,.book-now-page-custom-list-grid .views-row .views-field-field-view-location { width:130px; } .block-views-blockcorporate-bookings-block-3 .views-field-view-node,.block-views-blockconference-room-block-2 .views-field-nothing { text-align:center; } .block-views-blockcorporate-bookings-block-3 .views-field-view-node a,.block-views-blockconference-room-block-2 .views-field-nothing a,.book-now-page-custom-list-grid .views-row .views-field-field-view-location a { text-decoration:none; color:var(--cordovan); font-weight:500; font-size:0.875em; text-transform:uppercase; } .block-views-blockcorporate-bookings-block-3 .views-field-nothing,.block-views-blockconference-room-block-2 .views-field-nothing-2,.book-now-page-custom-list-grid .views-row .views-field-field-custom-enquire-now-url,.book-now-page-custom-list-grid .views-row .views-field-view-node { width:130px } .block-views-blockcorporate-bookings-block-3 .views-field-nothing a,.block-views-blockconference-room-block-2 .views-field-nothing-2 a,.book-now-page-custom-list-grid .views-row .views-field-field-custom-enquire-now-url a,.book-now-page-custom-list-grid .views-row .views-field-view-node a { padding:8px 20px; background:transparent; color:var(--cordovan)!important; } .block-views-blockcorporate-bookings-block-3 .views-field-nothing a,.block-views-blockconference-room-block-2 .views-field-nothing-2 a { width:100%; text-align:center; display:block; } .block-views-blockcorporate-bookings-block-3 .views-field-nothing a:hover,.block-views-blockconference-room-block-2 .views-field-nothing-2 a:hover,.book-now-page-custom-list-grid .views-row .views-field-field-custom-enquire-now-url a:hover,.book-now-page-custom-list-grid .views-row .views-field-view-node a:hover { background:var(--deepred); color:var(--cream)!important; } .block-views-blockcorporate-bookings-block-3 .book-now-page-custom-list-grid .views-field-view-node a { padding:0!important; } .block-views-blockcorporate-bookings-block-3 .book-now-page-custom-list-grid .views-field-view-node a:hover { background:transparent; color:var(--cordovan)!important; } /*About Us Page*/ .page-node-8 #block-element-page-title { display:none; } .page-node-8 #main-wrapper #main { padding:50px 0 70px 0; } .page-node-8 #main-wrapper .field--name-body h2 { text-align:center; margin:0 0 40px 0; } .page-node-8 #main-wrapper .field--name-body p { } .page-node-8 #main-wrapper .field--name-body ul li a.page-node-8 #main-wrapper .field--name-body ol li a,.page-node-8 #main-wrapper .field--name-body p a { color:var(--grey); } .page-node-8 #main-wrapper .field--name-body ul li a:hover, .page-node-8 #main-wrapper .field--name-body ol li a:hover,.page-node-8 #main-wrapper .field--name-body p a:hover { color:var(--deepred); } /*Testimonials Index Page*/ .path-testimonials #main-wrapper #main { padding:40px 0; } .path-testimonials .block-page-title-block { margin:0 0 60px 0; } .path-testimonials .view-testimonials,.path-testimonials .view-testimonials .view-content { display:block!important; } .path-testimonials .view-testimonials .views-row { background: #fff; box-shadow: 0 4px 8px var(--shadow); border-radius: 8px; --moz-border-radius:8px; --webkit-border-radius:8px; padding:40px 20px 20px 20px; position:relative; margin:0 0 20px 0; width: calc(50% - 40px); float:left; margin: 0 20px 55px 20px; } .path-testimonials .view-testimonials .views-row:before { content:" "; padding: 20px; font-size: 0; background: url(../images/icon-quote.png) no-repeat center center var(--lbeige); background-size: 34px; border-radius: 50%; position:absolute; top:-20px; left:32px; } .path-testimonials .view-testimonials .views-row .views-field-body { margin:0 0 30px 0; position:relative; } .path-testimonials .view-testimonials .views-row .views-field-body:after { content: ""; left: 14px; position: absolute; bottom: -30px; width: 2px; height: 28px; transform: rotate(90deg); margin-left: 0; background: var(--cordovan); } .path-testimonials .view-testimonials .views-row .views-field-body p { font-size: 1.375em; font-style:italic; } .path-testimonials .view-testimonials .views-row .views-field-title span { line-height:1.2em; font-family:var(--font2); font-weight:700; color:var(--charcoal); } .path-testimonials .view-testimonials .views-row .views-field-field-testimonial-location { } .path-testimonials .view-testimonials .views-row .views-field-field-testimonial-location div.field-content { font-size:0.875em; line-height:1.2em; } /*Contact Us Page*/ .page-node-14 #main-wrapper #main { padding:40px 0 50px 0; } /*Contact Us - Address*/ .block-block-32 { margin:0 20px 15px 0; width:calc(60% - 20px); float:left; } .block-block-32 h3 { text-transform:uppercase; font-size:1.125em; } .block-block-32 p { margin:0; } .block-block-32 p { font-size:16px; line-height:1.6em; } .block-block-32 p a { font-size:16px; line-height:1.5em; } .block-block-32 p a:hover { } /*Contact Us - Connect with Us*/ .block-block-33 { margin:0 20px 0 0; width:calc(60% - 20px); float:left; clear:left; } .block-block-33 h3 { text-transform:uppercase; font-size:1.125em; } .block-block-33 div.content-inner { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } #block-block-33 > div > div > div:nth-child(2) { margin:0 0 15px 0; } .block-block-33 div.sec-3,.block-block-33 div.sec-2,.block-block-33 div.sec-1 { margin:0 0 0 0; } .block-block-33 p { font-size:16px; line-height:1.5em; } .block-block-33 .field-name p { margin:0 0 10px 0; } .block-block-33 .field-phone a svg #Icon-Set-Filled { fill:var(--grey); } .block-block-33 .field-email a svg { stroke:var(--grey); } .block-block-33 .field-email p > a:hover svg { stroke:var(--deepred); } .block-block-33 .field-phone a:hover svg #Icon-Set-Filled { fill:var(--grey); ; } .block-block-33 .field-phone p > a { display:inline-flex; align-items:center; font-size: 16px; line-height: 1.5em; color:var(--grey); } .block-block-33 .field-phone p > a:hover { color:var(--deepred); } .block-block-33 .field-phone svg { width:17px; height:17px; margin-right:8px; } .block-block-33 .field-email p > a { display:inline-flex; align-items:center; font-size: 16px; line-height: 1.5em; color:var(--grey); } .block-block-33 .field-email p > a:hover { color:var(--deepred); } .block-block-33 .field-email svg { width:18px; height:18px; margin-right:8px; } /*Contact Us - Social Media Icons*/ .block-block-34 { margin:0 20px 30px 0; width:calc(60% - 20px); float:left; clear:left; } .block-block-34 .social-media a:hover svg path { fill:var(--deepred); } /*Contact Us - Google Map*/ .block-block-35 { width:calc(40% - 20px); display:inline-block; margin:0 0 0 20px; } /*Whatsapp Chat - Widget*/ .region--custom-zone { padding:0; } .block-whatsapp-widget { position: fixed; right: 20px; bottom: 20px; z-index: 3; } .block-whatsapp-widget p a,.block-whatsapp-widget p { margin: 0; line-height:0!important; } .block-whatsapp-widget img { width:auto; } /*Individual Basic Pages - Cover Slideshow*/ .page-node-43 .region--slideshow,.page-node-43 #zone-slideshow, .page-node-43 #zone-slideshow-wrapper, .page-node-41 .region--slideshow,.page-node-41 #zone-slideshow, .page-node-41 #zone-slideshow-wrapper, .page-node-8 .region--slideshow,.page-node-8 #zone-slideshow, .page-node-8 #zone-slideshow-wrapper { background: transparent; } .page-node-43 #zone-slideshow,.page-node-41 #zone-slideshow,.page-node-8 #zone-slideshow { width: 100%; max-width: 100%; height:768px; } .page-node-43 .region--slideshow,.page-node-41 .region--slideshow,.page-node-8 .region--slideshow { width: 100%; max-width: 100%; height:768px; padding: 0; position:relative; } #block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide .views-field-field-slideshow-images div.field-content,#block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide .views-field-field-slideshow-images a,#block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide .views-field-field-slideshow-images,#block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide,#block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view,#block-element-views-block-basic-page-index-block-view-block-1 { width:100%; height:768px; } #block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide .views-field-field-slideshow-images a picture { width:100%; height:768px; display:block; } #block-element-views-block-basic-page-index-block-view-block-1 .view-basic-page-index-block-view .slick__slide .views-field-field-slideshow-images img { width:100%; height:100%; object-fit:cover; } #block-element-views-block-basic-page-index-block-view-block-1 .slick.blazy { position: relative; } #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption{ position: absolute; font-size: 1.5em; color: var(--cream); left: 0; bottom: 0; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); padding: 35px 0 30px 0; display:none; } .page-node-8 #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption{ display:block; } #block-element-views-block-basic-page-index-block-view-block-1 .blazy__caption--description{ font-size: 1em; width:1200px; margin:0 auto; } #block-element-views-block-basic-page-index-block-view-block-1 .slick__arrow { margin: 0; position: absolute; top: calc(50% - 27.5px); left: 0; width: 100%; display:none!important; transition: all 0.3s!important; } #block-element-views-block-basic-page-index-block-view-block-1:hover .slick__arrow { display:block!important; } #block-element-views-block-basic-page-index-block-view-block-1 .slick__arrow .slick-prev { position: absolute; top: 0; left: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-basic-page-index-block-view-block-1 .slick__arrow .slick-next { position: absolute; top: 0; right: 15px; padding: 18px 12px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; border: 0; outline: 0; cursor: pointer; filter:invert(100%); } #block-element-views-block-basic-page-index-block-view-block-1 .slick__arrow .slick-prev { background: url(../images/icon-circ-prev.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } #block-element-views-block-basic-page-index-block-view-block-1 .slick__arrow .slick-next { background: url(../images/icon-circ-next.png) no-repeat center center #000; background-size: 26px; padding: 18px; border-radius: 50%; overflow: hidden; } /*Slick Carousel - Nagivation and Pagination*/ .slick.blazy { position:relative; } .slick__arrow { margin: 0; position: absolute; top: calc(50% - 21px)!important; left: 0; width: 100%; transform:none!important; } .slick-arrow::before { display:none; } .slick__arrow .slick-prev { position: absolute; top: 0; left:-4%; padding: 16px 10px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; outline: none; border: none; cursor: pointer; } html.webp .slick__arrow .slick-prev { background: url(../images/icon-owl-carousel-prev.webp) no-repeat center center; background-size: 20px; } html.no-webp .slick__arrow .slick-prev { background: url(../images/icon-owl-carousel-prev.png) no-repeat center center; background-size: 20px; } .slick__arrow .slick-next { position: absolute; top: 0; right:-4%; padding: 16px 10px; font-size: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; opacity: 1; outline: none; border: none; cursor: pointer; } html.webp .slick__arrow .slick-next { background: url(../images/icon-owl-carousel-next.webp) no-repeat center center; background-size: 20px; } html.no-webp .slick__arrow .slick-next { background: url(../images/icon-owl-carousel-next.png) no-repeat center center; background-size: 20px; } .slick-dots { padding: 0; margin: 15px 0 0 0; text-align:center; } .slick-dots li { display: inline-block; color:var(--lbeige); margin: 0 5px; width: 10px; height: 10px; line-height: 0; } .slick-dots li button { font-size: 0; padding: 5px; display: inline-block; margin: 0 7px 0 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; width:10px; height:10px; border:none; background:var(--lbeige); } .slick-dots li button::before { display:none; } .slick-dots li button:hover,.slick-dots li.slick-active button { background:var(--cordovan); } /*Back to Top*/ body #backtotop { left:20px; } #backtotop { margin:0; } #backtotop:hover, #backtotop { opacity: 1; width: 30px; height: 30px; /*border:1px solid #fff;*/ z-index:2; border-radius:50%; padding:20px; } html.webp #backtotop:hover,html.webp #backtotop { background: url('../images/up-arrow.webp') no-repeat center center var(--cordovan); background-size:16px; } html.no-webp #backtotop:hover,html.no-webp #backtotop { background: url('../images/up-arrow.png') no-repeat center center var(--deepred); background-size:16px; } /*Splidebox - Global CSS*/ @media only screen and (min-device-width: 1024px), only screen and (min-width: 1024px) { /*Splidebox - Global CSS*/ .splidebox__closer { right: 20px !important; } } @media only screen and (max-device-width: 1023px), only screen and (max-width: 1023px) { /*Splidebox - Global CSS*/ .splidebox .splidebox__nav .splidebox__fullscreen { right: 40px !important; } .splidebox .splidebox__counter { left: 1em !important; } } .splidebox__caption--content .field-spbox-body p { margin: 0 0 -3px 0; font-size: 0.75em !important; line-height: 1.5em !important; color: var(--lbeige); } .splidebox__caption--content .field-spbox-body p.field-title { font-size: 0.85em !important; font-weight: 700; font-family: var(--font2); color: var(--lbeige); } .litebox__caption > .field-spbox-body p.field-title { font-size: 0.75em; font-weight: 700; font-family: var(--font2); margin: 0 0 2px 0; } .splidebox__caption--content .field-spbox-body p.field-size,.splidebox__caption--content .field-spbox-body p.field-med { display: inline-block; margin: 0 7px; } .litebox__caption { font-size: 1em; text-decoration: none; font-weight: 500!important; font-family: var(--font2)!important; line-height: 1.35em; color: var(--lbeige); text-decoration: none; } /*Splitbox - Global CSS*/ .splidebox { } .splidebox__overlay { background-color: rgba(0, 0, 0, 0.85) !important; } .splidebox.splidebox--skin--skyblue .splidebox__nav svg,.splidebox.splidebox--skin--skyblue .splidebox__tn svg,.splide--skin--skyblue .splide__arrow svg,.splide__arrow .splide__arrow--next svg path,.splide__arrow .splide__arrow--prev svg path { fill: var(--lbeige) !important; } .splidebox.splidebox--skin--skyblue .splidebox__counter,.splidebox.splidebox--skin--skyblue .splidebox__nav button { color: var(--lbeige) !important; font-weight: 600 !important; } .splidebox__caption--content,.splidebox__caption h2 { font-size: 0.875em !important; line-height: 1.5em !important; margin-bottom: 0 !important; color: var(--lbeige) !important; font-weight: 500 !important; } .splidebox__caption p { font-size: 0.75em !important; line-height: 1.5em !important; color: var(--lbeige); } .splidebox__counter { font-size: 16px !important; line-height: 17px !important; padding: 6px !important; height: 28px !important; display:none!important; } .splidebox__fullscreen { margin: -1px 0 0 0; padding: 6px !important; height: 28px !important; } .splidebox__closer { margin: -1px 0 0 0 !important; padding: 6px !important; height: 28px !important; } /*.is-b-loading::before { display: none !important;}*/ .is-b-loading::before { background: var(--lbeige) !important; width: 20px !important; height: 20px !important; } .splidebox .splidebox__nav svg { width: 120%; height: 120%; } .nav_bar_play { display: none !important; } span.media__icon { display: none !important; } .splidebox__caption { } .splidebox__caption .field-body { } .is-sbox-fullscreen .splidebox__caption--content { display: none !important; } .splidebox__caption--content { max-width: 80%; margin: 0 auto; } .litebox__caption p { margin: 0; font-size: 0.75em; } /*reCaptcha - Global CSS*/ .grecaptcha-badge { bottom:-66px !important; z-index:2; } /*Webform - Modal Message - Global CSS*/ .ui-widget-overlay { background:#000!important; opacity:0.7!important; } .ui-dialog-titlebar { color: #fff; font-family:var(--font1); font-size: 16px; background:var(--charcoal)!important; } .ui-widget.ui-widget-content { border-radius: 0; max-width: calc(100% - 40px); left: 50%!important; transform: translate(-50%, 0); border: none; padding: 0; border-radius: 0; } .ui-dialog .ui-dialog-title { margin:0; } .ui-dialog .ui-dialog-content { color: var(--grey); font-family: var(--font1); font-size: 0.875em; line-height: 22px; min-height: auto!important; padding: 15px 20px 18px 20px; } .ui-button { outline:none; } .ui-button .ui-icon,.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon,.ui-state-active .ui-icon, .ui-button:active .ui-icon { outline: none; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0; background: transparent; background-repeat: no-repeat; background-position: center center; filter:invert(100%); } html.webp .ui-button .ui-icon,html.webp .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon,html.webp .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(../images/icon_webform_modal_close.webp); background-size: 14px; } html.no-webp .ui-button .ui-icon,html.no-webp .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon,html.no-webp .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(../images/icon_webform_modal_close.png); background-size: 14px; } .ui-dialog .ui-dialog-titlebar { border:none; border-radius:0; } .ui-dialog .ui-dialog-titlebar-close { border-radius: 0; padding: 0; border: none; background: transparent; } /*Responsive menu - Global CSS Starts Here*/ @media screen and (max-device-height: 767px) and (orientation: portrait) { .block-site-branding-res .site-logo { width:230px!important; } .block-site-branding-res img { max-width:calc(100% - 30px)!important; margin:0 auto!important; } .website-responsive-menu .block__content ul { max-height: 50vh !important; overflow-y: scroll; } } @media only screen and (max-device-height: 600px) and (orientation: landscape) { .block-site-branding-res .site-logo { width:200px!important; } .block-site-branding-res img { max-width:calc(100% - 30px)!important; margin:0 auto!important; } .region-hidden-menu { margin: 30px 0 !important; } .website-responsive-menu .block__content ul { margin: 1em 0 0.5em 0 !important; max-height: 220px !important; overflow-y: scroll; } .website-responsive-menu .block__content ul li { margin: 0 24px 8px 24px !important; } .website-responsive-menu .block__content ul li.lvl17 { margin:20px 0 30px 0!important; } .website-responsive-menu .block__content ul li.lvl18 { margin:0 0 20px 0!important; ; } .website-responsive-menu .block__content ul li a { } .website-responsive-menu .block__content ul li ul li { margin: 0 24px 2px 24px !important; } .website-responsive-menu .block__content ul li ul li a { } .block-site-branding-res { margin: 0 0 10px 0 !important; } .website-responsive-menu .block__content ul { margin: 8px 0 !important; } } @media only screen and (max-device-height: 480px) and (orientation: landscape) { .website-responsive-menu .block__content ul { max-height: 140px !important; } } @media only screen and (max-device-height: 360px) and (orientation: landscape) { .website-responsive-menu .block__content ul { max-height: 112px !important; } } /*Mobile Responsive Menu Icon*/ .region-branding { position: relative; } /*Mobile Responsive Website Logo*/ .block-site-branding-res { margin: 0 0 20px 0 !important; text-align: center; } .block-site-branding-res .site-logo { width:260px; max-width:100%; margin:0 auto; } /*Mobile Responsive Website Menu*/ .zone-hidden-menu-wrapper { position: fixed; top: 0; right: 0; width: 100%; height: 0; overflow: hidden; background: var(--cream); z-index: 100; display: flex; align-items: center; } #zone-hidden-menu-wrapper { background:var(--cream); } .zone-hidden-menu { max-width: 100%; } .region-hidden-menu { margin: 50px 0; } .website-responsive-menu { margin: 15px 0 !important; position: relative; left: 0; } .website-responsive-menu { } .website-responsive-menu ul li ul { clear: left; margin: 12px 0 0 0; padding: 0; display: none; } .website-responsive-menu .block__content ul { margin: 10px 0 !important; } .website-responsive-menu .block__content ul li span.menu-arrow { position: relative; top: -5px; padding: 5px; font-size: 0; margin: 0 0 0 7px; cursor: pointer; } .website-responsive-menu .block__content ul li ul li span.menu-arrow { top: -3px; } html.webp .website-responsive-menu .block__content ul li span.menu-arrow { background: url(../images/drop-down-arrow.webp) no-repeat center center; background-size: 10px; } html.no-webp .website-responsive-menu .block__content ul li span.menu-arrow { background: url(../images/drop-down-arrow.png) no-repeat center center; background-size: 10px; } .website-responsive-menu ul li ul.menulvl2-visible { display: block; } .website-responsive-menu .block__content ul li { list-style-type: none; list-style-image: none; font-size: 16px; margin: 0 24px 12px 24px; font-weight: normal; font-family: var(--font1); text-align: center; } .website-responsive-menu .block__content ul li { font-weight: normal; color: var(--grey); font-family: var(--font1); font-size: 16px; line-height: 24px; } .website-responsive-menu .block__content ul li:before { display: none; } .website-responsive-menu .block__content ul li a { color: var(--grey) !important; line-height: 1.5em; font-family: var(--font1); font-size: 0.875em; letter-spacing: 0.25px; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid transparent; padding-bottom: 4px!important; font-weight: 700; position: relative; top: 5px; transition: color 0.5s ease; } .website-responsive-menu .block__content ul li a:focus,.website-responsive-menu .block__content ul li a:hover { color:var(--cordovan)!important; } .website-responsive-menu .block__content ul { padding-left: 0 !important; } .website-responsive-menu .block__content ul li.lvl17 { margin:25px 0 20px 0; } .website-responsive-menu .block__content ul li.lvl17 a { font-size: 12px; line-height: 18px; letter-spacing: 0.25px; color: var(--cream) !important; border: 1px solid transparent; position: relative; text-decoration: none; text-transform: uppercase; background: var(--cordovan); padding: 9px 15px!important; border-radius: 6px; font-weight: bold; transition: all 0.3s!important; border-bottom: 0!important; top: 0; } .website-responsive-menu .block__content ul li.lvl17 a:focus,.website-responsive-menu .block__content ul li.lvl17 a:hover { background: var(--deepred); } .website-responsive-menu .block__content ul li ul { padding-left: 0 !important; } .website-responsive-menu .block__content ul li ul li { margin: 0 0 4px 0; text-transform: capitalize; line-height: 20px; } .website-responsive-menu .block__content ul li ul li a { font-weight: 600; font-size: 0.75em; line-height: 1.5em; text-transform: uppercase; } .website-responsive-menu .block__content ul li ul li ul { padding-left: 0 !important; margin: 0 !important; } .website-responsive-menu .block__content ul li ul li ul li { margin: 0 0 7px 0; text-transform: capitalize; line-height: 20px; } .website-responsive-menu .block__content ul li ul li ul li a { font-weight: 600; font-size: 12px; line-height: 20px; } /*Responsive Menu - Hamburger Menu Icon*/ @media only screen and (max-device-width: 979px), only screen and (max-width: 979px) { .block-block-44 { } } @media only screen and (max-device-width: 599px), only screen and (max-width: 599px) { .block-block-44 { } } .block-block-44 { height: 14px; cursor: pointer; position:absolute; top: 50%; right:0; transform: translate(0,-50%); width: 40px; height: 40px; z-index:14; display:none; } .menu-wrap { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 0; } .menu-toggle { display: none !important; } .menu-btn { width: 40px; height: 40px; border-radius: 50%; background:var(--cream); border:1px solid var(--grey); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; position: relative; } .menu-btn:hover, .menu-btn:focus { border:1px solid var(--cordovan); } .lines { display: flex; flex-direction: column; gap: 3px; width: 22px; } .line { height: 3px; width: 100%; background: var(--grey); border-radius: 99px; transition: transform 0.42s cubic-bezier(.77, 0, .18, 1), opacity 0.2s; transform-origin: center; } .menu-btn:hover .line, .menu-btn:focus .line { background:var(--cordovan); } .menu-toggle:checked~.menu-wrap .menu-btn { background:#fff; } .menu-toggle:checked~.menu-wrap .line-top { transform: translateY(6px) rotate(45deg); } .menu-toggle:checked~.menu-wrap .line-mid { opacity: 0; transform: scaleX(0); } .menu-toggle:checked~.menu-wrap .line-bot { transform: translateY(-6px) rotate(-45deg); } @media (prefers-color-scheme: dark) { .menu-btn { background: var(--colbg2); } .line { background: var(--colgry2); } .menu-toggle:checked~.menu-wrap .menu-btn { background: var(--colbg2); } .menu-toggle:checked~.menu-wrap .line { background: var(--colgry2); } } .block-block-44-2 { position: relative; top: -5px; margin: 0 auto !important; } .block-block-44-2 .lines { } .block-block-44-2 .menu-toggle~.menu-wrap .menu-btn { background:var(--cream); } .block-block-44-2 .menu-toggle~.menu-wrap .line-top { transform: translateY(6px) rotate(45deg); } .block-block-44-2 .menu-toggle~.menu-wrap .line-mid { opacity: 0; transform: scaleX(0); } .block-block-44-2 .menu-toggle~.menu-wrap .line-bot { transform: translateY(-6px) rotate(-45deg); } .block-block-44-2 .menu-toggle:checked~.menu-wrap .menu-btn { background:#fff; } .block-block-44-2 .menu-toggle:checked~.menu-wrap .line-top { transform: none; } .block-block-44-2 .menu-toggle:checked~.menu-wrap .line-mid { opacity: 1; transform: scaleX(1); } .block-block-44-2 .menu-toggle:checked~.menu-wrap .line-bot { transform: none; } /*Footer Section*/ .site-footer { clear: both; font-family:var(--font1); /*z-index: 2;*/ background:var(--charcoal); z-index:0; } .site-footer__inner { background: var(--charcoal); } .site-footer a,.site-footer .text-content * { color: var(--cream); } .site-footer a { text-decoration: none !important; color: var(--cream); } .site-footer a:hover { color:var(--cream); opacity:1; } #zone-footer-wrapper { padding:35px 0 0 0; } .region--footer-first, .region--footer-second, .region--footer-third,.region--footer-fourth { margin: 0 0 30px 0; } .block-footer-title h4 { font-size:0.875em; letter-spacing: 1px; font-family: var(--font2); font-weight: 700; margin: 0 0 15px 0; text-transform:uppercase; color:var(--lbeige)!important; } .site-footer .menu li { margin-block-end: 5px; } /*Footer - Address*/ .block-block-12 p { margin:0; } .block-block-12 p { font-size:14px; line-height:1.6em; } .block-block-12 p a { font-size:14px; line-height:1.5em; } .block-block-12 p a:hover { color:var(--cream)!important; } /*Footer Section - Footer Menu*/ .block-footer-menu-quick-links ul { padding:0; } .block-footer-menu-quick-links ul { /*column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:10px;*/ } .block-footer-menu-quick-links ul li { font-size:1em; line-height:18px; } .block-footer-menu-quick-links ul li:last-child { margin-right:0; } .block-footer-menu-quick-links ul li a { width: auto !important; color:var(--cream); letter-spacing: 1px; background-color: transparent; border-width: 0px !important; border-color: transparent; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; font-weight: 400; font-size:14px; line-height:20px; } .block-footer-menu-quick-links ul li a:hover { color:var(--deepred); opacity:1; } /*Footer - Contact Details*/ .block-block-24 { margin:0 0 20px 0; } .block-block-15 { margin:0; } .block-block-24 div.sec-2,.block-block-24 div.sec-1,.block-block-15 div.sec-2,.block-block-15 div.sec-1 { margin:0 0 20px 0; } .block-block-24 p,.block-block-15 p { font-size:14px; line-height:1.5em; } .block-block-24 .field-name p,.block-block-15 .field-name p { margin:0 0 10px 0; } .block-block-24 .field-phone a svg #Icon-Set-Filled,.block-block-15 .field-phone a svg #Icon-Set-Filled { fill:var(--cream); } .block-block-24 .field-email a svg,.block-block-15 .field-email a svg { stroke:var(--cream); } .block-block-24 .field-phone a:hover svg #Icon-Set-Filled,.block-block-15 .field-phone a:hover svg #Icon-Set-Filled { fill:var(--cream); ; } .block-block-24 .field-phone p > a,.block-block-15 .field-phone p > a { display:inline-flex; align-items:center; font-size: 14px; line-height: 1.5em; } .block-block-24 .field-phone p > a:hover,.block-block-15 .field-phone p > a:hover { color:var(--deepred); } .block-block-24 .field-phone svg,.block-block-15 .field-phone svg { width:17px; height:17px; margin-right:8px; } .block-block-24 .field-email p > a,.block-block-15 .field-email p > a { display:inline-flex; align-items:center; font-size: 14px; line-height: 1.5em; } .block-block-24 .field-email p > a:hover,.block-block-15 .field-email p > a:hover { color:var(--deepred); } .block-block-24 .field-email svg,.block-block-15 .field-email svg { width:18px; height:18px; margin-right:8px; } /*Footer - Social Media*/ .block-block-14 { margin:0 0 20px 0; } .block-block-14 .social-media p { justify-content:center; } .block-block-14 .social-media a { padding: 7px; border: 1px solid var(--white); border-radius:50%; } .block-block-14 .social-media a:hover { border: 1px solid var(--deepred); } .block-block-14 .social-media a svg { width:20px; height:20px; } .block-block-14 .social-media a svg path { fill:var(--lbeige)!important; } .block-block-14 .social-media a:hover svg path { fill:var(--deepred)!important; } /*Footer - Recognition*/ /*.block-block-13{ maargin-:7px 0 0 0; }*/ /*Footer - Footer Logo*/ .block-block-22 { } .block-block-22 .site-logo img { margin:0 auto; } /*Footer Section - Copyright*/ #zone-footer-bottom-wrapper { background:var(--charcoal); border-top:1px solid var(--border); } #zone-footer-bottom { } .block-footer-copyright { padding: 4px 0; text-align: center; } .block-footer-copyright p { margin: 0; font-size:11px; letter-spacing: 0.75px; color: var(--white)!important; } .block-footer-copyright p a { color: var(--white)!important; font-size:11px; letter-spacing: 0.75px; } .block-footer-copyright p a:hover { color:var(--deepred)!important; } /*-------------------------------------------------------ENKAY RESIDENCY-----------------------------------------------------------------*/