/* * CSS that was inlined in the original page's . * Moved to a file so it is cached, versioned and auditable; asset paths * were rewritten from document-root-relative to relative-to-this-file. */ body { font-size: 16px; font-family: 'Proxima Nova Rg', sans-serif, serif !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif !important; } p, address { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; opacity: 1 !important; } #ebrochure .col-md-8 { /* padding-left: 80px; */ } #ebrochure .col-md-4 { margin-top: 30px; } /* for slider */ #ebrochure .map-class { top: 5px !important; } #ebrochure .map-class { float: right; position: relative; right: 40px; top: -22px; display: none !important; visibility: hidden !important; } #ebrochure .map-class a { position: relative; left: -24px; font-size: 1.2rem; font-family: 'Roboto',sans-serif; font-weight: 400; } #ebrochure .map-class img { width: 30px; float: left; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; /* min-height: 400px; */ } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { display: none !important; position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; /* display: flex; */ justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 0; bottom: -60px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: right; } .carousel-caption img { float: left; position: relative; right: -285px; bottom: -28px; } .carousel-caption h5 { text-transform: capitalize !important; font-family: "Open Sans",sans-serif !important; font-weight: 400; font-size: 16px; line-height: 35px; color: #fff; text-shadow: none !important; } /* *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } */ #ebrochure .body { display: flex; align-items: center; justify-content: center; padding: 40px; font: 14px/1.5 'Open Sans',sans-serif; color: #345; background: #2c4862; } p:not(:last-child) { margin: 0 0 20px; } #ebrochure { text-align: center; max-width: 1120px; margin: 0 auto; padding: 40px; /* border: 1px solid rgba(0, 0, 0, 0.2); */ background: #2c4862; color: #fff; /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */ } #ebrochure a { color: #f29d1e; } #ebrochure img.d-block { filter: grayscale(100%); } #ebrochure img.d-block:hover { filter: grayscale(0%) !important; } #ebrochure .vc_col-md-5 { padding-left: 30px; padding-right: 0; /* padding-top: 30px; */ } #ebrochure #content1, #ebrochure #content2 { text-align: left !important; } #ebrochure label span { position: relative; z-index: 9; font-size: 16px; font-weight: 600; color: #333; padding-left: 15px; padding-right: 15px; } /* Scoped: this was a bare `section` selector, written for the floorplan tab panels but matching every
on the page. */ #ebrochure section { display: none; padding: 20px 0 0; /* border-top: 1px solid #abc; */ } /* Scoped: this hid the radio inputs driving the floorplan tabs, but as a bare `input` selector it hid every input on the page. Only markup carrying Bootstrap's .form-control class escaped it, which no longer covers the contact, brochure and newsletter forms. */ #ebrochure > input[name="tabs"] { display: none; } #ebrochure label { display: inline-block; margin: 0 0 -1px; padding: 5px 10px !important; font-weight: 300; line-height: 20px; text-align: center; color: #333; background: #fff; border: 1px solid transparent; position: relative; top: -27px; } /* label:before { font-family: fontawesome; font-weight: normal; margin-right: 10px; } label[for*='1']:before { content: '\f1cb'; } label[for*='2']:before { content: '\f17d'; } label[for*='3']:before { content: '\f16c'; } label[for*='4']:before { content: '\f171'; } */ label:hover { color: #789; cursor: pointer; } input:checked + label { position: relative; /* top: 0 !important; */ background: #f29d1e !important; color: #2c4862 !important; padding: 10px 20px !important; line-height: 20px; font-size: 14px; /*border: 1px solid #abc; border-top: 2px solid #0af; border-bottom: 1px solid #fff; */ } input:checked + label span { color: #2c4862 !important; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; } @media screen and (max-width: 800px) { label { font-size: 0; } label:before { margin: 0; font-size: 18px; } } @media screen and (max-width: 500px) { label { padding: 15px; } } /* end toggles */ .font-big-one { font-family: 'Didot', 'GFS Didot', sans-serif !important; } .qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-main-menu { width: 100%; } .qodef-main-menu ul { max-width: 45%; } .qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-vertical-align-containers .qodef-position-right-inner { width: 100%; } .vc_row { /* max-width: 1120px !important; */ } .vc_row.inside-slide .text-right a, .vc_row.inside-slide .text-left a { font-size: 18px !important; font-weight: 400 !important; line-height: 20px !important; } .vc_row.inside-slide .text-left i { font-size: 18px !important; line-height: 20px !important; color: #9d854e; } /* end slider */ /* big screen styles */ @media (max-width: 1399px) { #page-header .hero-section { height: 858px !important; } } /* @media (min-width: 1243px) and (max-width: 1399px) { #page-header .hero-section { height: 1078px !important; } } */ @media screen and (min-width: 1400px) { /* #sustainable .container-fluid .col-md-6:first-child { padding-left: 19% !important; } */ } @media screen and (min-width: 1600px) { #sustainable .container-fluid .col-md-6:first-child { padding-left: 15% !important; } #page-header .hero-section { /*height: 845px !important; */ height: 1024px !important; } } @media screen and (min-width: 1700px) { #sustainable .container-fluid .col-md-6:first-child { padding-left: 19% !important; } #page-header .hero-section { height: 1100px !important; } } @media screen and (min-width: 1900px) { #sustainable .container-fluid .col-md-6:first-child { padding-left: 19% !important; } #page-header .hero-section { height: 1100px !important; } } @media screen and (min-width: 2400px) { #page-header .hero-section { height: 1236px !important; } } .logo.mobile { display: none; } /* end big screen */ /* start mobile styles */ @media (max-width: 767px) { .logo.mobile { display: block !important; } #site-navigation, nav.navigation { /* height: 40px !important; */ height: 0px !important; } .videos-row .first-line .col-md-3 { width: 24% !important; float: left; } .videos-row .first-line { margin-bottom: 25px; } .home-features { position: relative; height: auto !important; top: -38px !important; margin-bottom: -58px !important; z-index: 1; } .navigation .brand { width: 70px !important; padding-top: 0px !important; /* margin-top: 25px; */ } .details-third.darkturq { position: relative; top: 0 !important; margin-left: 20% !important; } .icon-block .col-md-6 { width: 50% !important; float: left; } .to-top { position: absolute; right: 15px !important; bottom: 50px; } #details { /* background: url(/web/20250211185222im_/https://romanagardens.com/assets/img/details-block-banner.jpg); background-size: cover; height: 1026px; background-position: bottom; object-fit: fill; margin-top: 60px; padding-top: 61px; */ } #contentBlock .container, #faqs .container { width: 100% !important; } #contentBlock .col-md-5 { margin-bottom: 30px; } .page-wrapper.show-navigation .navigation .nav-btn { right: -20px; top: 0px !important; } .navigation .nav-btn { padding: 5px; cursor: pointer; position: absolute; /* top: -38px !important; */ top: -15px !important; right: 0; bottom: auto !important; /* top: -155px !important; right: 0px; bottom: 0; */ margin: auto; height: 25px; } .navigation-links { position: relative !important; } .navigation .right .navigation-links li { padding: 6px 0px !important; } .place-blue h3 { margin-left: -30px; } .place-blue .text-right { padding-right: 0 !important; } #ebrochure .col-md-8 { padding-left: 15px !important; } /* .carousel-item { min-height: 280px !important; } */ .carousel-caption h5 { line-height: 21px !important; } .carousel-caption { position: relative !important; right: 0; /* bottom: -37px; */ z-index: 10; padding-top: 0px !important; padding-bottom: 2px !important; bottom: 0 !important; left: 0 !important; color: #fff; text-align: right; } #block-2afa63dae5884df82998 { padding: 3px 0px 20px 30px !important; } .place-left h2.live-in { font-size: 25px !important; } .place-mid { padding-top: 30px; padding-left: 20px !important; padding-bottom: 30px; } .place-right p { padding: 20px 20px 20px 26px !important; position: relative; top: 0 !important; } .home-white-full { position: relative; padding: 5px 40px 30px !important; } .blue-box { display: none !important; } .navigation .right .navigation-links li a { opacity: 1 !important; padding: 5px 10px 3px 10px !important; } .white-box { width: 100% !important; padding: 20px 35px !important; position: relative !important; background: #fff; z-index: 9999; } .puller { position: relative; top: 0 !important; padding-bottom: 70px; } .tag-img { right: 61px !important; width: 80px !important; display: block !important; } .container { padding-right: 30px; padding-left: 30px; } .full-width { width: 100%; padding: 0; } footer .row { margin-right: 0 !important; margin-left: 0 !important; } .footer-copyright { max-width: 239px; margin: 0 auto; } .contact .col-md-3 { width: 20%; float: left; } .contact .col-md-9 { width: 80%; float: left; } .navigation { position: relative; /* margin-top: 20px; */ } .navigation .menu { text-align: right; padding-right: 0 !important; } .navigation .menu a { color: #2c4862 !important; } .logo { position: absolute !important; top: 0; } .hero-section { max-height: 320px !important; } /* .big-gallery .slide img { width: 100%; height: auto !important; object-fit: fill; } */ .big-gallery .slide img { width: 98% !important; height: 200px !important; object-fit: cover !important; } #details .row .col-md-6:last-child { padding-left: 10px !important; margin-top: 30px; } .icon-block .col-md-3 { padding: 0 !important; width: 30%; float: left; } .nav .logo { position: absolute !important; top: 160px; } /* .owl-carousel.big-gallery .owl-item { display: block; width: 100% !important; height: auto; position: relative; min-height: 192px !important; float: left; } .owl-carousel.big-gallery .owl-stage { width: 100% !important; transform: none !important; } */ /* .navigation .container .wrapper { padding-right: 30px !important; padding-left: 30px !important; } */ h2.page-title { margin-bottom: 5px; font-size: 25px !important; line-height: 40px !important; font-family: 'proxima_nova_ltthin', helvetica, sans-serif; font-weight: 100 !important; } .nav > li > a { /* color: #a08240; */ font-family: 'Montserrat', sans-serif; font-size: 20px; color: #878787 !important; font-weight: 400; } .navigation .left { display: block; width: 50%; } .pcstyle { display: none !important; } .mobstyle { display: block !important; } .navigation .right { display: block; position: absolute; right: 0; top: 9px; } .navigation .nav-btn figure { /* background-color: #000; */ background-color: #fff; width: 25px; margin-bottom: 4px; } .navigation.show-background .nav-btn figure { background-color: #fff !important; } h2.page-title { font-size: 26px; line-height: 30px; font-family: 'proxima_nova_ltthin', helvetica, sans-serif; font-weight: 100 !important; } .floor-slider .owl-item.active { display: block !important; margin-right: 30px !important; left: 0 !important; text-align: center; } #gallery label { margin-left: 5%; display: none; } #form-contact .col-md-6, #form-contact .col-md-12 { padding: 0px 15px !important; } img.signum-badge { top: 0px !important; float: none !important; } .Siglogo { position: relative; right: 0 !important; text-align: center; } .sub-title { font-size: 13.5px !important; margin-top: 2px !important; margin-bottom: 20px; } .left-50 { padding-left: 5px !important; } .block { padding: 30px 0 5px !important; } } /* end mobile */ #page-header .container-fluid { padding-right: 0 !important; padding-left: 0 !important; } #page-header .container-fluid img { width: 100% !important; } #page-header .hero-section { /* background: url('/web/20250211185222im_/https://romanagardens.com/assets/img/banner-image.jpg'); */ /* background-size: contain !important; */ background-size: cover !important; background-position-x: center !important; height: 845px; /* background-size: cover !important; height: 858px !important; */ /* 1128px !important; */ /* height: 100% !important; */ } .hero-section:after { background-color: rgba(0, 0, 0, 0.0) !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; } .navigation .right .navigation-links li a { opacity: 1 !important; color: #fff; } .navigation .brand { z-index: 101; position: relative; display: block !important; padding-top: 10px; width: 100px; } #gallery h2, .big-gallery .slide .description h3 { font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: 300 !important; text-align: center; } .owl-nav-wrapper #big-gallery-nav { position: absolute; right: 0; top: -31px; /* -68px; */ z-index: 1; background: #fff; } #liveRelaxed .row .col-md-7 { padding-right: 50px !important; } #liveRelaxed .row .col-md-5 { margin-top: 110px; } #liveRelaxed h4 { font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: 500 !important; font-size: 17px !important; } #liveRelaxed p { font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: 300 !important; } .navigation.show-background { /* background-color: rgba(0, 0, 0, 0.8); */ background-color: rgba(255, 255, 255, 0.8); display: none !important; } #details { background: #f4f4f4; padding-top: 100px; /* background: url('/web/20250211185222im_/https://romanagardens.com/assets/img/details-block-banner.jpg'); background-size: cover; height: 1026px; object-fit: fill; margin-top: 60px; padding-top: 118px; */ } .details-title { max-width: 600px; margin-left: 17%; position: relative; } .details-heading { margin-left: 30%; margin-top: 20px; } .details-heading h4 { line-height: 20px; font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: normal !important; font-size: 17px; } .details-first.orange { margin-left: 30%; border-left: 4px solid #f9c27f; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; } .details-second.blue { margin-left: 5%; margin-top: 30px; border-left: 4px solid #9adbf2; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; } .details-third.darkturq { position: relative; top: -51px; margin-left: 45%; border-left: 4px solid #01627f; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } .details-third.darkturq p { font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: normal !important; } #details p, #details ul, #details ul li, #details a { line-height: 25px; font-family: 'Maven Pro', 'Montserrat', sans-serif !important; font-weight: 300 !important; } #bedroom { padding-top: 30px; } .controls-right { float: right; position: relative; top: -26px; background: #fff; height: 26px; z-index: 999; padding-left: 6px; padding-right: 2px; } .icon-block .row.first-line { /* margin-right: -25px; */ } .icon-block .col-md-3 { padding: 0 !important; } .icon-block .col-md-3 img { width: 40px; } .icon-block .col-md-9 { padding-right: 0 !important; padding-left: 10px !important; } .icon-block .col-md-7.first .col-md-9 { padding-right: 0 !important; padding-left: 0px !important; } .icon-block .col-md-9 a { text-decoration: underline; font-size: 14px; } .icon-block .col-md-9 h4 { margin: 0; font-size: 16px; } .icon-block .col-md-9 span { font-size: 13px; } .icon-block .second h4 { margin-top: 10px; } .icon-block .second { padding-left: 25px; padding-right: 0; } .icon-block { padding-left: 32px; margin-top: 30px; } #contentBlock { margin-top: 70px; /* margin-bottom: 325px; */ position: relative; /* top: 410px; */ background: #1a1a1a; color: #fff; } #contentBlock .form-group .line-spc { margin-bottom: 30px; border-top: 1.2px solid #9e7c4e; max-width: 120px !important; position: relative; margin-left: 117px; top: 18px; } #contentBlock h2 { font-family: 'Cinzel', 'Montserrat', sans-serif; font-size: 30px; color: #fff; font-weight: normal; text-align: center; margin-bottom: 15px; } #contentBlock .fa { color: #9e7c4e; font-size: 16px; } .to-top { position: absolute; right: 100px; bottom: 50px; } .to-top a { color: #fff !important; border: 1px solid #eee; } .form-wrapper input[type=submit], button[type=submit] { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff !important; background-color: #272727 !important; border-width: 0; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; text-transform: none; } .background-is-dark form.inputs-underline input[type="text"], .background-is-dark form.inputs-underline input[type="email"], .background-is-dark form.inputs-underline input[type="date"], .background-is-dark form.inputs-underline input[type="time"], .background-is-dark form.inputs-underline input[type="search"], .background-is-dark form.inputs-underline input[type="password"], .background-is-dark form.inputs-underline input[type="number"], .background-is-dark form.inputs-underline input[type="tel"], .background-is-dark form.inputs-underline textarea.form-control { background-color: transparent; /* border-bottom: 2px solid rgba(255, 255, 255, 0.8); */ border: 1px solid #555 !important; background: #1a1a1a !important; color: #555; font-size: 12px; line-height: normal; margin: 6px 0 20px; padding: 5px 10px; min-height: 40px; } form.inputs-underline input[type="text"], form.inputs-underline input[type="email"], form.inputs-underline input[type="date"], form.inputs-underline input[type="time"], form.inputs-underline input[type="search"], form.inputs-underline input[type="password"], form.inputs-underline input[type="number"], form.inputs-underline input[type="tel"], form.inputs-underline textarea.form-control { padding-left: 15px; border: 1px solid #555 !important; /* border: 1px solid #c79c45; */ } #form-contact .col-md-6, #form-contact .col-md-12 { padding: 0; } #form-contact .col-md-6:first-child { padding-right: 1px; } .footer-bottom { margin-top: 25px; margin-bottom: 10px; } #faqs { margin-top: 40px; /* display: none !important; visibility: hidden !important; */ } #faqs img { width: 240px; margin-bottom: 50px; } .big-gallery .slide img { width: 100%; height: 720px; object-fit: fill; } .home-features { position: relative; height: 365px; top: -135px; margin-bottom: -115px; z-index: 1; } .home-features img.features-cloud { width: 100%; } .home-features img { max-height: 220px; /* 365px; */ } .videos-row .first-line { max-width: 300px; padding-top: 5px; } .videos-row .col-md-9 { padding-left: 0; } #vidsModal span.close-btn { float: right; position: absolute; right: 0; top: 0; } /* .daytime { background: url('/web/20250211185222im_/https://romanagardens.com/assets/img/banner-image.jpg') !important; } .nighttime { background: url('/web/20250211185222im_/https://romanagardens.com/assets/img/banner-image.jpg') !important; } */ video { width: 100% !important; height: auto !important; } #linkBack { width: 60%; margin: 0 auto; max-width: 400px; } .disclaimer { font-size: 12px; margin-bottom: 20px; max-width: 95%; } .disclaimer-divider { margin-bottom: 60px; border-top: 1.2px solid #9e7c4e; max-width: 637px !important; position: relative; margin-left: 117px; top: 18px; } li.logo img { height: 190px; } li.logo { position: relative; top: 20px; } li.logo-right { margin-left: 60px; } #gallery.block { padding-top: 0 !important; padding-bottom: 0 !important; } .decor img { max-width: 90%; } .decor { text-align: right; } .details-sub { font-size: 1.2em; } .live-it-all { width: 71%; } #details ul { margin: 5px 0 !important; } .bed-desc { padding-left: 20px; font-size: 1.2em; } .col-md-6.first { padding: 0; } .price-tag { position: relative; top: 8px; } .owl-nav .owl-next, .owl-nav .owl-prev { color: #8d8d8d; } #details .row .col-md-6:last-child { padding-left: 100px; } .navigation .right .navigation-links li.logo a:after { background-color: transparent !important; height: 0px !important; } p.slide-title.text-center { margin: 0 0 8px !important; } .price-tag.sec.text-right { font-size: 9px; left: -5px; /* margin-right: 20px; */ } .price-tag.sec { margin-bottom: 0 !important; } .navigation .right { top: 25px !important; left: 100px; } .background-is-dark { background: url('/web/20250211185222im_/https://romanagardens.com/assets/img/header-background.png') #516f33; padding-top: 30px; padding-bottom: 30px; background-size: cover; } .hero-section-banner { margin-bottom: 40px; } .green-text { color: #516f33; } .green-title { font-size: 4rem; font-weight: 400; } #sustainable .container-fluid { padding-right: 0 !important; padding-left: 0 !important; } #sustainable .container-fluid .col-md-6:first-child { padding-left: 150px; padding-top: 5%; } .designed { margin-top: 80px; margin-bottom: 50px; } .designed .green-title { margin-bottom: 10px; } .lightgreen-text { color: #75993e; } .green-subtitle { font-size: 2rem; } .bold-text { font-weight: 600; font-size: 1.6rem; } .pos-left { position: relative; left: -10px; } #faqs strong { font-weight: normal !important; } #moreDetails .col-md-5 { padding-left: 7%; } #designed .col-md-6:last-child { padding-left: 15%; } .banner-vector { position: absolute; right: 0; } #page-header .container-fluid .banner-vector img { position: relative; right: 1px; top: -400px; z-index: 9999; width: 330px !important; } .home-feat .banner-vector img { position: relative; top: -463px; width: 340px; } #floorplans .banner-vector img { position: relative; width: 125px; top: -80px; } .banner-vector-left { position: absolute; left: 0; } .banner-vector-left img { position: relative; top: -280px; width: 330px !important; } .home-feat .banner-vector-left img { position: relative; top: -355px; width: 200px !important; } #moreDetails .banner-vector-left img { position: relative; width: 185px !important; top: -240px; } .slider-arrows { height: 150px; } #gallery .carousel-item img { width: 100%; /* height: 800px; object-fit: cover; object-position: bottom center; */ } #gallery .carousel-item.first img, #gallery .carousel-item.fifth img, #gallery .carousel-item.last img{ object-position: center center !important; } @media screen and (max-width: 600px) { .home-feat .banner-vector-left img { position: relative; top: -95px !important; width: 50px !important; } #floorplans { position: relative; margin-top: 0px; margin-bottom: 50px; } #floorplans .banner-vector img { position: relative; width: 80px; top: -10px; } #gallery .carousel-item img { width: 100%; height: auto !important; } .scrollspy-locations { position: relative; height: 272px !important; } #page-header .container-fluid .banner-vector img { position: relative; right: 1px; top: -158px !important; z-index: 9999; width: 130px !important; } .logo.mobile img { /* height: 38px; */ height: 70px; max-width: 150px; position: relative; top: -20px; } .desktop-logo { display: none !important; } #sustainable .container-fluid .col-md-6:first-child { padding-left: 50px !important; padding-top: 5px !important; } .banner-vector-left img { position: relative; top: -50px !important; width: 100px !important; } #designed .col-md-6:last-child { padding-left: 5% !important; } .home-feat .banner-vector img { position: relative; top: -400px !important; width: 140px !important; } .home-feat .container img { position: relative; max-width: 375px; left: -30px; } .slider-arrows { height: 50px; } #moreDetails .col-md-3 { padding-left: 8%; } #moreDetails .banner-vector-left img { position: relative; width: 100px !important; top: -240px; } } .dl-btn-p { margin-top: 40px; margin-bottom: 40px; position: relative; z-index: 9999999; } .brochure-dl-btn { background: #516f33; color: #fff !important; padding: 20px 40px; margin-top: 31px; } .brochure-dl-btn-form, .form-wrapper input[type=submit].brochure-dl-btn-form, button[type=submit].brochure-dl-btn-form { background: #516f33 !important; color: #fff; padding: 20px 40px !important; margin-top: 5px; } .brochure-dl-btn:hover { color: #eee !important; } #brochureModal #newsletterModalBlock .col-md-6 { background: #f6f6f6 !important; padding-top: 80px; padding-bottom: 80px; } #brochureModal #newsletterModalBlock { background: #f6f6f6; } #brochureModal #newsletterModalBlock .col-md-6:last-child { background: #ffffff !important; padding-right: 50px; padding-left: 30px; } @media screen and (max-width: 800px) { #brochureModal .modal-dialog { width: 90% !important; max-width: 100% !important; } #brochureModal form label { font-size: 16px; margin-bottom: 0px !important; padding: 3px !important; } #brochureModal #form-contact-submit { margin-top: 20px; margin-bottom: 20px; } #brochureModal .custom-control { width: 120px; display: inline-block; float: none !important; } label { font-size: 0; } label:before { margin: 0; font-size: 18px; } } @media screen and (max-width: 600px) { #brochureModal .col-md-7 { height: auto !important; } #brochureModal .col-md-5 { padding: 40px 10px !important; } #brochureModal .col-md-7 { padding: 60px 24px 60px 18px !important; } } #brochureModal .col-md-7 { background: #fcf8f7 url('/web/20250211185222im_/https://romanagardens.com/assets/img/mailchimp-right-background.webp'); background-size: cover; background-repeat: no-repeat; padding: 60px 50px; background-color: #fcf8f7 !important; height: 520px; } #brochureModal { /* box-shadow: 0 0 3px 1px #eee; border: 1px solid #eee; margin-top: 5rem; margin-bottom: 10rem; */ z-index: 9999999 !important; } #brochureModal .modal-dialog { width: 80% !important; max-width: 60%; } #brochureModal .modal-content { background: #ffffff !important; } #brochureModal .modal-body { padding-left: 16px; padding-right: 16px; padding-bottom: 0 !important; padding-top: 0 !important; } #brochureModal .modal-header { position: absolute; right: 2px !important; z-index: 999; } #brochureModal .custom-control { max-width: 100px; float: left; margin-right: 15px; } #brochureModal .col-md-5 { padding: 40px 50px; } #brochureModal p { opacity: 1 !important; font-family: 'Proxima Nova', helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 1.8rem !important; } #brochureModal h4 { margin-top: 20px; margin-bottom: 20px; font-size: 2rem !important; } #brochureModal .sub-heading { color: #8c5703; font-size: 1.8rem !important; } #brochureModal .fa { color: #8c5703; } #brochureModal h3 { font-size: 5rem !important; font-family: 'Playfair Display','proxima_nova_ltsemibold', helvetica, sans-serif !important; } #brochureModal .select-small { max-width: 100% !important; height: 46px; border-radius: 0; } #brochureModal .form-control { border: 1px solid #eee !important; background: #fff !important; font-size: 1.9rem !important; } #brochureModal .mailchimp-col { width: 100%; max-width: 600px; padding-left: 4%; } #brochureModal input { display: inline-block !important; } #brochureModal input:checked + label { position: inherit !important; top: 0 !important; background: #5c675f !important; color: #fff !important; padding: 1px 4px !important; line-height: 20px !important; font-size: 16px !important; } .modal-header .close { margin-top: -23px; font-size: 50px; position: relative; right: -10px; color: #000 !important; } @media screen and (max-width: 800px) { #brochureModal .modal-dialog { width: 90% !important; max-width: 100% !important; } #brochureModal .modal-header { padding: 0 !important; } .modal-header .close { position: relative; right: 0px !important; top: 15px !important; color: #000 !important; } #brochureModal #newsletterModalBlock .col-md-6 { background: #f6f6f6 !important; padding-top: 0px !important; padding-bottom: 0px !important; } #brochureModal h3 { font-size: 3rem !important; font-family: 'Playfair Display','proxima_nova_ltsemibold', helvetica, sans-serif !important; } .marg-top10 { margin-top: 20px; } .navigation .right { left: 0 !important; } .show-navigation .logo.mobile { display: block !important; width: 100% !important; } .show-navigation .logo.mobile img { height: 100px !important; max-width: 232px; left: -15px; } .show-navigation .navigation .brand { padding-top: 0px !important; width: 100px !important; margin: 0 auto; margin-top: 30px; } .navigation .right .navigation-links { margin-top: 150px !important; background: #000; width: 100%; } .navigation .right .navigation-links li { padding: 20px 0px !important; } .navigation .right .navigation-links li a { color: #fff !important; font-size: 2.5rem !important; line-height: 3rem; } .page-wrapper.show-navigation, .show-navigation #page-header { /* background: #000; */ width: 100%; } .show-navigation .navigation .nav-btn:before { opacity: 1 !important; } .home-feat .container img { left: 0 !important; } .background-is-dark { padding-top: 35px !important; padding-bottom: 65px !important; background-size: cover; } #page-content, #background: #fff; } .contact-row a { color: #fff !important; } .marg-top101 { margin-top: 40px; } /* more Newsletter */ @media screen and (max-width: 800px) { #newsletterModal form label { font-size: 16px; margin-bottom: 0px !important; padding: 3px !important; } #newsletterModal #form-contact-submit { margin-top: 20px; margin-bottom: 20px; } #newsletterModal .custom-control { width: 120px; display: inline-block; float: none !important; } label { font-size: 0; } label:before { margin: 0; font-size: 18px; } #newsletterModal .col-md-7 { height: auto !important; } #newsletterModal .col-md-5 { padding: 40px 10px !important; } #newsletterModal .col-md-7 { padding: 60px 24px 60px 18px !important; } } @media screen and (max-width: 500px) { label { padding: 15px; } } #newsletterModal .col-md-7 { background: #fcf8f7 url('/web/20250211185222im_/https://romanagardens.com/assets/img/mailchimp-right-background.webp'); background-size: cover; background-repeat: no-repeat; padding: 60px 50px; background-color: #fcf8f7 !important; height: 520px; } #newsletterModal { /* box-shadow: 0 0 3px 1px #eee; border: 1px solid #eee; margin-top: 5rem; margin-bottom: 10rem; */ z-index: 9999999 !important; } #newsletterModal .modal-dialog { width: 80% !important; } #newsletterModal .modal-content { background: #ffffff !important; } #newsletterModal .modal-body { padding-left: 16px; padding-right: 16px; padding-bottom: 0 !important; padding-top: 0 !important; } #newsletterModal .modal-header { position: absolute; right: 2px !important; z-index: 999; } #newsletterModal .custom-control { max-width: 100px; float: left; margin-right: 15px; } #newsletterModal .col-md-5 { padding: 40px 50px; } #newsletterModal p { opacity: 1 !important; font-family: 'Proxima Nova', helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; font-size: 1.8rem !important; } #newsletterModal h4 { margin-top: 20px; margin-bottom: 20px; font-size: 2rem !important; } #newsletterModal .sub-heading { color: #8c5703; font-size: 1.8rem !important; } #newsletterModal .fa { color: #8c5703; } #newsletterModal h3 { font-size: 3rem !important; font-family: 'proxima_nova_ltsemibold', helvetica, sans-serif; } #newsletterModal .select-small { max-width: 100% !important; height: 46px; border-radius: 0; } #newsletterModal .form-control { border: 1px solid #fff !important; background: #fff !important; } #newsletterModal .mailchimp-col { width: 100%; max-width: 600px; padding-left: 4%; } #newsletterModal input { display: inline-block !important; } #newsletterModal input:checked + label { position: inherit !important; top: 0 !important; background: #5c675f !important; color: #fff !important; padding: 1px 4px !important; line-height: 20px !important; font-size: 16px !important; }