/* Theme Name: The Preserve Theme URI: https://thepreserveflorida.com Description: Theme for The Preserve Version: 1.0 Author: Steve Dowty Author URI: http://www.stevedowty.com/ */ /* ================================================================== RESET ================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* ================================================================== GENERAL ================================================================== */ html { width: 100%; height: 100%; margin: 0px; padding: 0px; } body { margin: 0px; padding: 0px; width: 100%; height: 100%; } .alignleft { float: left; margin: 8px 30px 8px 0px; } .alignright { float: right; margin: 8px 0px 8px 30px; } .center { text-align: center; } .clear { clear: both; height: 0px; margin: 0px; padding: 0px; line-height: 0px; font-size: 1px; } section, div { box-sizing: border-box; } .section { margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } .section.dark { background: #123; } .section#intro { width: 100%; position: relative; margin: 80px auto 60px auto; } .section .block { margin: 0px auto; padding: 0px; width: 1000px; overflow: hidden; position: relative; } .section .block h1 { margin: 0px 0px 20px 0px; font: normal 30px 'Raleway Extra Light', serif; line-height: 46px; color: #345; } .section .block h2 { margin: 0px 0px 20px 0px; font: normal 30px 'Raleway Semibold', sans-serif; line-height: 46px; color: #55aadd; } .section .block h3 { font: normal 27px 'Raleway Medium', sans-serif; line-height: 30px; margin: 20px 0px; color: #666; } .section .block h4 { font: normal 21px 'Raleway Semibold', sans-serif; line-height: 36px; margin: 20px 0px 50px 0px; color: #666; } .section .block h6 { font: normal 20px 'Raleway Bold', sans-serif; line-height: 30px; margin: 0px 0px 20px 0px; color: #666; } .section .block p { font: normal 16px 'Raleway Medium', sans-serif; line-height: 32px; margin: 0px 0px 20px 0px; color: #666; } .section .block p.first strong { font: normal 20px 'Raleway Semibold', sans-serif; } .section .block p a, .section .block ul li a { color: #d72; text-decoration: none; } .section .block p a:hover, .section .block ul li a:hover { color: #d72; text-decoration: underline; } .section .block p b, .section .block p strong, .section .block ul li b, .section .block ul li strong { font: normal 16px 'Raleway Bold', sans-serif; } .section .block p i, .section .block p em, .section .block ul li i, .section .block ul li em { font: normal 16px 'Raleway Medium Italic', sans-serif; } .section .block ul { font: normal 16px 'Raleway Medium', sans-serif; line-height: 32px; color: #666; margin: 0px 0px 20px 20px; list-style-type: disc; } .section .block ul li { font: normal 16px 'Raleway Medium', sans-serif; line-height: 32px; color: #666; } /* ================================================================== RESPONSIVE NAV ================================================================== */ .navToggle { width: 40px; height: 40px; position: fixed; right: 30px; top: 78px; z-index: 9999; display: none; } body.admin-bar.navToggle { top: 110px; } .navToggle a.toggle { display: block; width: 40px; height: 40px; text-decoration: none; color: #ffffff !important; font: normal 34px 'Raleway Regular', serif; line-height: 34px; text-align: center; background: url(images/overlays/000_90.png) repeat; } #responsiveNav { display: block; position: absolute; left: 0px; top: 150px; width: 100%; z-index: 400; max-height: 0px; overflow: hidden; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; transition: max-height 1s; } .slide { max-height: 3333px !important; } #responsiveNav .menu-responsive-nav-container { margin: 0px auto; overflow: hidden; width: 100%; background: url(images/overlays/246_90.png) repeat; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav { width: 320px; margin: 30px auto; border-bottom: 1px solid #468; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li { display: block; margin: 0px; list-style: none; font: normal 15px 'Raleway Semibold', serif; line-height: 50px; color: #fff; height: auto; border-top: 1px solid #468; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li a { display: block; height: auto; padding: 0px 0px; color: #fff; text-decoration: none; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li ul.sub-menu { padding: 0px 0px; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li ul.sub-menu li { display: block; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li ul.sub-menu li a { display: block; margin: 0px; padding: 0px 0px 0px 30px; white-space: nowrap; } #responsiveNav .menu-responsive-nav-container ul#menu-responsive-nav li:hover ul.sub-menu li a { color: #fff; } /* ================================================================== TOP BAR ================================================================== */ #topBar { width: 100%; height: 150px; position: fixed; left: 0px; top: 0px; z-index: 300; background: url(images/heroes/beach.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.welcome2025 #topBar, body.welcome #topBar { background: none; } body.about-us #topBar { background: url(images/heroes/dip.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.site-plan #topBar { background: url(images/heroes/street2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.amenities #topBar, body.our-neighborhood #topBar { background: url(images/heroes/tennis.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; } body.page-template-location #topBar, body.page-template-location2 #topBar { background: url(images/heroes/boat.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; } body.points-of-interest #topBar { background: url(images/heroes/fort_myers.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; } body.guest-program #topBar, body.guest-program-v3 #topBar { background: url(images/heroes/tub.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.guest-program-2 #topBar { background: url(images/heroes/tub.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.photo-gallery #topBar, body.best-of-2024 #topBar, body.events #topBar { background: url(https://thepreserveflorida.com/wp-content/uploads/2022/11/slide_preserve_florida_sales.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.video #topBar, body.brochure #topBar, body.aaa-test #topBar, body.guest-house-tour #topBar, body.preserve-activities-amenities #topBar, body.welcome-to-our-neighborhood #topBar, body.spring-at-the-preserve-florida #topBar, body.guest-house-program #topBar, body.escaping-black-friday-chaos #topBar, body.price-reduction-48000 #topBar, body.winter-workout-vs-florida-living #topBar, body.red-white-you-summer-250-celebration #topBar, body.affordable-elegant-home-tour-you-have-to-see #topBar { background: url(https://thepreserveflorida.com/wp-content/uploads/2025/12/slide_clubhouse_fountain.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.sales-promotions #topBar { background: url(images/heroes/moving.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.floorplans #topBar { background: url(images/heroes/blueprints.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.faqs #topBar { background: url(images/heroes/hammock.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.members #topBar, body.member-login #topBar, body.tribe-events-page-template #topBar, body.document-library #topBar, body.registration #topBar, body.my-account #topBar, body.member-directory #topBar, body.member-gallery #topBar { background: url(images/heroes/preserve_florida_clubhouse5.jpg) !important; background-repeat: no-repeat; background-size: cover !important; background-position: center top; background-attachment: fixed; } body.page-template-contact #topBar, body.page-template-open #topBar, body.page-template-forward #topBar, body.add-sms-form #topBar { background: url(images/heroes/wave.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.directions #topBar { background: url(/wp-content/uploads/2025/09/preserve_arial.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.blog #topBar, body.single #topBar, body.archive #topBar { background: url(images/heroes/palms.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.archive-listings #topBar, body.single-listings #topBar, body.single-pre-owned #topBar { background: url(images/heroes/listings.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.error404 #topBar, body.search #topBar, body.privacy-policy #topBar { background: url(images/heroes/oranges.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.press #topBar, body.single-press #topBar, body.archive-press #topBar, body.news #topBar, body.single-news #topBar, body.archive-news #topBar { background: url(images/heroes/press.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.post-type-archive-progress #topBar, body.progress-template-default #topBar { background: url(images/heroes/tree.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.testimonials #topBar, body.testimonial-form #topBar { background: url(https://thepreserveflorida.com/wp-content/uploads/2022/11/office.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.admin-bar #topBar { top: 32px; } #topBar #topBarContent { width: 100%; height: 150px; margin: 0px auto; position: relative; text-align: right; background: url(images/overlays/444_50.png) repeat; direction: rtl; } #topBar #topBarContent #logo { width: 360px; height: 150px; position: absolute; left: 0px; top: 0px; text-align: left; -webkit-box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.9); -moz-box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.9); box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.9); z-index: 500; } #topBar #topBarContent #logo a#homeLink { display: block; margin: 0px; width: 360px; height: 150px; background: #000 url(images/logo5.png) no-repeat; } #tollFree { width: 100%; height: 70px; position: absolute; left: 0px; top: 150px; text-align: left; direction: ltr; z-index: 300; } body.admin-bar #tollFree { top: 182px; } #tollFree #phone { width: 360px; height: 70px; text-align: center; margin: 0px; display: inline-block; vertical-align: top; position: relative; background: url(images/overlays/444_80.png) repeat; } #tollFree #phone a { display: inline-block; vertical-align: top; margin: 20px 0px 0px 0px; font: normal 16px 'Raleway Semibold', serif; line-height: 26px; color: #fff; text-decoration: none; text-align: center; } #tollFree #phone a img { display: inline-block; vertical-align: top; margin: 0px; } #tollFree #phone a span { display: inline-block; vertical-align: top; margin: 0px; } /* ================================================================== MAIN NAV ================================================================== */ #mainNav { display: block; vertical-align: top; height: 80px; margin: 0px 60px 0px 0px; overflow: visible; text-align: right; direction: ltr; } #mainNav .menu-main-nav-container { display: inline-block; vertical-align: top; height: 80px; list-style: none; margin: 0px 0px 0px 0px; } #mainNav .menu-main-nav-container ul { height: 80px; display: block; list-style: none; margin: 0px; font-size: 0px; } #mainNav ul#menu-main-nav li { height: 80px; display: inline-block; margin: 0px; padding: 0px; position: relative; } #mainNav ul#menu-main-nav li a { height: 80px; padding: 0px 20px 0px 20px; color: #fff; display: block; text-decoration: none; margin: 0px; font: normal 15px 'Raleway Semibold', serif; line-height: 80px; outline: none; } #mainNav ul#menu-main-nav li:hover a { color: #fff; background: url(images/overlays/59b_90.png) repeat; } #mainNav ul#menu-main-nav li ul.sub-menu { display: none; text-align: left; } #mainNav ul#menu-main-nav li:hover ul.sub-menu { display: block; position: absolute; left: 0px; top: 80px; height: auto; } #mainNav ul#menu-main-nav li ul.sub-menu { background: url(images/overlays/59b_90.png) repeat; } #mainNav ul#menu-main-nav li ul.sub-menu li { display: block; height: 50px; } #mainNav ul#menu-main-nav li ul.sub-menu li a { display: block; margin: 0px; padding: 0px 30px 0px 30px; white-space: nowrap; height: 50px; line-height: 50px; } #mainNav ul#menu-main-nav li:hover ul.sub-menu li a { color: #fff; } #mainNav ul#menu-main-nav li ul.sub-menu li:hover a { color: #222; background: #fff; } /* ================================================================== SEARCH ================================================================== */ #topBar #searchBar { display: inline-block; height: 70px; margin: 0px 60px 0px 30px; direction: ltr; } #topBar #searchBar #searchBlock { width: auto; height: 70px; display: inline-block; vertical-align: top; margin: 0px; } #topBar #searchBar #searchBlock #searchBlockInner { display: block; width: 100%; height: 40px; text-align: right; margin: 20px 0px 0px 0px; } #topBar #searchBar #searchBlock #searchBlockInner form { display: block; width: 100%; height: 40px; text-align: right; font-size: 0px; background: #d2d5d9; } #topBar #searchBar #searchBlock #searchBlockInner form .searchBox { display: inline-block; vertical-align: top; width: 280px; height: 40px; padding: 0px 0px 0px 20px; background: transparent; outline: 0px; font: normal 12px 'Raleway Semibold', serif; color: #727578; border: none; box-sizing: border-box; } #topBar #searchBar #searchBlock #searchBlockInner form .searchButton { display: inline-block; vertical-align: top; width: 32px; height: 40px; padding: 0px; background: url(images/magglass.png) no-repeat; cursor: pointer; margin: 0px; border: none; } input[type="submit"]::-moz-focus-inner { border: 0px; } #topBar #searchBar a.searchToggle { display: inline-block; width: 40px; height: 70px; background: url(images/magglass.png) 50% 50% no-repeat; } #topBar #smBar { display: inline-block; vertical-align: top; direction: ltr; margin: 27px 0px 0px 0px; } #topBar #smBar a.smLink { display: inline-block; vertical-align: top; margin: 0px 6px 0px 6px; } /* ================================================================== MAIN PHOTOS ================================================================== */ #mainPhoto { position: relative; width: 100%; height: 750px; background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; overflow: visible; z-index: 200; padding-top: 1px; margin: 0px 0px 0px 0px; display: table; } body.single-listings #mainPhoto, body.single-pre-owned #mainPhoto, body.blog #mainPhoto, body.single #mainPhoto, body.archive #mainPhoto { height: 500px; } #mainPhoto #mainPhotoContent { position: relative; width: 100%; height: 100%; padding-top: 90px; margin: 0px 0px 0px 0px; display: table-cell; vertical-align: middle; } #mainPhoto #border { width: 1200px; min-height: 36px; background: #b00; background: #5ad; position: absolute; left: 50%; bottom: -15px; transform: translate(-50%, 0px); padding: 0px 30px; } #mainPhoto #border h2 { font: normal 18px 'Raleway Medium', serif; line-height: 22px; margin: 10px 0px; color: #fff; } #mainPhoto #border h2 a { font: normal 12px 'Raleway Bold', serif; line-height: 30px; margin: 0px 10px; padding: 6px 12px; color: #fff; background: #fff; color: #000; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } body.welcome2025 #mainPhoto, body.welcome #mainPhoto { margin-top: -125px; z-index: 1 !important; background:none; text-align: center; } body.welcome2025 #mainPhoto #border, body.welcome #mainPhoto #border { bottom: 6px; } @media (max-width: 480px) { body.welcome2025 #mainPhoto, body.welcome #mainPhoto { margin-top: 125px; height: 400px; } } body.about-us #mainPhoto { background: url(images/heroes/dip.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.site-plan #mainPhoto { background: url(images/heroes/street2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.amenities #mainPhoto, body.our-neighborhood #mainPhoto { background: url(images/heroes/tennis.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; text-align: center; display: table; } body.page-template-location #mainPhoto, body.page-template-location2 #mainPhoto { background: url(images/heroes/boat.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; text-align: center; display: table; } body.points-of-interest #mainPhoto { background: url(images/heroes/fort_myers.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; background-attachment: fixed; text-align: center; display: table; } body.guest-program #mainPhoto, body.guest-program-v3 #mainPhoto { background: url(images/heroes/tub.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.guest-program-2 #mainPhoto { background: url(images/heroes/tub.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.photo-gallery #mainPhoto, body.best-of-2024 #mainPhoto, body.events #mainPhoto { background: url(https://thepreserveflorida.com/wp-content/uploads/2022/11/slide_preserve_florida_sales.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.video #mainPhoto, body.brochure #mainPhoto, body.aaa-test #mainPhoto, body.guest-house-tour #mainPhoto, body.preserve-activities-amenities #mainPhoto, body.welcome-to-our-neighborhood #mainPhoto, body.spring-at-the-preserve-florida #mainPhoto, body.guest-house-program #mainPhoto, body.escaping-black-friday-chaos #mainPhoto, body.price-reduction-48000 #mainPhoto, body.winter-workout-vs-florida-living #mainPhoto, body.red-white-you-summer-250-celebration #mainPhoto, body.affordable-elegant-home-tour-you-have-to-see #mainPhoto { background: url(https://thepreserveflorida.com/wp-content/uploads/2025/12/slide_clubhouse_fountain.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.sales-promotions #mainPhoto { background: url(images/heroes/moving.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.floorplans #mainPhoto { background: url(images/heroes/blueprints.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.faqs #mainPhoto { background: url(images/heroes/hammock.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.members #mainPhoto, body.member-login #mainPhoto, body.tribe-events-page-template #mainPhoto, body.document-library #mainPhoto, body.registration #mainPhoto, body.my-account #mainPhoto, body.member-directory #mainPhoto, body.member-gallery #mainPhoto { background: url(https://thepreserveflorida.com/wp-content/themes/custom/images/heroes/preserve_florida_clubhouse5.jpg) !important; height: 350px !important; background-repeat: no-repeat; background-size: cover !important; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.page-template-contact #mainPhoto, body.page-template-open #mainPhoto, body.page-template-forward #mainPhoto, body.add-sms-form #mainPhoto { background: url(images/heroes/wave.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.directions #mainPhoto { background: url(/wp-content/uploads/2025/09/preserve_arial.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.blog #mainPhoto, body.single #mainPhoto, body.archive #mainPhoto { background: url(images/heroes/palms.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.archive-listings #mainPhoto, body.single-listings #mainPhoto, body.archive-pre-owned #mainPhoto, body.single-pre-owned #mainPhoto { background: url(images/heroes/listings.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.error404 #mainPhoto, body.search #mainPhoto, body.privacy-policy #mainPhoto { background: url(images/heroes/oranges.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.press #mainPhoto, body.single-press #mainPhoto, body.archive-press #mainPhoto, body.news #mainPhoto, body.single-news #mainPhoto, body.archive-news #mainPhoto { background: url(images/heroes/press.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.post-type-archive-progress #mainPhoto, body.progress-template-default #mainPhoto { background: url(images/heroes/tree.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.testimonials #mainPhoto, body.testimonial-form #mainPhoto { background: url(https://thepreserveflorida.com/wp-content/uploads/2022/11/office.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } #mainPhoto #mainPhotoContent h1 { display: inline-block; width: auto; max-width: 65%; margin: 0px auto 0px auto; text-align: center; padding: 20px 30px; font: normal 56px 'Raleway Bold', serif; line-height: 60px; color: #fff; text-shadow: 8px 8px 18px rgba(0, 0, 51, .5); } #mainPhoto #mainPhotoContent #action { display: inline-block; width: auto; max-width: 900px; height: auto; padding: 50px 120px; background: url(images/overlays/fff_80.png) repeat; border: 1px solid #fff; } #mainPhoto #mainPhotoContent #action h2 { font: normal 50px 'Raleway Extra Light', serif; line-height: 45px; color: #149; margin: 0px 0px 30px 0px; } #mainPhoto #mainPhotoContent #action p { font: normal 14px 'Raleway Regular', serif; line-height: 20px; color: #149; text-align: left; } #mainPhoto #mainPhotoContent #action a { display: inline-block; text-decoration: none; font: normal 20px 'Raleway Light', serif; line-height: 20px; color: #fff; margin: 30px 0px 0px 0px; padding: 9px 28px; background: #5ad; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } /* ================================================================== HOME PAGE ================================================================== */ /* ======== CALLOUTS ================================= */ .section .block #callouts { width: 100%; overflow: hidden; margin: 40px 0px; padding-bottom: 40px; font-size: 0px; } .section .block #callouts .callout { display: inline-block; vertical-align: top; position: relative; width: 28%; height: 420px; background: #fff; margin: 30px 8% 4% 0px; text-align: center; } .section .block #callouts .callout:nth-child(3n+3) { margin: 30px 0% 4% 0px; } .section .block #callouts .callout a { text-decoration: none; } .section .block #callouts .callout a img { width: 100%; height: auto; } .section .block #callouts .callout a p { font: normal 12px 'Raleway Regular', serif; line-height: 20px; color: #444; margin: 0px 30px 0px 30px; } .section .block #callouts .callout a p.headline { font: normal 14px 'Raleway Bold', serif; line-height: 20px; color: #444; margin: 32px 30px 6px 30px; text-align: center; } .section .block #callouts .callout a p.readMore { font: normal 12px 'Raleway Bold Italic', serif; display: inline-block; vertical-align: top; cursor: pointer !important; color: #0bf; margin: 20px 0px; } /* ======== NEWS ================================= */ body.home .section#news { background: #123; max-height: 600px; } body.home .section#news2 { background: #224466; max-height: 600px; } body.home .section#news .block { padding: 75px 0px 75px; font-size: 0px; } body.home .section#news2 .block { padding: 50px 0px; font-size: 0px; } body.home .section#news .block .feature, body.home .section#news2 .block .feature { display: inline-block; vertical-align: top; width: 500px; } body.home .section#news .block .feature img, body.home .section#news2 .block .feature img { width: 100%; height: auto; border: 0px solid #fff; box-sizing: border-box; } body.home .section#news .block .feature p, body.home .section#news2 .block .feature p { width: 100%; font: normal 12px 'Raleway Medium Italic', serif; line-height: 20px; text-align: right; margin: 10px 0px 0px 0px; } body.home .section#news .block .text, body.home .section#news2 .block .text { display: inline-block; vertical-align: top; width: 500px; position: relative; } body.home .section#news .block .text h3, body.home .section#news2 .block .text h3 { font: normal 48px 'Raleway Extra Bold', serif; line-height: 48px; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0px 50px 0px 50px; } body.home .section#news .block .text p, body.home .section#news2 .block .text p { font: normal 18px 'Raleway Medium', serif; line-height: 30px; color: #fff; margin: 20px 50px 0px 50px; } body.home .section#news .block .text a, body.home .section#news2 .block .text a { display: block; text-align: center; cursor: default; margin: 40px 0px; } body.home .section#news .block .text a span, body.home .section#news2 .block .text a span { cursor: pointer; display: inline-block; font: normal 14px 'Raleway Semibold Italic', serif; color: #fff; padding: 9px 12px; background: #0bf; } /* ======== PROGRESS ================================= */ body.home .section#progress { background: url(images/pine_ghost.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; height: 600px; } body.home .section#progress .block { padding: 120px 0px; font-size: 0px; } body.home .section#progress .block .aerial { display: inline-block; vertical-align: top; width: 500px; } body.home .section#progress .block .aerial img { width: 100%; height: auto; border: 30px solid #fff; box-sizing: border-box; } body.home .section#progress .block .aerial p { width: 100%; font: normal 12px 'Raleway Medium Italic', serif; line-height: 20px; color: #fff; text-align: right; margin: 10px 0px 0px 0px; opacity: .7; } body.home .section#progress .block .text { display: inline-block; vertical-align: top; width: 500px; position: relative; } body.home .section#progress .block .text h3 { font: normal 48px 'Raleway Extra Bold', serif; line-height: 48px; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0px 50px 0px 50px; } body.home .section#progress .block .text p { font: normal 18px 'Raleway Medium', serif; line-height: 30px; color: #fff; margin: 20px 50px 0px 50px; } body.home .section#progress .block .text a { display: block; text-align: center; cursor: default; margin: 40px 0px; } body.home .section#progress .block .text a span { cursor: pointer; display: inline-block; font: normal 14px 'Raleway Semibold Italic', serif; color: #fff; padding: 9px 12px; background: #0bf; } body.home .section#progress .block a img { display: inline-block; vertical-align: top; margin: 0px; width: 50%; height: auto; max-width: 500px; } body.home .section#progress .block a p { display: inline-block; vertical-align: top; box-sizing: border-box; margin: 0px auto; width: 200px; height: auto; font: normal 16px 'Raleway Medium', sans-serif; line-height: 24px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 40px; text-align: left; color: #333; } /* ================================================================== SITE PLAN ================================================================== */ body.site-plan div#intro .block a.link { font: normal 15px 'Raleway Medium', serif; line-height: 25px; margin: 0px 0px 0px 12px; } .siteplan { position: relative; width: 100%; min-height: 100px; margin: 0px 0px 30px 0px; padding-top: 30px; border-top: 2px dotted #ccc; } .siteplan a.anchor { display: block; width: 10px; height: 10px; position: absolute; left: 0px; top: -175px; } .siteplan .siteplanTitle { display: block; width: 60%; float: left; margin: 0px; } .siteplan .siteplanTitle h4 { font: normal 30px 'Raleway Medium', serif; line-height: 36px; color: #444; margin: 0px 0px 24px 0px; } .siteplan .siteplanTitle p { font: normal 16px 'Raleway Regular', serif; line-height: 24px; color: #444; margin: 0px 0px 12px 0px; width: 90%; } .siteplan .siteplanTitle p.click { font: normal 13px 'Raleway Semibold Italic', serif; } .siteplan .siteplanPhoto { width: 40%; float: right; margin: 0px; } .siteplan .siteplanPhoto img { width: 100%; height: auto; } /* ================================================================== AMENITIES ================================================================== */ .section .block .photoBlock { width: 48%; height: 320px; float: right; margin: 0px 0px 20px 0px; position: relative; } .section .block .photoBlock img { width: 100%; height: auto; display: none; position: absolute; top: 0px; left: 0px; } .section .block #amenities { width: 48%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; float: left; } .section .block #amenities p { font: normal 16px 'Raleway Medium', sans-serif; line-height: 30px; margin: 0px; color: #666; } .section .block #amenities p:before { content: '\25CF\2002'; } /* ================================================================== GUEST PROGRAM ================================================================== */ #intro .block #text { width: 700px; float: left; } #intro .block #text img { width: 95%; height: auto; } #intro .block #form { width: 260px; position: relative; float: right; } #intro .block #form #shade { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #bbb; opacity: .8; z-index: 20; } #intro .block #form p.availability { display: block; position: relative; background: #fff; padding-bottom: 20px; z-index: 21; } /* ================================================================== PROMOTIONS ================================================================== */ .section .block #promotions { width: 100%; } .section .block .promotion { width: 100%; border: 1px solid #999; margin: 0px 0px 40px 0px; display: table; } .section .block .promotion .promotionPhoto { width: 45%; display: table-cell; vertical-align: top; margin: 0px; font-size: 0px; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } .section .block .promotion .promotionPhoto img { display: block; width: 100%; height: auto; min-height: 100%; min-width: 100%; } .section .block .promotion .promotionText { width: 55%; display: table-cell; vertical-align: top; margin: 0px; padding: 0px 90px 0px 90px; overflow: hidden; } .section .block .promotion .promotionText h4 { font: normal 30px 'Raleway Extra Bold', serif; line-height: 40px; margin: 50px 0px 0px 0px; } .section .block .promotion .promotionText p { display: block; font: normal 15px 'Raleway Regular', serif; line-height: 27px; margin: 10px 0px 50px 0px; } /* ================================================================== FLOORPLANS ================================================================== */ #floorplans { margin-bottom: 30px; } .floorplan { width: 100%; min-height: 100px; margin: 0px 0px 30px 0px; padding-top: 30px; border-top: 2px dotted #ccc; } .floorplan .floorplanSpecs { width: 40%; float: left; margin: 0px; } .floorplan .floorplanSpecs .floorplanTitle { font: normal 30px 'Raleway Medium', serif; line-height: 36px; color: #444; margin: 20px 0px 12px 0px; } .floorplan .floorplanSpecs p { font: normal 16px 'Raleway Regular', serif; line-height: 24px; color: #444; margin: 0px 0px 12px 0px; width: 90%; } .floorplan .floorplanSpecs p.price { font: normal 18px 'Raleway Semibold', serif; line-height: 24px; color: #444; margin: 0px 0px 24px 0px; width: 90%; } .floorplan .floorplanSpecs p.notice { font: normal 14px 'Raleway Medium Italic', serif; line-height: 24px; color: #444; margin: 0px 0px 24px 0px; width: 90%; } .floorplan .floorplanSpecs p b { font: normal 16px 'Raleway Bold', serif; } .floorplan .floorplanSpecs p.click { font: normal 13px 'Raleway Semibold Italic', serif; } .floorplan .floorplanPhoto { width: 50%; float: right; margin: 0px; } .floorplan .floorplanPhoto img { width: 100%; height: auto; } /* ======================================================================================== CONTACT FORM ======================================================================================== */ .section .block .formText { width: 450px; float: left; padding-top: 20px; } .section .block .formText p { margin-right: 0px; } .section .block .formText img { width: 100%; height: auto; } .section .block #openLeads { display: block; width: 450px; float: right; } .section .block #openLeads form { width: 99%; display: block; margin: 0px auto 50px auto; } .section .block #openLeads form p { display: block; margin: 0px 0px 10px 0px; } .section .block #openLeads form p input[type=text], .section .block #openLeads form p input[type=email] { display: block; box-sizing: border-box; width: 98%; margin: 0px; font: normal 12px 'Lucida Grande', serif; background: #fff; border: 1px solid #999; padding: 9px; } .section .block #openLeads form p select { width: 98%; padding: 6px 12px 6px 10px; border: 1px solid #999; border-radius: 6px; height: 40px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; overflow: hidden; background: #fff url(images/select_arrow.gif) no-repeat right; font: normal 12px 'Lucida Grande', serif; line-height: 18px; display: block; margin: 0px; color: #777; } .section .block #openLeads form p .rblabel { font-size: .85em; } .section .block #openLeads form p textarea { display: block; box-sizing: border-box; width: 98%; margin: 0px; font: normal 12px 'Lucida Grande', serif; background: #fff; border: 1px solid #999; padding: 9px; } ::-webkit-input-placeholder { color: #000; } :-ms-input-placeholder { color: #000; } :-moz-placeholder { color: #000; } ::-moz-placeholder { color: #000; } ::placeholder { color: #000; } .section .block #openLeads form p .button { display: block; border: none; background: #28a; color: #fff; padding: 8px 16px; margin: 20px 0px 0px 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font: normal 14px 'Raleway Bold', serif; cursor: pointer; } .xxxsection .block #openLeads form p:nth-of-type(12), .xxxsection .block #openLeads form p:nth-of-type(13) { height: 1px; max-height: 1px; margin: 0px 0px 0px 0px; } .xxxsection .block #openLeads form p:nth-of-type(12) input.x-oh, .xxxsection .block #openLeads form p:nth-of-type(13) input.x-oh { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; position: absolute; top: 0px; left: 0px; height: 0px; width: 0px; z-index: -1; } .section .block .wpcf7 { width: 450px; float: right; } .section .block .wpcf7 form { width: 99%; display: block; margin: 0px auto 50px auto; } .section .block .wpcf7 form p { display: block; margin: 0px; } .section .block .wpcf7 form p label { display: block; margin: 18px 0px 6px 0px; font: normal 15px 'Raleway Medium', serif; line-height: 24px; } .section .block .wpcf7 form p input[type=text], .section .block .wpcf7 form p input[type=email] { display: block; box-sizing: border-box; width: 98%; margin: 6px 0px 0px 0px; font: normal 12px 'Lucida Grande', serif; background: #fff; border: 1px solid #999; padding: 9px; } .section .block .wpcf7 form p textarea { display: block; box-sizing: border-box; width: 98%; margin: 6px 0px 12px 0px; font: normal 12px 'Lucida Grande', serif; background: #fff; border: 1px solid #999; padding: 9px; } .section .block .wpcf7 form p span.wpcf7-not-valid-tip { font: normal 13px 'Raleway Bold', serif; line-height: 13px; color: #c00; padding-top: 6px; } .section .block .wpcf7 form p .wpcf7-submit { display: block; border: none; background: #28a; color: #fff; padding: 8px 16px; margin: 20px 0px 0px 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font: normal 14px 'Raleway Bold', serif; cursor: pointer; } .section .block .wpcf7 form p .wpcf7-submit:hover { background: #d60; } .section .block .wpcf7 form .wpcf7-response-output { display: inline-block; border: none; background: #3a8; color: #fff; padding: 12px; margin: 20px 0px 0px 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font: normal 14px 'Raleway Bold', serif; width: 90%; } .section .block .wpcf7 form .wpcf7-response-output.wpcf7-validation-errors { background: #b00; } .section .block .wpcf7 form .wpcf7-response-output.wpcf7-display-none { display: none; } /* ================================================================== HOMES FOR SALE - ARCHIVE ================================================================== */ #homesList { width: 100%; position: relative; padding-top: 30px; padding-bottom: 50px; } #homesList .block { padding-top: 20px; } #homesList .block #posts { width: 100%; } #homesList .block #posts .listings, #homesList .block #posts .pre-owned { width: 100%; margin: 0px 0px 30px 0px; padding-top: 20px; border-top: 1px solid #bbb; } #homesList .block #posts .listings h2, #homesList .block #posts .pre-owned h2 { font: normal 30px 'Raleway Regular', serif !important; line-height: 36px; color: #555; margin: 0px 0px 10px 0px; display: inline-block; max-width: 80%; } #homesList .block #posts .listings h2 a, #homesList .block #posts .pre-owned h2 a { color: #d72; text-decoration: none; } #homesList .block #posts .listings h2 a:hover; #homesList .block #posts .pre-owned h2 a:hover { color: #d72; text-decoration: underline; } #homesList .block #posts .listings p.price, #homesList .block #posts .pre-owned p.price { font: normal 24px 'Raleway Semibold', serif; line-height: 36px; display: inline-block; float: right; margin: 0px 0px 10px 0px; } #homesList .block #posts .listings .content, #homesList .block #posts .pre-owned .content { width: 100%; margin: 30px 0px 0px 0px; } #homesList .block #posts .listings .content .listingThumb, #homesList .block #posts .pre-owned .content .listingThumb { width: 450px; float: left; margin: 0px 40px 0px 0px; } #homesList .block #posts .listings .content .listingThumb img, #homesList .block #posts .pre-owned .content .listingThumb img { width: 100%; height: auto; } #homesList .block #posts .listings .content .listingAddress, #homesList .block #posts .pre-owned .content .listingAddress { width: 200px; float: left; margin: 0px 40px 0px 0px; } #homesList .block #posts .listings .content .listingAddress p, #homesList .block #posts .pre-owned .content .listingAddress p { font: normal 18px 'Raleway Medium', serif; font-weight: bold; line-height: 24px; color: #555; margin: -5px 0px 20px 0px; } #homesList .block #posts .listings .content .listingDescription, #homesList .block #posts .pre-owned .content .listingDescription { width: 450px; float: left; margin: 0px 0px 0px 0px; } #homesList .block #posts .listings .content .listingDescription p, #homesList .block #posts .pre-owned .content .listingDescription p { line-height: 28px; margin: -8px 0px 0px 0px; } #homesList .block #posts .listings .content .listingDescription ul, #homesList .block #posts .pre-owned .content .listingDescription ul { list-style-type: '✽ '; } #homesList .block #posts .listings .content p.readMore, #homesList .block #posts .pre-owned .content p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: center; margin: 30px 0px 0px 0px; } #homesList .block #posts .listings .content p.readMore a, #homesList .block #posts .pre-owned .content p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; text-decoration: none; } /* ================================================================== HOMES FOR SALE, SINGLE LISTING ================================================================== */ #singleHome .container { display: grid; width: 100%; gap:10px; grid-template-columns: 3fr 1fr; } @media screen and (max-width: 768px) { #singleHome .container { grid-template-columns: 1fr; } } #xxxxxxxxxxxxxxxxxxxxxxxsingleHome .container .slideshowGroup, #xxxxxxxxxxxxxxxxxxxxxxxsingleHome .container .listingDescription { border: 1px solid gray; } #singleHome .block { padding-top: 20px; padding-bottom: 20px; } #singleHome .posts .singlePost .content h3, #singleHome .block .listings h3, #singleHome .block .pre-owned h3 { font: normal 45px 'Raleway Light', serif; line-height: 55px; display: inline-block; margin: 30px 0px; max-width: 100%; width: 100%; } #singleHome .posts .singlePost .content p.price, #singleHome .block .listings p.price, #singleHome .block .pre-owned p.price { font: normal 35px 'Raleway Semibold', serif; line-height: 55px; display: inline-block; float: right; margin: 30px 0px; } #singleHome .block .pre-owned .gallery { width: 500px; float: left; margin: 5px 0px 0px 0px; /*font-size: 0px;*/ } #xxxxxxxxxsingleHome .block .listings .gallery #thumbnails, #xxxxxxxxxxxxxsingleHome .block .pre-owned .gallery #thumbnails { width: 100%; margin: 20px 0px 0px 0px; } #xxxxxxxxxxxxsingleHome .block .listings .gallery #thumbnails img, #xxxxxxxxxxxxxsingleHome .block .pre-owned .gallery #thumbnails img { width: 84px; height: auto; margin: 0px 8px 8px 0px; display: inline-block; cursor: pointer; } #singleHome .block .pre-owned .listingDescription { width: 35%; float: right; padding-left: 10px; } #singleHome .block .listingDescription .listingSpecs p, #singleHome .block .pre-owned .listingDescription .listingSpecs p { font: normal 16px 'Raleway Semibold', serif; line-height: 28px; } #singleHome .block .listingDescription p, #singleHome .block .pre-owned .listingDescription p { font: normal 16px 'Raleway Medium', serif; line-height: 28px; } #singleHome .block .listingDescription ul, #singleHome .block .pre-owned .listingDescription ul { list-style-type: '✽ '; } #singleHome .listingDescription p.call-us { text-align:center; padding:10px; background-color:#94c8e1; color: #000000; font: normal 16px 'Raleway Medium', serif; } /* ================================================================== PAGINATION ================================================================== */ .wp-pagenavi { margin: 20px 0px 50px 0px; font-size: 1em; line-height: 0px; } .wp-pagenavi h5 { font: normal 19px 'Raleway Medium', sans-serif; line-height: 40px; margin: 0px 0px 30px 0px; color: #666; } .wp-pagenavi h5 em { font: normal 19px 'Raleway Medium Italic', sans-serif; } .wp-pagenavi h5 a { border: none; color: #d72; margin: 0px; padding: 0px; } .wp-pagenavi h5 a:hover { text-decoration: underline; } .wp-pagenavi span.pages { padding: 5px 12px; background: #5ad; border: 1px solid #5ad; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; color: #fff; white-space: nowrap; display: inline-block; vertical-align: top; font: normal 13px 'Lucida Grande', serif; line-height: 13px; margin: 0px; } .wp-pagenavi span.current { padding: 5px 12px; background: #5ad; border: 1px solid #5ad; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; display: inline-block; vertical-align: top; font: normal 13px 'Lucida Grande', serif; line-height: 13px; margin: 0px 0px 0px 6px; } .wp-pagenavi span.extend { border-width: 0; line-height: 2em; } .wp-pagenavi a { color: #333; font: 'Lucida Grande', serif; line-height: 13px; margin: 0px 0px 0px 6px; } .wp-pagenavi a.page, .wp-pagenavi a.first, .wp-pagenavi a.last { padding: 5px 12px; background: #ddd; border: 1px solid #5ad; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; vertical-align: top; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { padding: 5px 12px; background: #ddd; border: 1px solid #5ad; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; vertical-align: top; } .wp-pagenavi a.introlink { font: 'Raleway Medium', sans-serif !important; color: #d72; } /* ================================================================== SINGLE POST NAV ================================================================== */ .next-post { float: right; margin-bottom: 10px; } .prev-post { float: left; margin-bottom: 10px; } .next-post a, .prev-post a { font: 'Raleway Medium', sans-serif !important; font-size: 1.3em; font-weight: bold; color: #d72; text-decoration: none; } /* ================================================================== BLOG ================================================================== */ body.blog #intro, body.single #intro, body.archive #intro { margin-bottom: 0px; } body.single #postList, body.archive #postList { margin-top: 60px; } #postList .block #posts { width: 600px; float: left; } #postList .block #posts .post { width: 100%; margin: 0px 0px 30px 0px; padding-bottom: 20px; } body.blog #postList .block #posts .post { border-bottom: 1px solid #bbb; } #postList .block #posts .post h2 { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 0px 0px 10px 0px; } #postList .block #posts .post h2 a { color: #d72; text-decoration: none; } #postList .block #posts .post h2 a:hover { color: #d72; text-decoration: underline; } #postList .block #posts .post .meta { width: 100%; } #postList .block #posts .post h2#postTitle { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 40px 0px; } #postList .block #posts .post .meta p { font: normal 13px 'Raleway Medium', serif; line-height: 20px; color: #555; margin: 0px 0px 10px 0px; } #postList .block #posts .post .meta p a { color: #d72; text-decoration: none; } #postList .block #posts .post .meta p a:hover { color: #d72; text-decoration: underline; } #postList .block #posts .post .content { width: 100%; margin-bottom: 50px; } #postList .block #posts .post .content p { font: normal 16px 'Raleway Regular', serif; line-height: 28px; color: #555; margin: 20px 0px 10px 0px; } #postList .block #posts .post .content p strong { font: normal 16px 'Raleway Semibold', serif; } #postList .block #posts .post .content p em { font: normal 16px 'Raleway Italic', serif; } #postList .block #posts .post .content p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: right; } #postList .block #posts .post .content p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; text-decoration: none; } #postList .block #posts .post .content ol, #postList .block #posts .post .content ul { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; } #postList .block #posts .post .content ol li, #postList .block #posts .post .content ul li { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; margin: 20px 0px 10px 20px; } #postList .block #posts .post .content ol li strong, #postList .block #posts .post .content ul li strong { font: normal 15px 'Raleway Bold', serif; } #postList .block #posts .post .content ol li em, #postList .block #posts .post .content ul li em { font: normal 15px 'Raleway Italic', serif; } #postList .block #sidebar { width: 300px; float: right; background: #eee; margin: 0px 0px 50px 0px; padding: 30px 0px; } #postList .block #sidebar .sidebarItem { width: 250px; margin: 10px auto 10px auto; font: normal 15px 'Raleway Regular', serif; line-height: 22px; padding-top: 10px; border-top: 1px solid #bbb; } #postList .block #sidebar .sidebarItem:first-child { padding-top: 0px; border-top: none; } #postList .block #sidebar .sidebarItem h2 { font: normal 18px 'Raleway Semibold', serif; line-height: 32px; margin: 0px 0px 10px 0px; } #postList .block #sidebar .sidebarItem p { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #postList .block #sidebar .sidebarItem p a { color: #d72; text-decoration: none; } #postList .block #sidebar .sidebarItem p a:hover { color: #d72; text-decoration: underline; } #postList .block #sidebar .sidebarItem .list { width: 100%; } #postList .block #sidebar .sidebarItem .list a { display: block; font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; color: #d72; text-decoration: none; } #postList .block #sidebar .sidebarItem .list a:hover { text-decoration: underline; } #postList .block #sidebar .sidebarItem ul { list-style: none; margin: 0px; padding: 0px; } #postList .block #sidebar .sidebarItem ul li { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #postList .block #sidebar .sidebarItem ul li a { color: #d72; text-decoration: none; } #postList .block #sidebar .sidebarItem ul li a:hover { color: #d72; text-decoration: underline; } /* ------ COMMENTS ---------------------------------------------------------------------------------------------- */ .section .block #posts .post #comments { width: 100%; padding-top: 40px; border-top: 12px solid #ddd; } .section .block #posts .post #comments h4 { font: normal 20px 'Raleway Regular', serif; line-height: 32px; color: #555; margin: 0px 0px 30px 0px; } .section .block #posts .post #comments h4 { font: normal 20px 'Raleway Italic', serif; line-height: 32px; color: #555; } .section .block #posts .post #comments ul.commentList { display: block; width: 100%; list-style: none; margin: 0px; padding: 0px; } .section .block #posts .post #comments ul.commentList li.comment { display: block; font: normal 14px 'Raleway Medium', serif; line-height: 22px; } .section .block #posts .post #comments ul.commentList li.comment .comment-body { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #bbb; margin: 0px 0px 30px 0px; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .comment-meta { width: 100%; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .comment-meta a { font: normal 14px 'Raleway Semibold', serif; line-height: 22px; color: #444; text-decoration: none; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .comment-author cite.fn { width: 100%; font: normal 14px 'Raleway Bold', serif !important; line-height: 22px; color: #444; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .comment-author span { width: 100%; font: normal 14px 'Raleway Medium Italic', serif; line-height: 22px; color: #444; } .section .block #posts .post #comments ul.commentList li.comment .comment-body p { font: normal 14px 'Raleway Medium', serif; line-height: 22px; color: #444; margin: 10px 0px 10px 0px; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .reply { text-align: right; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .reply a { display: inline-block; vertical-align: top; padding: 4px 8px 5px 8px; background: #d72; cursor: pointer !important; margin: 0px 30px 0px 0px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font: normal 12px 'Raleway Medium', serif; line-height: 12px; text-decoration: none; } .section .block #posts .post #comments ul.commentList li.comment ul.children { display: block; margin: 20px 0px 0px 20px; } .section .block #posts .post #comments ul.commentList li.comment .comment-body .attachmentFile p img { width: 90%; height: auto; } /* ------ COMMENT FORM ---------------------------------------------------------------------------------------------- */ .section .block #posts .post #comments #respond { width: 100%; } .section .block #posts .post #comments #respond h3#reply-title { font: normal 24px 'Raleway Regular', serif; line-height: 32px; color: #555; margin: 0px 0px 20px 0px; } .section .block #posts .post #comments #respond h3#reply-title a { display: inline-block; vertical-align: top; padding: 0px; cursor: pointer !important; margin: 0px 20px 0px 0px; color: #555; font: normal 24px 'Raleway Regular', serif; line-height: 32px; text-decoration: none; } .section .block #posts .post #comments #respond h3#reply-title a#cancel-comment-reply-link { display: inline-block; vertical-align: top; padding: 4px 8px 5px 8px; background: #d72; cursor: pointer !important; margin: 6px 30px 0px 6px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font: normal 12px 'Raleway Medium', serif; line-height: 12px; text-decoration: none; } .section .block #posts .post #comments #respond form { width: 100%; } .section .block #posts .post #comments #respond form p.comment-notes { font: normal 14px 'Raleway Medium', serif; line-height: 22px; color: #444; text-transform: none; } .section .block #posts .post #comments #respond form p.logged-in-as { font: normal 14px 'Raleway Bold', serif; line-height: 22px; color: #444; text-transform: none; } .section .block #posts .post #comments #respond form p.logged-in-as a { text-decoration: none; color: #d72; } .section .block #posts .post #comments #respond form p.comment-notes span#email-notes { font: normal 14px 'Raleway Medium', serif; line-height: 22px; color: #444; text-transform: none; } .section .block #posts .post #comments #respond form p { display: block; margin: 0px 0px 10px 0px; } .section .block #posts .post #comments #respond form p label { display: block; font: normal 14px 'Raleway Bold', serif; line-height: 22px; color: #444; margin: 6px 0px !important; } .section .block #posts .post #comments #respond form p label span { font: normal 14px 'Raleway Bold', serif; line-height: 22px; color: #444; margin: 0px !important; } .section .block #posts .post #comments #respond form p input[type=text] { display: block; background: #fff; border: 1px solid #999; padding: 6px; margin: 0px; width: 50%; font: normal 13px 'Lucida Grande', serif; line-height: 22px; } .section .block #posts .post #comments #respond form p textarea { display: block; background: #fff; border: 1px solid #999; padding: 6px; margin: 0px; width: 90%; font: normal 13px 'Lucida Grande', serif; line-height: 22px; } .section .block #posts .post #comments #respond form p.form-submit input#submit { display: inline-block; vertical-align: top; padding: 6px 8px 6px 8px; background: #d72; cursor: pointer !important; margin: 12px 0px 0px 0px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font: normal 14px 'Raleway Medium', serif; line-height: 14px; text-decoration: none; } .section .block #posts .post #comments #respond form p.comment-form-attachment { background: #f6e6d6; margin: 0px; display: block; overflow: hidden; padding: 10px 20px; width: 80%; } .section .block #posts .post #comments #respond form p.comment-form-attachment label { font: normal 12px 'Raleway Medium', serif; line-height: 14px; } .section .block #posts .post #comments #respond form p.comment-form-attachment input { margin: -20px 0px 0px 0px; } .section .block #posts .post #comments #respond form p.comment-form-comment { margin-top: 20px; } .section .block #posts .post #comments #respond form p.comment-form-url { margin-bottom: 20px; } .section .block #posts .post #comments #respond form p.comment-form-url.comment-form-attachment { margin-bottom: 0px; } /* ------ ARCHIVE PAGES ---------------------------------------------------------------------------------------------- */ .section .block #posts h3.categoryHead { font: normal 24px 'Raleway Regular', serif; line-height: 32px; color: #555; margin: 0px 0px 50px 0px; padding-bottom: 30px; border-bottom: 12px solid #ddd; } /* ================================================================== SEARCH RESULTS ================================================================== */ .block#searchResults { background: #fff; min-height: 500px; } .block#searchResults .hentry { width: 100%; margin: 0px 0px 30px 0px; padding-bottom: 20px; border-bottom: 1px solid #bbb; } .block#searchResults .hentry h2 { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 60px 0px 10px 0px; } .block#searchResults .hentry h2 a { color: #d72; text-decoration: none; } .block#searchResults .hentry h2 a:hover { color: #d72; text-decoration: underline; } .block#searchResults .hentry .meta { width: 100%; } .block#searchResults .hentry .meta p { font: normal 13px 'Raleway Medium', serif; line-height: 20px; color: #555; margin: 0px 0px 10px 0px; } .block#searchResults .hentry .meta p a { color: #d72; text-decoration: none; } .block#searchResults .hentry .meta p a:hover { color: #d72; text-decoration: underline; } .block#searchResults .hentry .content { width: 100%; } .block#searchResults .hentry .content p { font: normal 16px 'Raleway Regular', serif; line-height: 28px; color: #555; margin: 20px 0px 10px 0px; } .block#searchResults .hentry .content p span.search-term { padding: 3px 6px; background: #def; color: #555; font: normal 16px 'Raleway Bold', serif; line-height: 28px; } .block#searchResults .hentry .content p span.search-term mark { background: #2bd; font: normal 13px 'Raleway Bold', serif; line-height: 28px; color: #fff; text-transform: uppercase; } .block#searchResults .hentry .content p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: right; } .block#searchResults .hentry .content p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; text-decoration: none; } .block#searchResults .hentry .content .search-highlight { background:#d72; } /* ================================================================== FOOTER ================================================================== */ #footer { width: 100%; background: #246; overflow: hidden; margin-top: 0px; z-index: 100; } #footer #footerContent { width: 1200px; margin: 20px auto; text-align: center; overflow: hidden; } #footer #footerContent p { font: normal 14px 'Raleway Semibold', serif; line-height: 22px; color: #bbb; margin: 20px 0px; } #footer #footerContent p a { color: #bbb; text-decoration: none; } #footer #footerContent p a:hover { color: #fff; text-decoration: underline; } #footer #footerContent #footerNav { display: inline-block; margin: 20px 0px 40px 0px; text-align: center; } #footer #footerContent #footerNav div { margin: 0px; text-align: left; } #footer #footerContent #footerNav div ul { list-style: none; display: block; margin: 0px; padding: 0px; } #footer #footerContent #footerNav div ul li { display: inline-block; vertical-align: top; position: relative; font: normal 13px 'Raleway Semibold', serif; line-height: 24px; margin: 0px 24px; } #footer #footerContent #footerNav div a { color: #bbb; display: block; text-decoration: none; } #footer #footerContent #footerNav div ul li a:hover { color: #fff; } #footer #footerContent #footerNav div ul li ul { list-style: none; display: inline-block; margin: 0px; padding: 0px; } #footer #footerContent #footerNav div ul li ul li { display: block; vertical-align: top; position: relative; font: normal 14px 'Raleway Semibold', serif; line-height: 24px; margin: 0px 0px 0px 8px; } #footer #footerContent #footerNav div a { color: #bbb; display: block; text-decoration: none; } #footer #footerContent #footerNav div ul li a:hover { color: #fff; } #footer #footerContent #footerLogo { width: 100%; text-align: center; } #footer #footerContent .icons { display: none; } #footer #footerContent .icons a { display: inline-block; margin: 0px 10px; } .section#test { width: 100%; position: relative; margin: 80px auto 60px auto; } .section#test #galleries .gallery { width: 100%; position: relative; font-size: 0px; text-align: center; } .section#test #galleries .gallery h3 { font: normal 27px 'Raleway Medium', sans-serif; line-height: 30px; margin: 20px 0px; color: #666; text-align: left; } .section#test #galleries .gallery p { font: normal 16px 'Raleway Medium', sans-serif; line-height: 32px; margin: 0px 0px 20px 0px; color: #666; text-align: left; } .section#test #galleries .gallery .wp-caption { width: 150px !important; display: inline-block; vertical-align: top; margin: 0px 12px 12px 0px; padding: 0px; } .section#test #galleries .gallery .wp-caption a { width: 150px !important; padding: 0px; } .section#test #galleries .gallery .wp-caption a img { width: 150px; height: auto; margin: 0px; } .section#test #galleries .gallery .wp-caption .wp-caption-text { font: normal 11px 'Raleway Medium', sans-serif; line-height: 14px; margin: 0px; color: #666; text-align: left; margin: 5px 0px 0px 0px; } .section#test #galleries .gallery .wp-caption .wp-caption-text em { font: normal 11px 'Raleway Medium Italic', sans-serif; line-height: 14px; } /* ================================================================== NEW PRESS SECTION ================================================================== */ body.single-press #press, body.archive-press #press, body.single-news #news, body.archive-news #news { margin-top: 60px; } #press .block #posts, #news .block #posts { width: 100%; } #press .block #posts .press, #news .block #posts .news { width: 100%; margin: 0px 0px 30px 0px; padding-bottom: 20px; } body.press #press .block #posts .press, body.news #news .block #posts .news { border-bottom: 1px solid #bbb; } #press .block #posts .press h2, #news .block #posts .news h2 { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 0px 0px 10px 0px; } #press .block #posts .press h2 a, #news .block #posts .news h2 a { color: #d72; text-decoration: none; } #press .block #posts .press h2 a:hover, #news .block #posts .news h2 a:hover { color: #d72; text-decoration: underline; } #press .block #posts .press .meta, #news .block #posts .news .meta { width: 100%; } #press .block #posts .press h2#postTitle, #news .block #posts .news h2#postTitle { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 40px 0px; } #press .block #posts .press .meta p { font: normal 13px 'Raleway Medium', serif; line-height: 20px; color: #555; margin: 0px 0px 10px 0px; } #press .block #posts .press .meta p a { color: #d72; text-decoration: none; } #press .block #posts .press .meta p a:hover { color: #d72; text-decoration: underline; } #press .block #posts .press .content { width: 100%; margin-bottom: 50px; } #press .block #posts .press .content p { font: normal 16px 'Raleway Regular', serif; line-height: 28px; color: #555; margin: 20px 0px 10px 0px; } #press .block #posts .press .content p strong { font: normal 16px 'Raleway Semibold', serif; } #press .block #posts .press .content p em { font: normal 16px 'Raleway Italic', serif; } #press .block #posts .press .content p.readMore, #news .block #posts .news .content p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: right; } #press .block #posts .press .content p.readMore a, #news .block #posts .news .content p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; text-decoration: none; } #press .block #posts .press .content ol, #press .block #posts .press .content ul, #news .block #posts .news .content ol, #news .block #posts .news .content ul { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; } #press .block #posts .press .content ol li, #press .block #posts .press .content ul li, #news .block #posts .news .content ol li, #news .block #posts .news .content ul li { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; margin: 20px 0px 10px 20px; } #press .block #posts .press .content ol li strong, #press .block #posts .press .content ul li strong { font: normal 15px 'Raleway Bold', serif; } #press .block #posts .press .content ol li em, #press .block #posts .press .content ul li em { font: normal 15px 'Raleway Italic', serif; } #press .block #sidebar { width: 300px; float: right; background: #eee; margin: 0px 0px 50px 0px; padding: 30px 0px; } #press .block #sidebar .sidebarItem { width: 250px; margin: 10px auto 10px auto; font: normal 15px 'Raleway Regular', serif; line-height: 22px; padding-top: 10px; border-top: 1px solid #bbb; } #press .block #sidebar .sidebarItem:first-child { padding-top: 0px; border-top: none; } #press .block #sidebar .sidebarItem h2 { font: normal 18px 'Raleway Semibold', serif; line-height: 32px; margin: 0px 0px 10px 0px; } #press .block #sidebar .sidebarItem p { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #press .block #sidebar .sidebarItem p a { color: #d72; text-decoration: none; } #press .block #sidebar .sidebarItem p a:hover { color: #d72; text-decoration: underline; } #press .block #sidebar .sidebarItem .list { width: 100%; } #press .block #sidebar .sidebarItem .list a { display: block; font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; color: #d72; text-decoration: none; } #press .block #sidebar .sidebarItem .list a:hover { text-decoration: underline; } #press .block #sidebar .sidebarItem ul { list-style: none; margin: 0px; padding: 0px; } #press .block #sidebar .sidebarItem ul li { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #press .block #sidebar .sidebarItem ul li a { color: #d72; text-decoration: none; } #press .block #sidebar .sidebarItem ul li a:hover { color: #d72; text-decoration: underline; } .section#press .press .content .wp-caption { width: 150px !important; display: inline-block; vertical-align: top; margin: 0px 12px 12px 0px; padding: 0px; } .section#press .press .content img.size-full { display: block; width: 90%; height: auto; margin: 20px auto 10px auto !important; } .section#press .press .content .wp-caption a { width: 150px !important; padding: 0px; } .section#press .press .content .wp-caption a img { width: 150px; height: auto; margin: 0px !important; } .section#press .press .content .wp-caption .wp-caption-text { font: normal 11px 'Raleway Medium', sans-serif !important; line-height: 14px !important; margin: 0px; color: #666; text-align: left; margin: 5px 0px 0px 0px !important; } .section#press .press .content .wp-caption .wp-caption-text em { font: normal 11px 'Raleway Medium Italic', sans-serif !important; line-height: 14px !important; } /* ================================================================== NEW PROGRESS SECTION ================================================================== */ body.single-progress #progress, body.archive-progress #progress { margin-top: 60px; } #progress .block #posts { width: 100%; } #progress .block #posts .progress { width: 100%; margin: 0px 0px 30px 0px; padding-bottom: 20px; } body.progress #progress .block #posts .progress { border-bottom: 1px solid #bbb; } #progress .block #posts .progress h2 { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 0px 0px 10px 0px; } #progress .block #posts .progress h2 a { color: #d72; text-decoration: none; } #progress .block #posts .progress h2 a:hover { color: #d72; text-decoration: underline; } #progress .block #posts .progress .meta { width: 100%; } #progress .block #posts .progress h2#postTitle { font: normal 30px 'Raleway Regular', serif; line-height: 36px; color: #555; margin: 40px 0px; } #progress .block #posts .progress .meta p { font: normal 13px 'Raleway Medium', serif; line-height: 20px; color: #555; margin: 0px 0px 10px 0px; } #progress .block #posts .progress .meta p a { color: #d72; text-decoration: none; } #progress .block #posts .progress .meta p a:hover { color: #d72; text-decoration: underline; } #progress .block #posts .progress .content { width: 100%; margin-bottom: 50px; } #progress .block #posts .progress .content p { font: normal 16px 'Raleway Regular', serif; line-height: 28px; color: #555; margin: 20px 0px 10px 0px; } #progress .block #posts .progress .content p strong { font: normal 16px 'Raleway Semibold', serif; } #progress .block #posts .progress .content p em { font: normal 16px 'Raleway Italic', serif; } #progress .block #posts .progress .content p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: right; } #progress .block #posts .progress .content p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; text-decoration: none; } #progress .block #posts .progress .content ol, #progress .block #posts .progress .content ul { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; } #progress .block #posts .progress .content ol li, #progress .block #posts .progress .content ul li { font: normal 15px 'Raleway Regular', serif; line-height: 24px; color: #555; margin: 20px 0px 10px 20px; } #progress .block #posts .progress .content ol li strong, #progress .block #posts .progress .content ul li strong { font: normal 15px 'Raleway Bold', serif; } #progress .block #posts .progress .content ol li em, #progress .block #posts .progress .content ul li em { font: normal 15px 'Raleway Italic', serif; } #progress .block #sidebar { width: 300px; float: right; background: #eee; margin: 0px 0px 50px 0px; padding: 30px 0px; } #progress .block #sidebar .sidebarItem { width: 250px; margin: 10px auto 10px auto; font: normal 15px 'Raleway Regular', serif; line-height: 22px; padding-top: 10px; border-top: 1px solid #bbb; } #progress .block #sidebar .sidebarItem:first-child { padding-top: 0px; border-top: none; } #progress .block #sidebar .sidebarItem h2 { font: normal 18px 'Raleway Semibold', serif; line-height: 32px; margin: 0px 0px 10px 0px; } #progress .block #sidebar .sidebarItem p { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #progress .block #sidebar .sidebarItem p a { color: #d72; text-decoration: none; } #progress .block #sidebar .sidebarItem p a:hover { color: #d72; text-decoration: underline; } #progress .block #sidebar .sidebarItem .list { width: 100%; } #progress .block #sidebar .sidebarItem .list a { display: block; font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; color: #d72; text-decoration: none; } #progress .block #sidebar .sidebarItem .list a:hover { text-decoration: underline; } #progress .block #sidebar .sidebarItem ul { list-style: none; margin: 0px; padding: 0px; } #progress .block #sidebar .sidebarItem ul li { font: normal 15px 'Raleway Semibold', serif; line-height: 22px; margin: 0px; } #progress .block #sidebar .sidebarItem ul li a { color: #d72; text-decoration: none; } #progress .block #sidebar .sidebarItem ul li a:hover { color: #d72; text-decoration: underline; } .section#progress .progress .content .wp-caption { width: 150px !important; display: inline-block; vertical-align: top; margin: 0px 12px 12px 0px; padding: 0px; } .section#progress .progress .content img.size-full { display: block; width: 90%; height: auto; margin: 20px auto 10px auto !important; } .section#progress .progress .content .wp-caption a { width: 150px !important; padding: 0px; } .section#progress .progress .content .wp-caption a img { width: 150px; height: auto; margin: 0px !important; } .section#progress .progress .content .wp-caption .wp-caption-text { font: normal 11px 'Raleway Medium', sans-serif !important; line-height: 14px !important; margin: 0px; color: #666; text-align: left; margin: 5px 0px 0px 0px !important; } .section#progress .progress .content .wp-caption .wp-caption-text em { font: normal 11px 'Raleway Medium Italic', sans-serif !important; line-height: 14px !important; } /* ================================================================== ACTIVITY CALENDAR ================================================================== */ body.activity-calendar #topBar { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.activity-calendar #mainPhoto { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } /* ================================================================== COMMUNITY SPOTLIGHT ================================================================== */ body.community-spotlight #topBar { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.community-spotlight #mainPhoto { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; } body.community-spotlight p.question { font-weight: bold; font-style: italic; } body.community-spotlight .question span, body.community-spotlight .answer span{ font: normal 30px 'Raleway Semibold', sans-serif; margin: 10px; color: #55aadd; } body.location-experimental .section .block { overflow: visible !important; } #map { overflow: visible !important; padding: 1px 0px; position: relative; } #map a.anchor { display: block; width: 1px; height: 1px; background: transparent; position: absolute; left: -1px; top: -180px; } #attractionBlock { overflow: visible !important; padding: 1px 0px; position: relative; } #attractionBlock a.anchor { display: block; width: 1px; height: 1px; background: transparent; position: absolute; left: -1px; top: -180px; } /* ================================================================== VIDEO pages ================================================================== */ .video-container { display: flex; justify-content: center; } iframe { aspect-ratio: 16 / 9; width: 100% !important; } /* used with ACF oembed in single_listings.php and guest_program.php */ .oembed-container { position: relative; padding-bottom: 16.25%; overflow: hidden; max-width: 100%; height: auto; } @media screen and (max-width: 600px) { .oembed-container iframe { height: 300px; } } @media screen and (max-width: 460px) { .oembed-container iframe { height: 250px; } } /* ================================================================== TESTIMONIALS PAGE ================================================================== */ .testimonial-box {border:2px solid #ebf2f6; border-radius: 25px; background:#f2f8fb url(/wp-content/uploads/2025/12/testimonial_bg.png) left top no-repeat; padding:20px; margin:0 50px 20px 50px; display:block;} .quote-container {display:flex; justify-content: center; height: 100%; min-height: 0; flex-wrap: wrap;} .quote-box { width:275px; height:400px; border: 0px; background:#f2f8fb url(/wp-content/uploads/2025/12/testimonial_bg.png) left top no-repeat; margin-right:15px !important; padding:30px 10px 10px 15px; overflow: scroll;} /* ================================================================== READ MORE BUTTON ================================================================== */ p.readMore { font: normal 14px 'Raleway Semibold', serif; line-height: 20px; text-align: right; } p.readMore a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #d72; cursor: pointer !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff !important; text-decoration: none !important; } /* ================================================================== MAKE IMAGES RESPONSIVE ================================================================== */ img { max-width: 100%; height: auto; } /* ================================================================== WORD SEARCH and PHOTO TOUR OF AMENITIES PAGES ================================================================== */ body.the-preserve-amenities-word-search #topBar, body.a-photo-tour-of-the-preserves-amenities #topBar { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; } body.the-preserve-amenities-word-search #mainPhoto, body.a-photo-tour-of-the-preserves-amenities #mainPhoto { background: url(/wp-content/uploads/2022/11/preserve_florida_clubhouse3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; background-attachment: fixed; text-align: center; display: table; }