* { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; vertical-align: middle; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; } html, button, input, select, textarea { font-family: sans-serif; color: #78777b; } body { font: 62.5%/1.5 Lato, sans-serif; color: #78777b; min-width: 320px; background: #ededed; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } ::-moz-selection { background: #333; color: #fff; text-shadow: none; } ::selection { background: #333; color: #fff; text-shadow: none; } a { color: #78777b; text-decoration: none; } a:hover, a:active, a:focus { } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } p, li, dd, dt, label, legend, td, th, caption, blockquote { font-size: 20px; line-height: 32px; } q, blockquote { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } fieldset { border: 0; } legend { white-space: normal; } label { cursor: pointer; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box;} abbr[title] { border-bottom: 1px dotted; cursor: help; } b, strong { font-weight: bold; } address, em, i, cite, dfn { font-style: italic; } ins, mark { background: #ff0; color: #000; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 22px; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; /*height: 0; wp*/} sup { top: -0.5em; /*bottom: 1ex; wp*/} sub { bottom: -0.25em; /*top: .5ex; wp*/} figure { margin: 0; } /* Forms */ textarea { resize: vertical; overflow: auto; vertical-align: top; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } a img { border: 0; } label { cursor: pointer; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { outline: 0; font: 23px/35px Lato, Arial, sans-serif; margin: 0; vertical-align: baseline; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; wp */} button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input, textarea { /*background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); wp - Removing the inner shadow, rounded corners on iOS inputs */ } input[type="checkbox"], input[type="radio"] { /*padding: 0; wp */ } button[disabled], html input[disabled] { cursor: default; } input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { text-align: left; border-collpse: collapse; border-spacing: 0; } td, th { vertical-align: top; text-align: left; } input[type="password"], input[type="email"], input[type="password"], input[type="text"], input[type="image"], input[type="textarea"] { -webkit-appearance: none; border-radius: 0; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #939393; } :-moz-placeholder { color: #939393; } ::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #939393; } /* LAYOUT */ /*.grid-cell { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img[height], img { max-width: 100%; height: auto; } - responsive default */ #wrapper { width: 100%; position: relative; overflow: hidden; } #layout { } .grid { width: 1506px; margin: 0 auto; position: relative; } #content { background: url(../images/template/content-bkg.gif) repeat-y 50% 0; } #content-inner { min-height: 300px; height: auto !important; height: 300px; } main { float: left; width: 930px; margin: 0 0 0 45px; overflow: hidden; } aside { float: right; width: 586px; margin-right: -85px; overflow: hidden; } body.layout-commercial-properties main { width: 1416px; float: none; margin: 0; } body.layout-commercial-properties main, body.layout-rental-listing main { width: 1506px; float: none; margin: 0; } body.layout-building-details main { width: 1506px; float: none; margin: 0; } #content { padding: 53px 0; } body.home #content { padding: 55px 0 70px; } body.layout-rental-listing #content { padding: 53px 0 10px; } body.page-id-24 #content, body.page-id-44 #content, body.page-id-19 #content, body.page-id-18 #content { padding-top: 20px; } body.layout-building-details #content { padding: 53px 0 0; } body.layout-about-company #content { padding: 53px 0 20px; } body.home aside { } body.home main { padding-top: 65px; } /* HEADER */ header { z-index: 100; position: relative; background: #78777b; } header .grid { height: 230px; } #logo { position: absolute; top: 0; left: -86px; background: url(../images/template/logo.png) no-repeat 0 0; z-index: 100; } #logo a { display: block; } #logo, #logo a { width: 619px; height: 264px; overflow: hidden; } #logo a, body.home #logo { text-indent: -9999px; outline: 0; } /* HEADER PHOTO */ #header-photo { position: relative; width: 100%; overflow: hidden; height: 232px; } #header-photo img { position: absolute; top: 0; left: 50%; margin-left: -838px; z-index: 1; } #header-photo p, #header-photo h1 { font-size: 99px; line-height: 99px; font-weight: 300; width: 1506px; position: absolute; bottom: -11px; left: 50%; margin-left: -713px; z-index: 2; color: #fff; text-transform: uppercase; } body.home #header-photo p { font-size: 151px; line-height: 151px; margin-left: -653px; bottom: -19px; color:#134775 } body.home #header-photo { height: 360px; } body.layout-faq #header-photo h1 { text-transform: none; bottom: -5px; } #header-photo .mobile-v, #header-photo .mobile-h { display: none; } /* NAVIGATION */ #navigation-container { float: right; position: relative; padding: 185px 0 0; } #navigation-container p { position: absolute; top: -9999px; left: -9999px; } #menu-header { float: right; } #menu-header ul { float: right; list-style: none; padding: 0; } #menu-header li { float: left; font: 700 18px/24px Lato, Arial, sans-serif; position: relative; margin: 0 0 0 17px; padding: 0 0 0 20px; text-transform: uppercase; background: url(../images/template/nav-divider.png) no-repeat 0 4px; } #menu-header li:first-child { margin-left: 0; background: 0; padding: 0; } #menu-header li a { color: #fff; display: block; padding: 0 0 21px; text-align: center; outline: 0; background: 0; } #menu-header li.current-menu-ancestor, #menu-header li.current-menu-parent, #menu-header li.current_page_parent, #menu-header li.current_page_ancestor, #menu-header li.current-page-ancestor, #menu-header li.current-menu-item, #menu-header li.over { } #menu-header li li a { color: #fff; } #menu-header li.current-menu-ancestor a, #menu-header li.current-menu-parent a, #menu-header li.current_page_parent a, #menu-header li.current_page_ancestor a, #menu-header li.over a, #menu-header li.current-page-ancestor a, #menu-header li.current-menu-item a { color: #f0a809; } #menu-header li.current-menu-ancestor li a, #menu-header li.current-menu-parent li a, #menu-header li.current_page_parent li a, #menu-header li.current_page_ancestor li a, #menu-header li.over li a, #menu-header li.current-page-ancestor li a, #menu-header li.current-menu-item li a { color: #fff; } #menu-header li li.current-menu-ancestor a, #menu-header li li.current-menu-parent a, #menu-header li li.current_page_parent a, #menu-header li li.current_page_ancestor a, #menu-header li li.over a, #menu-header li li.current-page-ancestor a, #menu-header li li.current-menu-item a, #menu-header li li.over a { color: #f0a809; } #menu-header li ul { position: absolute; width: 166px; padding: 2px 10px; margin-left: -93px; overflow: hidden; top: -9999px; left: -9999px; } #menu-header li.over ul { top: 45px; left: 50%; } #menu-header li ul { background: #134775; } #menu-header li li { float: none; font: 16px/18px Lato, Arial, sans-serif; position: static; margin: 0; background: 0; border-top: 1px solid #fff; padding: 0; } #menu-header li li a { color: #fff; padding: 9px 0; text-align: center; } #menu-header li li:first-child { border: 0; } #menu-header li li:first-child a { } #menu-header li li a:hover { color: #f0a809; } #secondary-nav { float: left; position: absolute; top: 0; right: 0; list-style: none; } #secondary-nav li { float: left; font-size: 15px; line-height: 17px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 6px; } #secondary-nav li a { color: #fff; background: #f0a809; padding: 10px 21px; float: left; } #secondary-nav li a:hover { background: #134775; } /* VIEW RENTALS LISTING */ #view-our-rental-listings { width: 586px; height: 381px; overflow: hidden; background: url(../images/template/view-all-rentals-bkg.png) no-repeat 0 0; } #view-our-rental-listings .inner { padding: 30px 40px 0; } #view-our-rental-listings h2 { text-transform: uppercase; font-size: 29px; line-height: 30px; color: #f0a809; font-weight: bold; padding: 10px 0 10px 70px; width: 305px; overflow: hidden; margin: 0 0 12px; background: url(../images/template/arrow-large.png) no-repeat 0 50%; } #view-our-rental-listings ul { list-style: none; margin-left: 70px; } #view-our-rental-listings li { font-size: 25px; line-height: 32px; background: url(../images/template/li-dot-white-large.png) no-repeat 0 15px; padding: 0 0 0 15px; margin: 0 0 10px; } #view-our-rental-listings a { color: #fff; } #view-our-rental-listings a:hover { color: #f0a809; } #view-our-rental-listings .link-arrange-a-viewing {} #view-our-rental-listings .link-arrange-a-viewing a {} .gm-style .gm-style-iw h4 { font: 18px/22px Lato, Arial, sans-serif; color: #134775; font-weight: bold; margin: 0 0 5px; } .gm-style .gm-style-iw p { font: 14px/18px Lato, Arial, sans-serif; color: #78777b; margin: 0 0 5px; } .gm-style .gm-style-iw > div:first-child { } .custom-tooltip-content { width: 334px; padding: 5px; } aside .link-arrange-a-viewing { font-size: 25px; line-height: 30px; text-transform: uppercase; font-weight: bold; margin: 0 85px 0 15px; } aside .link-arrange-a-viewing a { color: #fff; background: #f0a809; display: block; padding: 15px 10px; text-align: center; } aside .link-arrange-a-viewing a:hover { background: #134775; } /* ARTICLE */ body.attachment h1, h2#commercial-heading, #arrange-a-viewing-form-container h2, #service-request-form-container h2, #content .default-txt h2 { font: 400 30px/35px Lato, Arial, sans-serif; color: #134775; margin: 0 0 23px; } h2#commercial-heading { margin-left: 45px; padding-top: 5px; margin-bottom: 40px; } body.home #content .default-txt h2 { margin: 0 0 26px; } .default-txt h2 { } .default-txt p + h2 { padding-top: 20px; } .default-txt h3 { font-size: 20px; line-height: 28px; color: #134775; font-weight: bold; } .default-txt p + h3 { padding-top: 20px; } .default-txt h4 { font-size: 20px; line-height: 28px; color: #78777b; font-weight: bold; } .default-txt h5 { font-size: 20px; line-height: 28px; color: #78777b; font-weight: normal; font-style: italic; } .default-txt h6 { font-size: 20px; line-height: 28px; color: #78777b; font-weight: normal; font-style: italic; } .default-txt a { color: #134775; } body.home #article-container a { color: #f0a809; } .default-txt a:hover, .default-txt a:active, .default-txt a:focus { color: #000 !important; } .default-txt p, .default-txt li, .default-txt dd, .default-txt dt, .default-txt td, .default-txt th, .default-txt caption {} .default-txt p, .default-txt ul, .default-txt ol, .default-txt table, .default-txt dl { margin-bottom: 19px; } .default-txt li { } .default-txt p.arrow { text-transform: uppercase; background: url(../images/template/content-arrow.png) no-repeat 0 8px; font-weight: bold; padding: 5px 0 5px 50px; margin: 0 0 9px; } .default-txt p.arrow a { color: #f0a809; } .default-txt p.arrow a:hover { color: #134775 !important; } .default-txt p + p.arrow { margin-top: 30px; } .default-txt p.arrow + p.arrow { margin-top: 0px; } .default-txt dt { font-weight: normal; font-family: Arial, sans-serif; } .default-txt ul { list-style: none; } .default-txt ul li { padding: 0 0 0 20px; background: url(../images/template/li-dot.png) no-repeat 0 14px; } .default-txt ol { margin-left: 20px; list-style: decimal; } .default-txt li ul, .default-txt li ol { margin-top: 1em; } .default-txt ul ol li { background: 0; padding-left: 0; } .default-txt table { width: 100%; border-collapse: separate; } .default-txt table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; line-height: 1; } .default-txt thead th { color: #505152; font-weight: normal; font-family: Arial, sans-serif;line-height: 1; border-bottom: 1px solid #505152; padding: 2px 0 9px; } .default-txt tbody th, .default-txt tbody td { padding: 7px 0 9px; font-weight: normal; border-bottom: 1px solid #505152; } .default-txt tbody th { padding-left: 10px; } .default-txt blockquote, .default-txt blockquote * { font-style: italic; font-size: 23px; line-height: 32px; } .default-txt .object-left img, .default-txt .object-right img { display: block; } .default-txt pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } .default-txt abbr, .default-txt acronym { border-bottom: 1px dotted #666; cursor: help; } .default-txt sup, .default-txt sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } .default-txt sup { bottom: 1ex; } .default-txt sub { top: .5ex; } .default-txt .photo-right { float: right; margin: 0 0 10px 35px; } .default-txt .photo-left { float: right; margin: 0 35px 10px 0; } .default-txt strong { font-weight: 700; } body.layout-contact .default-txt p + p { margin-top: -13px; } body.layout-contact .default-txt p + h3 { padding-top: 13px; } body.layout-contact .default-txt p.careers, body.layout-contact .default-txt p.email { color: #134775; margin-top: 30px; } body.layout-contact .default-txt p.careers a, body.layout-contact .default-txt p.email a { color: #78777b; } body.layout-contact .default-txt p.careers a:hover, body.layout-contact .default-txt p.email a:hover {} /* 23/35 */ .txt-23-35 p, .txt-23-35 li, .txt-23-35 dd, .txt-23-35 dt, .txt-23-35 td, .txt-23-35 th, .txt-23-35 caption { font-size: 23px; line-height: 35px; } .txt-23-35 p, .txt-23-35 ul, .txt-23-35 ol, .txt-23-35 table, .txt-23-35 dl { margin-bottom: 25px; } .txt-23-35 ul li { background-position: 0 15px; } /* 18/20 */ .txt-18-20 p, .txt-18-20 li, .txt-18-20 dd, .txt-18-20 dt, .txt-18-20 td, .txt-18-20 th, .txt-18-20 caption { font-size: 18px; line-height: 20px; } .txt-18-20 p, .txt-18-20 ul, .txt-18-20 ol, .txt-18-20 table, .txt-18-20 dl { margin-bottom: 20px; } .txt-18-20 ul li { background: url(../images/template/li-dot-white.png) no-repeat 0 8px; } #content .txt-18-20 h2, #content .txt-18-20 h3, #content .txt-18-20 h4, #content .txt-18-20 h5, .txt-18-20 h6 { font-size: 20px; line-height: 28px; color: #fff; font-weight: bold; margin: 0; } .txt-18-20 a { color: #fff; text-decoration: underline; } .txt-18-20 table caption, .txt-18-20 table th, .txt-18-20 table td { color: #fff; border-color: #fff; } /* WP SPECIFIC STYLES */ /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .default-txt img, .default-txt img[class*="align"], .default-txt img[class*="wp-image-"], .default-txt img[class*="attachment-"] { height: auto; } .default-txt img.size-full, .default-txt img.size-large, .default-txt img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ .default-txt embed, .default-txt iframe, .default-txt object, .default-txt video { margin-bottom: 24px; max-width: 100%; } .default-txt p > embed, .default-txt p > iframe, .default-txt p > object, .default-txt span > embed, .default-txt span > iframe, .default-txt span > object { margin-bottom: 0; } /* Alignment */ .default-txt .alignleft { float: left; /*clear: left; */} .default-txt .alignright { float: right; /*clear: left; */} .default-txt .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } .default-txt blockquote.alignleft, .default-txt img.alignleft { margin: 7px 24px 7px 0; } .default-txt .wp-caption.alignleft { margin: 7px 14px 7px 0; } .default-txt blockquote.alignright, .default-txt img.alignright { margin: 7px 0 7px 24px; } .default-txt .wp-caption.alignright { margin: 7px 0 7px 14px; } .default-txt blockquote.aligncenter, .default-txt img.aligncenter, .default-txt .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .default-txt blockquote.alignleft, .default-txt blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .default-txt blockquote.alignleft p, .default-txt blockquote.alignright p { margin-bottom: 17px; } .default-txt .wp-caption { margin-bottom: 24px; } .default-txt .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .default-txt .wp-caption { color: #767676; } .default-txt .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .default-txt .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Mediaelements */ .default-txt .mejs-container { margin: 12px 0 18px; } .default-txt .mejs-mediaelement, .default-txt .mejs-container .mejs-controls { background: #000; } .default-txt .mejs-controls .mejs-time-rail .mejs-time-loaded, .default-txt .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .default-txt .mejs-controls .mejs-time-rail .mejs-time-current { background: #24890d; } .default-txt .mejs-controls .mejs-time-rail .mejs-time-total, .default-txt .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255,255,255,.33); } .default-txt .mejs-container .mejs-controls .mejs-time { padding-top: 9px; } .default-txt .mejs-controls .mejs-time-rail span, .default-txt .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .default-txt .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .default-txt .mejs-overlay-loading { background: transparent; } /* ----------------------------------------------------------------------------- */ .default-txt .gallery { margin-bottom: 20px; } .default-txt .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .default-txt .gallery-columns-1 .gallery-item { max-width: 100%; } .default-txt .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .default-txt .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .default-txt .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .default-txt .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .default-txt .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .default-txt .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .default-txt .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .default-txt .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .default-txt .gallery-columns-1 .gallery-item:nth-of-type(1n), .default-txt .gallery-columns-2 .gallery-item:nth-of-type(2n), .default-txt .gallery-columns-3 .gallery-item:nth-of-type(3n), .default-txt .gallery-columns-4 .gallery-item:nth-of-type(4n), .default-txt .gallery-columns-5 .gallery-item:nth-of-type(5n), .default-txt .gallery-columns-6 .gallery-item:nth-of-type(6n), .default-txt .gallery-columns-7 .gallery-item:nth-of-type(7n), .default-txt .gallery-columns-8 .gallery-item:nth-of-type(8n), .default-txt .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .default-txt .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .default-txt .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .default-txt .gallery-item:hover .gallery-caption { opacity: 1; } .default-txt .gallery-columns-7 .gallery-caption, .default-txt .gallery-columns-8 .gallery-caption, .default-txt .gallery-columns-9 .gallery-caption { display: none; } /* Attachments */ .attachment .content-sidebar, .attachment .post-thumbnail { display: none; } .attachment .entry-content { padding-top: 0; } .attachment footer.entry-meta { text-transform: none; } .entry-attachment .attachment { margin-bottom: 24px; } /* RENTALS APPLICATION LINKS */ #rental-application-links { width: 586px; overflow: hidden; padding: 0 0 57px; margin-top: -5px; background: url(../images/template/rentals-bkg-bottom.png) no-repeat 0 100%; } #rental-application-links .inner { background: url(../images/template/rentals-bkg-top.png) no-repeat 0 0; padding: 9px 0 0; } #rental-application-links h2 { background: #f0a809; text-transform: uppercase; font-size: 25px; line-height: 30px; color: #fff; font-weight: bold; color: #fff; padding: 16px 0 16px 70px; margin: 0 85px 20px 15px; } #rental-application-links ul { list-style: none; margin-left: 85px; padding: 0 0 1px; } #rental-application-links li { color: #fff; font-size: 25px; line-height: 32px; background: url(../images/template/li-dot-white-large.png) no-repeat 0 15px; padding: 0 0 0 15px; margin: 10px 0 0; } #rental-application-links li:first-child { margin: 0; } #rental-application-links a { color: #fff; } #rental-application-links a.pdf { text-decoration: underline; } #rental-application-links a:hover { color: #f0a809; } /* MANAGEMENT TEAM */ #management-team { width: 586px; overflow: hidden; margin-top: -5px; padding: 0 0 57px; background: url(../images/template/management-team-bottom.png) no-repeat 0 100%; } #management-team .inner { padding: 29px 0 0 40px; background: url(../images/template/management-team-top.png) no-repeat 0 0; } #management-team h2 { text-transform: uppercase; font-size: 29px; line-height: 30px; color: #f0a809; font-weight: bold; padding: 10px 0 10px 70px; margin: 0; background: url(../images/template/arrow-large.png) no-repeat 0 50%; } #management-team .member { margin: 23px 0 0; } #management-team h2 + .member { margin: 15px 0 0; } #management-team .photo { float: left; width: 132px; overflow: hidden; } #management-team .photo img { width: 132px; height: auto; } #management-team .description { float: left; width: 294px; overflow: hidden; margin: 0 0 0 8px; background: #78777b; padding: 4px 10px; min-height: 153px; height: auto !important; height: 153px; } #management-team .description p { font-size: 17px; line-height: 22px; color: #fff; font-weight: 300; } #management-team h3 { font-size: 20px; line-height: 25px; color: #fff; margin: 0 0 8px; } #management-team h3 span { font-size: 15px; line-height: 25px; color: #fff; font-weight: 300; } #management-team .description a.more { color: #f0a809; font-size: 14px; text-transform: uppercase; font-weight: 400; } #management-team .description a.more:hover { text-decoration: underline; } #management-team .description-intro {} #management-team .additional-description { display: none; padding: 10px 0 0; } #management-team .opening a.more, #management-team .expanded a.more { display: none; } #management-team .contact { padding: 20px 0 0; } #management-team .contact span { color: #f0a809; font-size: 14px; font-weight: 400; } #management-team .contact a { color: #fff; } #management-team .contact a:hover { text-decoration: underline; } /* RENTALS PAGE */ #filter { margin: 3px 0 45px 45px; } #filter ul { list-style: none; } #filter ul li { float: left; font-size: 25px; line-height: 25px; background: url(../images/template/filter-divider.png) no-repeat 0 7px; padding: 5px 0 0 12px; margin: 0 0 0 12px; } #filter ul li:first-child { font-size: 30px; line-height: 30px; } #filter ul a { color: #134775; } #filter li a:hover, #filter li.selected a { color: #f0a809; } #filter ul li.all { background: 0; padding: 0 15px 0 0; margin: 0; } #filter ul li.filter-1 { background: 0; } body.layout-building-details #filter { padding: 0px 45px 12px; margin-left: 0; margin-bottom: 40px; } #listing-map-and-intro { width: 1416px; height: 424px; position: relative; background: url(../images/template/listing-map-and-intro.jpg) no-repeat 0 0; position: relative; margin: 0 35px 33px 45px; } #listing-map-and-intro #intro { float: right; width: 781px; } #listing-map-and-intro #intro h2 { font-size: 36px; line-height: 45px; color: #fff; height: 253px; } #listing-map-and-intro #intro h2 span { padding: 28px 30px 42px; background: #134775; display: block; } #listing-map-and-intro #intro p.location { font-size: 36px; line-height: 45px; font-weight: 700; color: #134775; text-transform: uppercase; margin: 0 0 13px 25px; letter-spacing: -1px; } #listing-map-and-intro #intro p.click-below { font-size: 20px; line-height: 30px; font-weight: 700; color: #134775; text-transform: uppercase; margin-left: 25px; } #listing-map-and-intro #intro p.link-arrange-a-viewing { font-size: 25px; line-height: 30px; font-weight: bold; width: 486px; overflow: hidden; text-align: center; text-transform: uppercase; position: absolute; top: 305px; right: -44px; } #listing-map-and-intro #intro p.link-arrange-a-viewing a { background: #f0a809; display: block; padding: 15px; color: #fff; } #listing-map-and-intro #intro p.link-arrange-a-viewing a:hover { background: #134775; } #listing-map-and-intro #map-wrapper { position: absolute; top: 10px; left: 9px; overflow: hidden; width: 630px; height: 410px; background: url(../images/template/map-bkg.png) no-repeat 0 0; } #listing-map-and-intro #map { width: 622px; height: 401px; overflow: hidden; margin: 0 0 0 3px; z-index: 100; } #rental-list {} #rental-list .row { margin: 0 0 30px; padding: 0 0 0 45px; } #rental-list .row:first-child { padding: 40px 0 40px 45px; } #rental-list .odd { background: #e1e0e1; } #rental-list .even {} #rental-list .building { float: left; width: 271px; height: 178px; overflow: hidden; position: relative; margin: 0 0 0 15px; } #rental-list #list-4-col { display: none; } .browser-ie8 #rental-list .building .intro { display: none; } #rental-list .building:first-child { margin: 0; } #rental-list .intro { position: absolute; top: 0; left: 0; text-align: center; width: 251px; height: 158px; overflow: hidden; padding: 10px; background: url(../images/template/listing-overlay.png); opacity: 0; } #rental-list .intro h3 { font-size: 31px; line-height: 32px; color: #fff; padding: 28px 0 0; margin: 0 0 10px; } #rental-list .intro p { font-size: 23px; line-height: 25px; color: #fff; margin: 0 0 15px; } #rental-list .intro p.more { font-size: 21px; line-height: 24px; text-transform: uppercase; } #rental-list .intro p.more a { color: #f0a809; padding: 0 0 0 30px; background: url(../images/template/listing-arrow.png) no-repeat 0 50%; } #rental-list .photo {} #rental-list .photo img { display: block; width: 100%; } /* COMMERCIAL PROPERTIES */ #commerical-map-and-intro { width: 1416px; height: 424px; position: relative; background: url(../images/template/listing-map-and-intro.jpg) no-repeat 0 0; position: relative; margin: 0 35px 46px 45px; } #commerical-map-and-intro #map-wrapper { position: absolute; top: 10px; left: 9px; overflow: hidden; width: 564px; height: 410px; background: url(../images/template/map-bkg-2.png) no-repeat 0 0; } #commerical-map-and-intro #map { width: 556px; height: 401px; overflow: hidden; margin: 0 0 0 3px; z-index: 100; } #commerical-map-and-intro #intro { float: right; width: 847px; overflow: hidden; } #commerical-map-and-intro #intro h2 { font-size: 36px; line-height: 45px; color: #fff; } #commerical-map-and-intro #intro h2 span { padding: 10px 55px 15px 94px; background: #134775; display: block; } #commerical-map-and-intro #intro .location-list { margin: 0 0 15px 94px; letter-spacing: -1px; list-style: none; } #commerical-map-and-intro #intro .location-list li { float: left; font-size: 33px; line-height: 42px; font-weight: 700; text-transform: uppercase; background: url(../images/template/location-list-divider.png) no-repeat 0 6px; margin: 0 0 0 15px; padding: 0 0 0 17px; } #commerical-map-and-intro #intro .location-list li:first-child { background: 0; margin: 0; padding: 0; } #commerical-map-and-intro #intro .location-list a { color: #134775; } #commerical-map-and-intro #intro .location-list li a:hover, #commerical-map-and-intro #intro .location-list li.selected a { color: #f0a809; } #commerical-map-and-intro #intro p.click-below { font-size: 20px; line-height: 30px; font-weight: 700; color: #134775; text-transform: uppercase; margin-left: 94px; } #commerical-map-and-intro #intro .default-txt { padding: 15px 55px 24px 94px; } #commercial-list { float: right; width: 845px; position: relative; overflow: hidden; margin: 0 42px 0 0; } #commercial-list .row { padding: 1px 0 24px; position: relative; z-index: 1; } #commercial-list .building { float: left; width: 271px; height: 178px; overflow: hidden; position: relative; margin: 0 0 0 15px; } .browser-ie8 #commercial-list .building .intro { display: none; } #commercial-list .building:first-child { margin: 0; } #commercial-list .intro { position: absolute; top: 0; left: 0; text-align: center; width: 251px; height: 158px; overflow: hidden; padding: 10px; background: url(../images/template/listing-overlay.png); opacity: 0; } #commercial-list .intro h2 { font-size: 31px; line-height: 32px; color: #fff; padding: 28px 0 0; margin: 0 0 10px; } #commercial-list .intro h2 span { display: block; } #commercial-list .intro p { font-size: 23px; line-height: 25px; color: #fff; margin: 0 0 17px; } #commercial-list .intro p.more { font-size: 21px; line-height: 24px; text-transform: uppercase; } #commercial-list .intro p.more a { color: #f0a809; padding: 0 0 0 30px; background: url(../images/template/listing-arrow.png) no-repeat 0 50%; } #commercial-list .photo {} #commercial-list .photo img { display: block; width: 100%; } #commercial-list #triangle { width: 43px; height: 27px; overflow: hidden; background: url(../images/template/triangle.png) no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 2; margin-left: -22px; opacity: 0; } .browser-ie8 #commercial-list #triangle { display: none; } #commercial-list #list-1-col, #commercial-list #list-4-col { display: none; } #our-services { width: 459px; float: left; overflow: hidden; margin: 0 0 0 45px; } #our-services .default-txt h2 { margin: 0 0 12px; } #our-services li { margin: 0 0 10px; } #commercial-details { position: relative; } #commercial-details .building-layer { position: absolute; top: -9999px; left: -9999px; } .building-layer { clear: both; width: 845px; padding: 30px 0; overflow: hidden; } .building-layer .inner { opacity: 0; position: relative; } .building-layer { background: #78777b; color: #fff; } .building-layer .description { float: right; width: 415px; margin: 0 30px 0 0; overflow: hidden; } .building-layer .inner {} .building-layer .description h2 { font-size: 18px; line-height: 20px; font-weight: 300; text-transform: uppercase; margin: 0 0 8px; } .building-layer .spec {} .building-layer .spec p { font-size: 18px; line-height: 20px; margin: 0 0 8px; } .building-layer .spec span { font-weight: 700; } .building-layer .default-txt { margin-top: -5px; } .building-layer .default-txt * { font-weight: 300; } .building-layer .contact { color: #fff; } .building-layer .contact h3 { color: #f0a809; text-transform: uppercase; font-size: 18px; line-height: 20px; } .building-layer .contact p { font-size: 18px; line-height: 20px; } .building-layer .contact p a { color: #fff; text-decoration: underline; } .building-layer .contact p a:hover { text-decoration: none; } .building-layer .photo { float: left; margin: 0 0 0 30px; } .building-layer .photo img { display: block; width: 338px; height: 225px; } .building-layer .close { width: 21px; height: 20px; position: absolute; top: -15px; right: 13px; overflow: hidden; } .building-layer .close a { width: 21px; height: 20px; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/template/commerical-close.png) no-repeat 0 0; } #commercial-list .placeholder { overflow: hidden; width: 100%; background: #78777b; } #commercial-list .building-placeholder { display: none; overflow: hidden; width: 100%; background: #78777b; } /* FAQ */ #faq-list { overflow: hidden; padding: 10px 0 0; width: 750px; overflow: hidden; } #faq-list .item { border-top: 1px solid #d3d3d3; padding: 6px 0 16px; } #faq-list .first { padding-top: 0 !important; border-top: 0 !important; } #faq-list .item h2 { font-size: 20px; line-height: 25px; font-weight: 700; } #faq-list .item h2 a { display: block; padding: 10px 20px 0 27px; color: #78777b; outline: 0; } #faq-list .item h2 a:hover { } #faq-list .item h2 a { background: url(../images/template/arrow-collapsed.png) no-repeat 0 10px; } #faq-list .expanded h2 a { background: url(../images/template/arrow-expanded.png) no-repeat 0 50%; } #faq-list .closing h2 a { background: url(../images/template/arrow-collapsed.png) no-repeat 0 10px; } #faq-list .opening h2 a { background: url(../images/template/arrow-expanded.png) no-repeat 0 50%; } #faq-list h2 a:hover { } #faq-list .default-txt { margin-left: 50px; overflow: hidden; } #faq-list .default-txt p:last-child { margin-bottom: 0; } #faq-list .item .default-txt { display: none; } #faq-list .expanded .default-txt { display: block; } /* SERVICE REQUEST FORM */ #arrange-a-viewing-form-container .field, #service-request-form-container .field { margin: 0 0 26px; position: relative; } #arrange-a-viewing-form #fields-wrapper, #service-request-form #fields-wrapper { background: url(../images/template/form-bkg.gif); padding: 40px 30px 5px; margin: 0 0 10px; } #arrange-a-viewing-form-container label, #service-request-form-container label { float: left; font-size: 20px; line-height: 25px; color: #78777b; width: 120px; overflow: hidden; } #arrange-a-viewing-form-container label { width: 250px; } #arrange-a-viewing-form-container .type-text, #service-request-form-container .type-text { } #arrange-a-viewing-form-container .type-text input, #service-request-form-container .type-text input { float: left; width: 535px; padding: 1px 10px; color: #78777b; background: #fff; border: 1px solid #a0a0a0; font-size: 20px; line-height: 23px; -moz-box-shadow: inset 3px 0px 3px #999, inset -3px 0px 3px #999; -webkit-box-shadow: inset 3px 0px 3px #999, inset -3px 0px 3px #999; box-shadow: inset 3px 0px 3px #999, inset -3px 0px 3px #999; } .browser-ie11 #arrange-a-viewing-form-container .type-text input, .browser-ie11 #service-request-form-container .type-text input { line-height: 20px; padding-top: 0px; padding-bottom: 2px; } .browser-chrome #arrange-a-viewing-form-container .type-text input, .browser-chrome #service-request-form-container .type-text input { line-height: 22px; } .platform-mac.browser-chrome #arrange-a-viewing-form-container .type-text input, .platform-mac.browser-chrome #service-request-form-container .type-text input { line-height: 20px; } .platform-mac.browser-safari #arrange-a-viewing-form-container .type-text input, .platform-mac.browser-safari #service-request-form-container .type-text input { line-height: 20px; } #service-request-form-container .type-radio { position: relative; padding: 0 0 5px 30px; margin: 0 0 5px; } #service-request-form-container .type-radio label { float: none; width: 835px; padding: 4px 0 0; } #service-request-form-container .type-radio a { position: absolute; top: 0; left: 0; display: block; float: left; width: 24px; height: 24px; margin: 0 10px 0 0; overflow: hidden; text-indent: -9999px; background: url('../images/template/radio-button.png') no-repeat 0 0; } #service-request-form-container .type-radio input { position: absolute; top: 0; left: -100px; } #service-request-form-container .type-radio.option-checked a { background-position: 0 -50px; } #service-request-form-container .type-radio label.error { position: absolute !important; top: -9999px !important; left: -9999px !important; } #service-request-form-container .radio-section-label { padding: 0 0 10px; } #service-request-form-container .type-textarea { clear: both; } #service-request-form-container .type-textarea label { float: none; display: block; padding: 0 0 20px; } #service-request-form-container textarea { display: block; font-size: 20px; line-height: 24px; width: 653px; height: 135px; border: 0; padding: 5px 10px; border: 2px solid #999; overflow: auto; color: #322f31; background: #fff; } #arrange-a-viewing-form-container .required-fields, #service-request-form-container .required-fields { font-size: 18px; line-height: 22px; padding: 0 0 40px; } #arrange-a-viewing-form .required-fields { padding: 0; } #arrange-a-viewing-form-container .actions { padding: 20px 0 0; } #service-request-form-container .actions { padding: 60px 0 0; } #arrange-a-viewing-form-container .actions input, #service-request-form-container .actions input { float: left; margin: 0 15px 0 0; } #arrange-a-viewing-form-container .actions a, #service-request-form-container .actions a { float: left; } #arrange-a-viewing-form-container .box, #service-request-form-container .box { background: #fff; padding: 10px; margin: 10px 0 10px; font-size: 17px; line-height: 24px; border: 1px solid #e3e3e3; } #arrange-a-viewing-form-container .box h5, #service-request-form-container .box h5 { font-size: 18px; line-height: 20px; margin: 0; font-weight: bold; } #arrange-a-viewing-form-container div.error, #service-request-form-container div.error { color: #ff0000; } #arrange-a-viewing-form-container div.success, #service-request-form-container div.success { color: #2b8812; } #arrange-a-viewing-form-container label.error, #service-request-form-container label.error { position: absolute; top: -20px; left: 120px; display: block; color: #f00; font-size: 15px; line-height: 18px; margin: 0 0 5px; float: none; width: auto; } #arrange-a-viewing-form-container label.error { left: 250px; } /* BUILDING DETAILS */ #building-container {} #building-main-data { float: right; width: 974px; overflow: hidden; } #building-spec { margin-top: -6px; padding: 0 0 28px; } #building-spec h1 { font-size: 30px; line-height: 35px; color: #134775; font-weight: 700; margin: 0 0 1px; } #building-spec p { font-size: 20px; line-height: 30px; color: #134775; font-weight: 700; margin-bottom: 10px; } #building-spec p span { font-weight: 900; } #building-spec a { color: #134775; } #building-spec a:hover { color: #f0a809; } #building-details { float: left; width: 442px; overflow: hidden; margin: 0 0 20px; } #building-details.default-txt h2 { font-size: 20px; line-height: 30px; color: #134775; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; } #building-details.default-txt h3 { color: #78777b; } #building-details p { } #building-details p + h3 { margin-top: -20px; } #building-sidebar { float: right; width: 485px; overflow: hidden; margin: 0 0 20px; } #building-sidebar .links { list-style: none; padding: 5px 0 45px; } #building-sidebar .links li { font-size: 25px; line-height: 30px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; text-align: center; } #building-sidebar .links a { color: #fff; background: #f0a809; display: block; padding: 16px 0; } #building-sidebar .links a:hover { background: #134775; } #building-amenities { background: url(../images/template/amenities-divider.png) no-repeat 0 0; padding: 50px 30px 0; margin: 0 0 20px; } #building-amenities h2 { font-size: 20px; line-height: 25px; color: #78777b; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; } #building-amenities ul {} #building-amenities li { margin-bottom: 8px; } #photo-and-map { float: left; width: 487px; height: 875px; overflow: hidden; padding: 35px 0 0; height: 840px; background: url(../images/template/gallery-and-map-bkg.gif) no-repeat 0 0; } #visual-details { margin: 0 0 60px; } #visual-details h2 { float: left; width: 74px; height: 380px; overflow: hidden; text-indent: -9999px; background: url(../images/template/heading-visual-details.gif) no-repeat 0 0; } #visual-details .photos { float: left; width: 382px; overflow: hidden; } #visual-details .photo { float: left; position: relative; } #visual-details .photo-1 { margin: 0 0 19px; } #visual-details .photo-2 { float: left; } #visual-details .photo-3 { float: right; } #visual-details .photo img { display: block; width: 100%; } #visual-details .play-button { position: absolute; top: 0; left: 0; display: block; width: 382px; height: 251px; overflow: hidden; text-indent: -9999px; background: url(../images/template/video-play-icon.png) no-repeat 50% 50%; -webkit-background-size: 100px 100px; -moz-background-size: 100px 100px; -o-background-size: 100px 100px; background-size: 100px 100px; } #visual-details .youtube { height: 251px; overflow: hidden; } #visual-details .youtube img { width: 382px; height: 287px; margin-top: -16px; } #location-map { background: url(../images/template/location-details-map.png) no-repeat 74px 0; height: 379px; } #location-map h2 { float: left; width: 74px; height: 370px; overflow: hidden; text-indent: -9999px; background: url(../images/template/heading-location-map.gif) no-repeat 0 0; } #location-map #map { float: left; width: 383px; height: 370px; overflow: hidden; } /* CONTACT - LOCATIONS */ #our-location {} #our-location .location { margin: 0 0 20px; } #our-location .location .default-txt { float: left; width: 450px; } #our-location .location .photo { float: right; width: 309px; margin: 0 0 0 20px; padding: 10px; } #our-location .location .photo p { font-size: 12px; line-height: 14px; text-transform: uppercase; padding: 5px 0 0; text-align: right; margin: 0 -7px 0 0; } #our-location .location .photo img { display: block; box-shadow: 0px 1px 3px #bbb; border: 3px solid #fff; width: 100%; } #our-location .location .photo a:hover { color: #134775; } body.browser-ie8 #our-location .photo img { padding: 3px; border: 1px solid #ccc; } /* FOOTER */ footer { background: #134775; } #legal-and-development { text-align: center; padding: 20px 0; background: #fff; clear: both; } #legal-and-development p { font-size: 18px; line-height: 22px; } #legal-and-development a { color: #78777b; } #legal-and-development a:hover { color: #134775; } #footer-content { background: url(../images/template/footer-logo.png) no-repeat 45px 35px; padding: 45px 0 30px 340px;} #footer-content .col { float: left; } #footer-content h4 { padding: 0 0 10px 30px; font-size: 20px; line-height: 24px; color: #f0a809; text-transform: uppercase; background: url(../images/template/footer-arrow.png) no-repeat 0 5px; } #footer-content ul { padding: 0 0 0 30px; list-style: none; } #footer-content li { font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 0 5px; } #footer-content li a { color: #fff; } #footer-content li a:hover { text-decoration: underline; } #links-potential-residents { float: left; width: 412px; overflow: hidden; } #links-potential-residents li { margin: 0 0 10px; } #links-potential-residents li a { text-decoration: underline; } #links-potential-residents li a:hover { text-decoration: underline; } #links-potential-residents .links-list { margin: 0 0 15px; } #links-potential-residents p { font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 0 0 30px; } #links-potential-residents p a { color: #f0a809; } #links-potential-residents p a:hover { text-decoration: underline; } #links-residents { float: left; width: 480px; overflow: hidden; } #links-residents .links-list { margin: 0 0 47px; } #links-contact { float: right; width: 260px; overflow: hidden; } #contact-info { margin: -2px 0 30px 30px; } #contact-info h5 { font-size: 20px; line-height: 23px; font-weight: 300; color: #fff; font-weight: 700; margin: 0 0 5px; } #contact-info p { font-size: 20px; line-height: 23px; font-weight: 300; color: #fff; margin: 0 0 8px; } #contact-info strong {} #contact-info a { color: #fff; } #sharing-tools { float: left; position: fixed; top: 620px; right: 0; width: 100px; height: 59px; padding: 25px 0 0 67px; background: url(../images/template/sharing-bkg.png) no-repeat 0 0; z-index: 100; list-style: none; } #sharing-tools li { float: left; margin-left: 18px; } #sharing-tools li:first-child { margin-left: 0; } #print-page a { width: 31px; height: 29px; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/template/icon-print.png) no-repeat 0 0; } #forward-page a { width: 32px; height: 27px; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/template/icon-forward.png) no-repeat 0 0; } #forward-page { margin-top: -3px; } #sharing-tools li a:hover { background-position: 0 -50px; } /* FANCYBOX */ #fancybox-left span { left: 20px; } #fancybox-right span { left: auto; right: 20px; } #photo-and-map:after, #secondary-nav:after, #management-team:after, #our-location .location:after, #commerical-map-and-intro #intro .location-list:after, #location-map:after, #visual-details:after, .building-layer:after, .building-layer .inner:after, #rental-map-and-intro:after, #commerical-map-and-intro:after, #filter ul:after, #management-team .member:after, form .actions:after, .pagination:after, #legal-and-development:after, #menu-footer ul:after, #footer-content:after, nav ul:after, .row:after, .grid:after, .field:after, .default-txt:after, header:after, footer:after, #page-content:after, #content:after, #content-inner:after, #layout:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } body.page-id-57 #header-photo h1 { color:#134775 } .page-id-26 #covid-wrapper{ display:none; } #covid-wrapper{ position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; background-color: #efa72a; color: #000; font-family: lato; font-weight: 600; font-size: 20px; padding-top: 16px; padding-left:5%; padding-right:5%; padding-bottom: 13px; box-sizing: border-box; z-index:9999; } #covid-wrapper a{ font-weight: 600; font-size: 20px; color: #000; } #covid-close { position: absolute; right: 20px; cursor:pointer; } @media only screen and (max-width: 1526px) { p, li, dd, dt, label, legend, td, th, caption, blockquote { font-size: 16px; line-height: 24px; } .grid { width: 998px; } #content { background: url(../images/template/content-bkg-tablet.gif) repeat-y 50% 0; } main { float: left; width: 605px; margin: 0 0 0 30px; } aside { float: right; width: 378px; margin-right: -58px; } body.layout-commercial-properties main, body.layout-rental-listing main { width: 998px; margin: 0; } body.layout-building-details main { width: 998px; } #content { padding: 33px 0; } body.home #content { padding: 42px 0 35px; } body.layout-rental-listing #content { padding: 33px 0 10px; } body.page-id-24 #content, body.page-id-44 #content, body.page-id-19 #content, body.page-id-18 #content { padding-top: 10px; } body.layout-building-details #content { padding: 33px 0 0; } body.layout-about-company #content { padding: 33px 0 20px; } body.home main { padding-top: 37px; } /* HEADER */ header .grid { height: 150px; } #logo { left: -58px; background: url(../images/template/logo-tablet.png) no-repeat 0 0; } .device-ipad #logo { background-position: 20px 0; } #logo, #logo a { width: 410px; height: 175px; } /* HEADER PHOTO */ #header-photo { height: 155px; } #header-photo img { margin-left: -555px; width: 1110px; } #header-photo p, #header-photo h1 { font-size: 65px; line-height: 65px; width: 950px; bottom: -7px; left: 50%; margin-left: -475px; } body.home #header-photo p { font-size: 100px; line-height: 100px; margin-left: -430px; bottom: -10px; } body.home.device-ipad #header-photo p { bottom: -13px; } body.home #header-photo { height: 240px; } body.layout-faq #header-photo h1 { text-transform: none; bottom: -1px; } body.device-ipad.layout-faq #header-photo h1 { bottom: -4px; } /* NAVIGATION */ #navigation-container { float: right; position: relative; padding: 121px 0 0; } #menu-header li { font: 600 12px/16px Lato, Arial, sans-serif; margin: 0 0 0 8px; padding: 0 0 0 10px; background: url(../images/template/nav-divider-medium.png) no-repeat 0 3px; } #menu-header li:first-child { margin-left: 0; background: 0; padding: 0; } #menu-header li a { padding: 0 0 13px; } #menu-header li ul { width: 126px; padding: 2px 10px; margin-left: -63px; } #menu-header li.over ul { top: 29px; } #menu-header li li { font: 12px/14px Lato, Arial, sans-serif; } #menu-header li li a { padding: 10px 0; } #secondary-nav li { font-size: 12px; line-height: 15px; } #secondary-nav li a { padding: 5px 11px; } #secondary-nav li a:hover { } /* VIEW RENTALS LISTING */ #view-our-rental-listings { width: 378px; height: auto; background: #134775; margin: 0 0 13px; } #view-our-rental-listings .inner { padding: 10px 0 15px; } #view-our-rental-listings h2 { font-size: 20px; line-height: 21px; padding: 10px 0 10px 65px; width: 180px; background: url(../images/template/arrow-medium.png) no-repeat 15px 50%; margin: 0 0 5px; } #view-our-rental-listings ul { margin-left: 65px; } #view-our-rental-listings li { font-size: 15px; line-height: 19px; background: url(../images/template/li-dot-white-medium.png) no-repeat 0 7px; padding: 0 0 0 10px; margin: 0 0 8px; } aside .link-arrange-a-viewing { font-size: 16px; line-height: 20px; margin: 0 56px 0 0; } aside .link-arrange-a-viewing a { padding: 10px 10px; } /* ARTICLE */ body.attachment h1, h2#commercial-heading, #arrange-a-viewing-form-container h2, #service-request-form-container h2, #content .default-txt h2 { font: 20px/25px Lato, Arial, sans-serif; margin: 0 0 13px; } body.home #content .default-txt h2 { margin: 0 0 16px; } h2#commercial-heading { margin-left: 30px; padding-top: 0; margin-bottom: 30px; } .default-txt h2 { } .default-txt p + h2 { padding-top: 16px; } .default-txt h3 { font-size: 16px; line-height: 24px; } .default-txt p + h3 { padding-top: 16px; } .default-txt h4 { font-size: 16px; line-height: 24px; } .default-txt h5 { font-size: 16px; line-height: 24px; } .default-txt h6 { font-size: 16px; line-height: 24px; } .default-txt p, .default-txt ul, .default-txt ol, .default-txt table, .default-txt dl { margin-bottom: 16px; } .default-txt p.arrow { padding: 2px 0 2px 32px; margin: 0 0 9px; background: url(../images/template/content-arrow-medium.png) no-repeat 0 5px; } .default-txt p + p.arrow { margin-top: 20px; } .default-txt p.arrow + p.arrow { margin-top: 0px; } .default-txt ul li { padding: 0 0 0 15px; background: url(../images/template/li-dot-medium.png) no-repeat 0 10px; } .default-txt blockquote, .default-txt blockquote * { font-size: 20px; line-height: 29px; } body.layout-contact .default-txt p + p { margin-top: -8px; } body.layout-contact .default-txt p + h3 { padding-top: 8px; } body.layout-contact .default-txt p.careers, body.layout-contact .default-txt p.email { margin-top: 15px; } /* 23/35 */ .txt-23-35 p, .txt-23-35 li, .txt-23-35 dd, .txt-23-35 dt, .txt-23-35 td, .txt-23-35 th, .txt-23-35 caption { font-size: 16px; line-height: 24px; } .txt-23-35 p, .txt-23-35 ul, .txt-23-35 ol, .txt-23-35 table, .txt-23-35 dl { margin-bottom: 15px; } .txt-23-35 ul li { background-position: 0 11px; } .txt-23-35 blockquote, .txt-23-35 blockquote * { font-size: 20px; line-height: 29px; } /* 18/20 */ .txt-18-20 p, .txt-18-20 li, .txt-18-20 dd, .txt-18-20 dt, .txt-18-20 td, .txt-18-20 th, .txt-18-20 caption { font-size: 15px; line-height: 18px; } .txt-18-20 p, .txt-18-20 ul, .txt-18-20 ol, .txt-18-20 table, .txt-18-20 dl { margin-bottom: 13px; } .txt-18-20 ul li { background: url(../images/template/li-dot-white-medium.png) no-repeat 0 8px; } #content .txt-18-20 h2, #content .txt-18-20 h3, #content .txt-18-20 h4, #content .txt-18-20 h5, .txt-18-20 h6 { font-size: 16px; line-height: 18px; } /* RENTALS APPLICATION LINKS */ #rental-application-links { width: 378px; height: auto; background: #134775; margin: 0 0 13px 0; padding: 0 0 18px; } #rental-application-links .inner { background: 0; padding: 0; } #rental-application-links h2 { font-size: 17px; line-height: 20px; padding: 11px 0 11px 45px; margin: 0 56px 15px 0; } #rental-application-links ul { margin-left: 45px; } #rental-application-links li { font-size: 15px; line-height: 19px; background: url(../images/template/li-dot-white-medium.png) no-repeat 0 7px; padding: 0 0 0 10px; margin: 0 0 8px; } #rental-application-links li:first-child { margin: 0 0 8px; } /* MANAGEMENT TEAM */ #management-team { height: auto; background: #134775; width: auto; margin: 0 0 13px 0; padding: 10px 0 18px 15px; } #management-team .inner { background: 0; padding: 0; } #management-team h2 { width: 250px; font-size: 20px; line-height: 21px; padding: 10px 0 10px 50px; background: url(../images/template/arrow-medium.png) no-repeat 0 50%; margin: 0 0 5px; } #management-team .member { margin: 13px 0 0; } #management-team h2 + .member { margin: 5px 0 0; } #management-team .photo { width: 90px; } #management-team .photo img { width: 100%; display: block; } #management-team .description { width: 204px; margin: 0 0 0 5px; padding: 4px 5px; min-height: 102px; height: auto !important; height: 102px; } #management-team .description p { font-size: 13px; line-height: 17px; } #management-team h3 { font-size: 16px; line-height: 20px; margin: 0 0 3px; } #management-team h3 span { font-size: 16px; line-height: 20px; } #management-team .description a.more { font-size: 12px; } #management-team .additional-description { padding: 5px 0 0; } #management-team .contact { padding: 10px 0 0; } #management-team .contact span { font-size: 12px; } /* RENTALS PAGE */ #filter { margin: 3px 0 28px 30px; } #filter ul li { font-size: 17px; line-height: 20px; background: url(../images/template/filter-divider-medium.png) no-repeat 0 3px; padding: 1px 0 0 12px; margin: 0 0 0 10px; } #filter ul li:first-child { font-size: 20px; line-height: 20px; } #filter ul li.all { background: 0; padding: 0; margin: 0; } #filter ul li.filter-1 { background: 0; } body.layout-building-details #filter { padding: 0 25px 0 30px; margin-bottom: 30px; } #listing-map-and-intro { width: 938px; height: 282px; background: url(../images/template/listing-map-and-intro-medium.jpg) no-repeat 0 0; margin: 0 0 19px 30px; } #listing-map-and-intro #intro { width: 517px; } #listing-map-and-intro #intro h2 { font-size: 24px; line-height: 29px; height: 172px; } #listing-map-and-intro #intro h2 span { padding: 20px 20px 28px; } #listing-map-and-intro #intro p.location { font-size: 21px; line-height: 23px; margin: 0 0 10px 20px; } #listing-map-and-intro #intro p.click-below { font-size: 14px; line-height: 20px; margin-left: 20px; } #listing-map-and-intro #intro p.link-arrange-a-viewing { font-size: 17px; line-height: 19px; width: 322px; top: 203px; right: -30px; } #listing-map-and-intro #intro p.link-arrange-a-viewing a { padding: 11px; } #listing-map-and-intro #map-wrapper { top: 7px; left: 8px; width: 630px; height: 410px; background: url(../images/template/map-bkg-medium.png) no-repeat 0 0; } #listing-map-and-intro #map { width: 411px; height: 265px; margin: 0 0 0 1px; } #rental-list .row { padding: 0 0 0 30px; margin: 0 0 20px; } #rental-list .row:first-child { padding: 28px 0 28px 30px; } #rental-list .building { width: 181px; height: 119px; margin: 0 0 0 9px; } #rental-list .building:first-child { margin: 0; } #rental-list .intro { width: 161px; height: 99px; padding: 10px; } #rental-list .intro h3 { font-size: 21px; line-height: 22px; padding: 14px 0 0; margin: 0 0 5px; } #rental-list .intro p { font-size: 15px; line-height: 19px; margin: 0 0 8px; } #rental-list .intro p.more { font-size: 14px; line-height: 19px; } #rental-list .intro p.more a { padding: 0 0 0 20px; background: url(../images/template/listing-arrow-medium.png) no-repeat 0 50%; } #rental-list .photo img { width: 100%; } /* COMMERCIAL PROPERTIES */ #commerical-map-and-intro { width: 938px; height: 282px; background: url(../images/template/listing-map-and-intro-medium.jpg) no-repeat 0 0; margin: 0 0 29px 30px; } #commerical-map-and-intro #map-wrapper { top: 8px; left: 7px; width: 372px; height: 270px; background: url(../images/template/map-bkg-2-medium.png) no-repeat 0 0; } #commerical-map-and-intro #map { width: 368px; height: 265px; margin: 0 0 0 1px; } #commerical-map-and-intro #intro { width: 561px; } #commerical-map-and-intro #intro h2 { font-size: 24px; line-height: 30px; margin: 0 0 5px; } #commerical-map-and-intro #intro h2 span { padding: 6px 15px 9px 64px; } #commerical-map-and-intro #intro .location-list { margin: 0 0 10px 64px; } #commerical-map-and-intro #intro .location-list li { font-size: 21px; line-height: 23px; background: url(../images/template/location-list-divider-medium.png) no-repeat 0 5px; margin: 0 0 0 10px; padding: 0 0 0 10px; } #commerical-map-and-intro #intro .location-list li:first-child { background: 0; margin: 0; padding: 0; } #commerical-map-and-intro #intro p.click-below { font-size: 14px; line-height: 19px; margin-left: 64px; } #commerical-map-and-intro #intro .default-txt { padding: 5px 35px 0 64px; } #commerical-map-and-intro #intro .default-txt p { margin: 0; } #commercial-list { width: 561px; margin: 0 30px 0 0; } #commercial-list .row { padding: 1px 0 14px; } #commercial-list .building { width: 181px; height: 119px; margin: 0 0 0 9px; } #commercial-list .building:first-child { margin: 0; } #commercial-list .intro { width: 161px; height: 99px; padding: 10px; } #commercial-list .intro h2 { font-size: 21px; line-height: 22px; padding: 14px 0 0; margin: 0 0 5px; } #commercial-list .intro p { font-size: 15px; line-height: 19px; margin: 0 0 8px; } #commercial-list .intro p.more { font-size: 14px; line-height: 19px;} #commercial-list .intro p.more a { padding: 0 0 0 20px; background: url(../images/template/listing-arrow-medium.png) no-repeat 0 50%;} #commercial-list .photo img { width: 100%; display: block; } #our-services { width: 325px; margin: 0 0 0 30px; } #our-services .default-txt h2 { margin: 0 0 5px; } #our-services li { margin: 0 0 3px; } .building-layer { width: 561px; padding: 20px 0; } .building-layer .description { width: 262px; } .building-layer .description h2 { font-size: 16px; line-height: 18px; margin: 0 0 5px; } .building-layer .spec p { font-size: 16px; line-height: 18px; margin: 0 0 5px; } .building-layer .contact h3 { font-size: 16px; line-height: 18px; } .building-layer .contact p { font-size: 16px; line-height: 18px; } .building-layer .photo { width: 224px; margin: 0 0 0 20px; } .building-layer .photo img { width: 100%; height: auto !important; display: block; } .building-layer .close { top: -5px; right: 15px; } /* FAQ */ #faq-list { width: 100%; } #faq-list .item { border-top: 1px solid #d3d3d3; padding: 6px 0 10px; } #faq-list .item h2 { font-size: 15px; line-height: 22px; } #faq-list .item h2 a { display: block; padding: 5px 20px 0 22px; color: #78777b; outline: 0; } #faq-list .item h2 a { background: url(../images/template/arrow-collapsed-medium.png) no-repeat 0 8px; } #faq-list .expanded h2 a { background: url(../images/template/arrow-expanded-medium.png) no-repeat 0 50%; } #faq-list .closing h2 a { background: url(../images/template/arrow-collapsed-medium.png) no-repeat 0 8px; } #faq-list .opening h2 a { background: url(../images/template/arrow-expanded-medium.png) no-repeat 0 50%; } #faq-list .default-txt { margin-left: 23px; } /* SERVICE REQUEST FORM */ #arrange-a-viewing-form-container .field, #service-request-form-container .field { margin: 0 0 20px; } #arrange-a-viewing-form #fields-wrapper, #service-request-form #fields-wrapper { padding: 25px 30px 5px; margin: 0 0 10px; } #arrange-a-viewing-form-container label, #service-request-form-container label { font-size: 14px; line-height: 19px; width: 90px; } #arrange-a-viewing-form-container label { width: 100px; } #arrange-a-viewing-form-container .type-text input { width: 420px; } #service-request-form-container .type-text input { width: 430px; } #service-request-form-container .type-radio a { top: -2px; } #service-request-form-container .type-radio { padding: 0 0 5px 30px; margin: 0 0 5px; } #service-request-form-container .type-radio label { width: 435px; padding: 4px 0 0; } #service-request-form-container .type-textarea label { padding: 0 0 20px; } #service-request-form-container textarea { width: 518px; height: 135px; } #arrange-a-viewing-form-container .required-fields, #service-request-form-container .required-fields { font-size: 14px; line-height: 18px; padding: 0 0 20px; } #arrange-a-viewing-form-container .actions { padding: 20px 0 0; } #service-request-form-container .actions { padding: 20px 0 0; } #arrange-a-viewing-form-container .actions input, #service-request-form-container .actions input, #service-request-form-container .actions img, #arrange-a-viewing-form-container .actions img { height: 35px; width: auto; } #arrange-a-viewing-form-container .box, #service-request-form-container .box { font-size: 15px; line-height: 18px; } #arrange-a-viewing-form-container .box h5, #service-request-form-container .box h5 { font-size: 15px; line-height: 18px; } #error-container-arrange-a-viewing-form label.error, #error-container-service-request-form label.error { font-size: 14px; line-height: 21px; margin: 0 0 5px; } #arrange-a-viewing-form-container label.error, #service-request-form-container label.error { left: 90px; } #arrange-a-viewing-form-container label.error { left: 100px; } /* BUILDING DETAILS */ #building-main-data { width: 645px; } #building-spec { margin-top: 0; padding: 0 0 13px; } #building-spec h1 { font-size: 19px; line-height: 24px;} #building-spec p { font-size: 16px; line-height: 24px; } #building-details { float: left; width: 290px; overflow: hidden; margin: 0 0 20px; } #building-details.default-txt h2 { font-size: 16px; line-height: 20px; margin-bottom: 5px; font-weight: 700; } #building-details p { } #building-details p + h3 { margin-top: -20px; } #building-sidebar { width: 320px; margin: 0 0 15px; } #building-sidebar .links { padding: 5px 0 25px; } #building-sidebar .links li { font-size: 17px; line-height: 20px; margin: 0 0 6px; } #building-sidebar .links a { padding: 10px 0; } #building-amenities { background: url(../images/template/amenities-divider.png) no-repeat 0 0; padding: 30px 30px 0 0; margin: 0 0 20px; } #building-amenities h2 { font-size: 16px; line-height: 19px; margin: 0 0 10px; } #building-amenities li { margin-bottom: 8px; } #photo-and-map { width: 325px; padding: 22px 0 0; height: 440px; background: url(../images/template/gallery-and-map-tablet-vertical-bkg.gif) repeat-y 0 0; } #visual-details { margin: 0 0 40px; } #visual-details h2 { width: 50px; height: 252px; background: url(../images/template/heading-location-map-tablet-vertical.gif) no-repeat 0 0; } #visual-details .photos { width: 256px; } #visual-details .photo-1 { margin: 0 0 12px; } #visual-details .photo-2 { width: 121px; } #visual-details .photo-3 { width: 121px; } #visual-details .photo img { display: block; width: 100%; } #visual-details .play-button { width: 256px; height: 168px; -webkit-background-size: 70px 70px; -moz-background-size: 70px 70px; -o-background-size: 70px 70px; background-size: 70px 70px; } #visual-details .youtube { height: 168px; overflow: hidden; } #visual-details .youtube img { width: 256px; height: 192px; margin-top: -12px; } #location-map { background: url(../images/template/location-details-map-tablet-horizontal.png) no-repeat 49px 0; height: 251px; } #location-map h2 { width: 50px; height: 246px;background: url(../images/template/heading-visual-details-tablet-vertical.gif) no-repeat 0 0; } #location-map #map { width: 255px; height: 246px; } /* CONTACT - LOCATIONS */ #our-location .location { margin: 0 0 7px; } #our-location .location .default-txt { width: 350px; } #our-location .location .photo { width: 209px; } #our-location .location .photo img { width: 100%; } /* FOOTER */ #legal-and-development { padding: 13px 0; } #legal-and-development p { font-size: 12px; line-height: 16px; } #footer-content { background: url(../images/template/footer-logo-medium.png) no-repeat 28px 23px; padding: 30px 0 20px 220px; } #footer-content h4 { padding: 0 0 10px 20px; font-size: 13px; line-height: 14px; background: url(../images/template/footer-arrow-medium.png) no-repeat 0 2px; } #footer-content ul { padding: 0 0 0 20px; } #footer-content li { font-size: 14px; line-height: 16px; margin: 0 0 4px; } #links-potential-residents { width: 273px; } #links-potential-residents li { margin: 0 0 7px; } #links-potential-residents .links-list { margin: 0 0 5px; } #links-potential-residents p { font-size: 14px; line-height: 16px; margin: 0 0 0 20px; padding: 0 0 5px; } #links-residents { width: 296px; } #links-residents .links-list { margin: 0 0 25px; } #links-contact.col { width: 190px; float: right; } #contact-info { margin: 0 0 20px 20px; } #contact-info h5 { font-size: 14px; line-height: 16px; margin: 0; } #contact-info p { font-size: 14px; line-height: 16px; margin: 0 0 8px; } #sharing-tools { width: 68px; height: 66px; padding: 15px 0 0 42px; background: url(../images/template/sharing-bkg-tablet-landscape.png) no-repeat 0 0; } #sharing-tools li { margin-left: 10px; } #sharing-tools li:first-child { margin-left: 0; } #print-page a { width: 25px; height: 25px; background: url(../images/template/icon-print-tablet.png) no-repeat 0 0; } #forward-page a { width: 25px; height: 25px; background: url(../images/template/icon-forward-tablet.png) no-repeat 0 0; } #sharing-tools #print-page a:hover { background-position: 0 -40px; } #sharing-tools #forward-page a:hover { background-position: 0 -39px; } #forward-page { margin-top: -1px; } } @media only screen and (max-width: 1023px) { .grid { width: 728px; } #content { background: url(../images/template/content-bkg-tablet-vertical.gif) repeat-y 50% 0; } main { float: none; width: 100%; margin: 0; padding: 0; } aside { float: none; width: 100%; margin: 0; padding: 20px 0 0; } body.layout-commercial-properties main, body.layout-rental-listing main { width: 100%; margin: 0; } body.layout-building-details main { width: 100%; } body.layout-building-details #content .grid { width: 768px; } body.layout-commercial-properties main, body.layout-rental-listing main { overflow: visible; } body.home main { padding-top: 0; } /* HEADER */ header .grid { height: 162px; background: #fff; } #logo { left: 253px; top: 50px; background: url(../images/template/logo-mobile.png) no-repeat 0 0; } .device-ipad #logo { background-position: 0 0; } #logo, #logo a { width: 225px; height: 65px; } /* HEADER PHOTO */ #header-photo { height: 138px; } #header-photo img { margin-left: -500px; width: 1000px; } #header-photo p, #header-photo h1 { font-size: 60px; line-height: 65px; width: 768px; bottom: -9px; left: 50%; margin-left: -384px; text-align: center; } .device-ipad #header-photo p, .device-ipad #header-photo h1 { bottom: -11px; } body.home #header-photo p { font-size: 80px; line-height: 85px; margin-left: -384px; bottom: -12px; text-align: center; } body.home.device-ipad #header-photo p { bottom: -15px; } body.home #header-photo { height: 215px; } body.layout-faq #header-photo h1 { text-transform: none; bottom: -1px; } body.device-ipad.layout-faq #header-photo h1 { bottom: -8px; } /* NAVIGATION */ #navigation-container { float: none; position: absolute; top: 162px; left: 0; padding: 0; width: 100%; } #navigation-container #mobile-menu { position: static; top: 0; left: 0; height: 27px; width: 100%; background: #0f4876; } #navigation-container #mobile-menu a { font-size: 14px; line-height: 16px; padding: 4px 0 6px; text-transform: uppercase; color: #fff; display: block; text-align: center; } #navigation-elements-wrapper { background: url(../images/template/mobile-submenu-bkg.png); display: none; } #navigation-elements-wrapper { box-shadow: 0px 2px 2px #888; } #menu-header { float: none; padding: 13px 0 5px; } #menu-header ul { float: none; list-style: none; padding: 0; } #menu-header li { float: none; font: 700 13px/20px Lato, Arial, sans-serif; margin: 0 0 12px; padding: 0; background: 0; } #menu-header li:first-child { margin-left: 0; background: 0; padding: 0; } #menu-header li a { padding: 0; } #menu-header li a:hover { color: #f0a809; } #menu-header li ul { width: auto; padding: 0 27px; margin: 0; background: 0; } #menu-header li.over ul { top: 0; position: static; } #menu-header li ul { display: none; position: static; overflow: visible; left: 0; top: 0; } #menu-header li li { font: 12px/14px Lato, Arial, sans-serif; border-top: 0; border-bottom: 1px solid #fff !important; } #menu-header li li a { padding: 6px 0; } #secondary-nav { float: none; position: static; width: 100%; } #secondary-nav li { font-size: 10px; line-height: 12px; font-weight: 700; margin: 0; float: right; width: 45%; } #secondary-nav li:first-child { float: left; width: 45%; } #secondary-nav li a { padding: 7px 10px; display: block; float: none; text-align: center; } /* VIEW RENTALS LISTING */ #view-our-rental-listings { width: 378px; height: auto; margin: 0 auto 13px; padding: 0 0 15px; } aside .link-arrange-a-viewing { margin: 0 auto; width: 378px; } /* ARTICLE */ h2#commercial-heading { margin: 0 0 28px; } /* RENTALS APPLICATION LINKS */ #rental-application-links { width: 378px; margin: 0 auto; } /* MANAGEMENT TEAM */ #management-team { margin: 0; padding: 10px 15px 18px; width: auto; } #management-team .member { margin: 13px 0 0; } #management-team .photo { width: 132px; } #management-team .description { width: 538px; margin: 0 0 0 8px; padding: 4px 10px; min-height: 153px; height: auto !important; height: 153px; } /* RENTALS PAGE */ #filter { margin: 3px 0 28px 0; } #filter ul li { background: url(../images/template/filter-divider-medium.png) no-repeat 0 50%; } body.layout-building-details #filter { margin: 3px 0 28px 20px; padding: 0; } #listing-map-and-intro { width: 100%; height: auto; background: url(../images/template/map-bkg-tablet-vertical.jpg) repeat-y 0 0; margin: 0 0 19px; padding: 120px 0 0; } #listing-map-and-intro #intro { float: none; width: 100%; } #listing-map-and-intro #intro h2 { position: absolute; top: 0; left: 0; width: 728px; } #listing-map-and-intro #intro h2 span { padding: 20px 20px 28px; } #listing-map-and-intro #intro p.location { font-size: 21px; line-height: 23px; margin: 0 0 10px; text-align: center; } #listing-map-and-intro #intro p.click-below { font-size: 14px; line-height: 20px; margin: 0 0 15px; text-align: center; } #listing-map-and-intro #intro p.link-arrange-a-viewing { width: 322px; position: static; margin: 0 auto; } #listing-map-and-intro #map-wrapper { top: 0; left: 10px; position: relative; width: 716px; height: 401px; margin: 0 0 20px; background: url(../images/template/map-tablet-vertical-shadow.png) no-repeat 0 0; } #listing-map-and-intro #map { width: 709px; height: 393px; margin: 0 0 0 1px; } #rental-list #desktop-list { display: none; } #rental-list #list-4-col { display: block; width: 100%; } #rental-list #list-4-col .row { padding: 0 20px 0; width: 728px; margin: 0 -20px 20px; } #rental-list #list-4-col .row:first-child { padding: 28px 20px 28px; } #rental-list #list-4-col .building { width: 345px; height: 227px; margin: 0; float: right; } #rental-list #list-4-col .building:first-child { margin: 0; float: left; } #rental-list #list-4-col .intro { width: 325px; height: 207px; padding: 10px; } #rental-list #list-4-col .intro h3 { padding: 74px 0 0; margin: 0 0 5px; } #rental-list #list-4-col .intro p { margin: 0 0 8px; } #rental-list #list-4-col .intro p.more { } #rental-list #list-4-col .intro p.more a { padding: 0 0 0 20px; background: url(../images/template/listing-arrow-medium.png) no-repeat 0 50%; } #rental-list #list-4-col .photo img { width: 100%; } /* COMMERCIAL PROPERTIES */ #commerical-map-and-intro { width: 100%; height: auto; background: url(../images/template/map-bkg-tablet-vertical.jpg) repeat-y 0 0; margin: 0 0 30px; padding: 120px 0 20px; } #commerical-map-and-intro #map-wrapper { top: 0; left: 10px; position: relative; width: 716px; height: 401px; margin: 0 0 20px; background: url(../images/template/map-tablet-vertical-shadow.png) no-repeat 0 0; } #commerical-map-and-intro #map { width: 709px; height: 393px; margin: 0 0 0 1px; } #commerical-map-and-intro #intro { float: none; width: 100%; } #commerical-map-and-intro #intro h2 { position: absolute; top: 0; left: 0; width: 728px; } #commerical-map-and-intro #intro h2 span { padding: 20px 20px 28px; } #commerical-map-and-intro #intro .location-list { margin: 0 0 10px 270px; } #commerical-map-and-intro #intro .location-list li { background: url(../images/template/filter-divider-medium.png) no-repeat 0 50%; } #commerical-map-and-intro #intro .location-list li:first-child { background: 0; } #commerical-map-and-intro #intro .default-txt { padding: 5px 10px 20px; } #commerical-map-and-intro #intro p.click-below { margin: 0 auto; text-align: center; } #commercial-list { float: none; width: 100%; margin: 0 auto 20px; overflow: visible; } #commercial-list #list-4-col .row { padding: 1px 20px 24px; margin: 0 -20px 0; width: 728px; } #commercial-list #list-4-col .even { margin-bottom: 0; } #commercial-list #list-4-col .building { width: 345px; height: 227px; margin: 0; float: right; } #commercial-list #list-4-col .building:first-child { margin: 0; float: left; } #commercial-list #list-4-col .intro { width: 325px; height: 207px; padding: 10px; } #commercial-list #list-4-col .intro h2 { padding: 74px 0 0; margin: 0 0 5px; } #commercial-list #list-4-col .intro p { margin: 0 0 8px; } #commercial-list #list-4-col .intro p.more { } #commercial-list #list-4-col .intro p.more a { padding: 0 0 0 20px; background: url(../images/template/listing-arrow-medium.png) no-repeat 0 50%; } #commercial-list #list-4-col .photo img { width: 100%; } #commercial-list #list-4-col .row { } #commercial-list #list-4-col .odd { } #commercial-list #desktop-list { display: none; } #commercial-list #list-4-col { display: block; } #our-services { width: 730px; margin: 0 auto; float: none; } .building-layer { width: 100%; padding: 20px 0; } .building-layer .description { width: 290px; } .building-layer .photo { width: 338px; margin: 0 0 0 20px; } .building-layer .close { top: -5px; right: 10px; } /* FAQ */ #faq-list { width: 80%; margin: 0; } #service-request-form-container .type-radio { margin: 0 0 15px; } #arrange-a-viewing-form-container .actions input, #service-request-form-container .actions input, #service-request-form-container .actions img, #arrange-a-viewing-form-container .actions img { height: auto; width: auto; } /* BUILDING DETAILS */ #building-main-data { width: 420px; padding: 0 0 100px 0; } #building-spec { width: 400px; margin: 0; padding-right: 20px; } #building-details { margin: 0; } #building-sidebar { float: none; width: 100%; } #building-sidebar .links { position: absolute; bottom: 0; right: 0; width: 420px; } #building-amenities { background: url(../images/template/amenities-divider.png) repeat-x 0 0; width: 390px; } /* CONTACT - LOCATIONS */ #our-location .location { margin: 0 0 7px; } #our-location .location .default-txt { width: 350px; } #our-location .location .photo { width: 309px; float: right; } /* FOOTER */ #footer-content { background: url(../images/template/footer-logo-medium.png) no-repeat 50% 23px; padding: 100px 0 20px; } #links-potential-residents { width: 250px; } #links-residents { width: 256px; } #links-contact.col { width: 190px; float: right; } #sharing-tools { position: absolute; top: 340px !important; } } @media only screen and (max-width: 748px) { p, li, dd, dt, label, legend, td, th, caption, blockquote { font-size: 14px; line-height: 21px; } .grid { width: 460px; } #content { background: #fff; } aside { float: none; width: 100%; margin: 0; padding: 20px 0 0; } body.layout-commercial-properties main, body.layout-rental-listing main { width: 100%; margin: 0; } /* body.layout-building-details main { width: 994px; } */ #content { padding: 33px 0 30px; } body.home #content { padding: 50px 0 40px; } body.layout-rental-listing #content { padding: 15px 0 30px; } body.layout-commercial-properties #content { padding: 15px 0 30px; } body.layout-building-details #content .grid { width: 460px; } body.layout-building-details #content { padding: 15px 0 0; } body.home main { padding-top: 0; } /* HEADER */ header .grid { height: 162px; background: #fff; border: 0; } #logo { left: 118px; top: 50px; background: url(../images/template/logo-mobile.png) no-repeat 0 0; } #logo, #logo a { width: 225px; height: 65px; } /* HEADER PHOTO */ #header-photo { height: 138px; } #header-photo img { margin-left: -400px; width: 800px; top: auto; bottom: 0; } #header-photo .desktop { display: none; } #header-photo .mobile-h { display: block; } #header-photo .mobile-v { display: none; } #header-photo p, #header-photo h1 { font-weight: 300; font-size: 32px; line-height: 34px; width: 460px; bottom: -3px; left: 50%; margin-left: -230px; text-align: center; } body.home #header-photo p { font-size: 32px; line-height: 34px; margin-left: -230px; bottom: -4px; } body.home #header-photo { height: 253px; } body.layout-faq #header-photo h1 { text-transform: none; bottom: -1px; } /* VIEW RENTALS LISTING */ #view-our-rental-listings { width: auto; height: auto; margin: 0 auto 13px; padding: 0 0 15px; } #view-our-rental-listings h2 { margin: 0 0 8px; } #view-our-rental-listings li { margin: 0 0 11px; } aside .link-arrange-a-viewing { margin: 0 auto; width: auto; } /* ARTICLE */ h2#commercial-heading { margin: 0 0 10px; } body.home #content .default-txt h2 { margin: 0 0 12px; } .default-txt h2 { } .default-txt p + h2 { padding-top: 10px; } .default-txt h3 { font-size: 14px; line-height: 21px; } .default-txt p + h3 { padding-top: 10px; } .default-txt h4 { font-size: 14px; line-height: 21px; } .default-txt h5 { font-size: 14px; line-height: 21px; } .default-txt h6 { font-size: 14px; line-height: 21px; } .default-txt p, .default-txt ul, .default-txt ol, .default-txt table, .default-txt dl { margin-bottom: 14px; } .default-txt p.arrow { margin: 0 0 9px; background: url(../images/template/content-arrow-medium.png) no-repeat 0 4px; } .default-txt p + p.arrow { margin-top: 15px; } .default-txt p.arrow + p.arrow { margin-top: 0px; } .default-txt ul li { background: url(../images/template/li-dot-medium.png) no-repeat 0 9px; } .default-txt blockquote, .default-txt blockquote * { font-size: 20px; line-height: 25px; } /* 23/35 */ .txt-23-35 p, .txt-23-35 li, .txt-23-35 dd, .txt-23-35 dt, .txt-23-35 td, .txt-23-35 th, .txt-23-35 caption { font-size: 16px; line-height: 24px; } .txt-23-35 p, .txt-23-35 ul, .txt-23-35 ol, .txt-23-35 table, .txt-23-35 dl { margin-bottom: 15px; } .txt-23-35 ul li { background-position: 0 10px; } body.home #article-container { padding: 0 0 10px; } body.home #article-container .txt-23-35 { text-align: center; } body.home #article-container .txt-23-35 a { font-weight: 600; } /* 18/20 */ .txt-18-20 p, .txt-18-20 li, .txt-18-20 dd, .txt-18-20 dt, .txt-18-20 td, .txt-18-20 th, .txt-18-20 caption { font-size: 14px; line-height: 17px; } .txt-18-20 p, .txt-18-20 ul, .txt-18-20 ol, .txt-18-20 table, .txt-18-20 dl { margin-bottom: 13px; } .txt-18-20 ul li { background: url(../images/template/li-dot-white-medium.png) no-repeat 0 8px; } #content .txt-18-20 h2, #content .txt-18-20 h3, #content .txt-18-20 h4, #content .txt-18-20 h5, .txt-18-20 h6 { font-size: 14px; line-height: 17px; } /* RENTALS APPLICATION LINKS */ #rental-application-links { width: 100%; margin: 0 auto; } #rental-application-links h2 { padding: 11px 45px 11px; margin: 0 0 15px; } /* MANAGEMENT TEAM */ #management-team { margin: 0; padding: 10px 15px 18px; width: auto; } #management-team .member { margin: 13px 0 0; } #management-team .photo { width: 132px; } #management-team .description { width: 270px; margin: 0 0 0 8px; padding: 4px 10px; min-height: 153px; height: auto !important; height: 153px; } #management-team .description p { font-size: 14px; line-height: 18px; } #management-team h3 { font-size: 17px; line-height: 22px; color: #fff; margin: 0 0 8px; } #management-team h3 span { font-size: 15px; line-height: 25px; color: #fff; font-weight: 300; } /* RENTALS PAGE */ #filter { margin: 3px 0 20px; } #filter ul li { background: url(../images/template/filter-divider-extra-small.png) no-repeat 0 50%; } body.layout-building-details #filter { margin: 3px 0 30px; } #listing-map-and-intro { width: 100%; height: auto; background: url(../images/template/map-bkg-mobile-horizontal.jpg) repeat-y 0 0; margin: 0 0 19px; padding: 80px 0 0; } #listing-map-and-intro #intro h2 { width: 460px; font-size: 21px; line-height: 26px; text-align: center; } #listing-map-and-intro #intro h2 span { padding: 10px 20px 13px; } #listing-map-and-intro #intro p.location { font-size: 21px; line-height: 26px; margin: 0 0 10px; } #listing-map-and-intro #intro p.click-below { font-size: 14px; line-height: 17px; margin: 0 0 15px; } #listing-map-and-intro #intro p.link-arrange-a-viewing { width: 100%; } #listing-map-and-intro #map-wrapper { top: 0; left: 10px; position: relative; width: 447px; height: 193px; margin: 0 0 10px; background: url(../images/template/map-mobile-landscape-shadow.png) no-repeat 0 0; } #listing-map-and-intro #map { width: 439px; height: 185px; margin: 0 0 0 1px; } .custom-tooltip-content { width: 200px; } #rental-list #list-4-col { background: #fff; padding: 30px 0 15px; } #rental-list #list-4-col .row:first-child, #rental-list #list-4-col .row { padding: 0; width: 460px; margin: 0; } #rental-list #list-4-col .building { margin: 0 auto 15px; float: none; } #rental-list #list-4-col .building:first-child { margin: 0 auto 15px; float: none; } #rental-list #list-4-col { } #rental-list #list-4-col .odd { background: 0; } #rental-list #list-4-col .highlighted:first-child, #rental-list #list-4-col .highlighted { margin: 0 auto; } #rental-list #list-4-col .building-5:first-child { margin-bottom: 15px; } #rental-list #list-4-col .highlighted { border: 10px solid #e1e0e1; border-width: 0 58px 15px 57px; } #rental-list #list-4-col .row:first-child .building:first-child { border-top-width: 15px; } body.page-id-24 #rental-list #list-4-col .highlighted, body.page-id-44 #rental-list #list-4-col .highlighted, body.page-id-19 #rental-list #list-4-col .highlighted, body.page-id-18 #rental-list #list-4-col .highlighted { border-color: #fff; } #rental-list #list-4-col .intro { padding: 10px; } #rental-list #list-4-col .intro h3 { padding: 50px 0 0; margin: 0 0 7px; font-size: 31px; line-height: 32px; } #rental-list #list-4-col .intro p { margin: 0 0 8px; font-size: 23px; line-height: 32px; } #rental-list #list-4-col .intro p.more { font-size: 21px; line-height: 28px; } #rental-list #list-4-col .intro p.more a { padding: 0 0 0 30px; background: url(../images/template/listing-arrow-mobile.png) no-repeat 0 50%; } /* COMMERCIAL PROPERTIES */ #commerical-map-and-intro { width: 100%; height: auto; background: url(../images/template/map-bkg-mobile-horizontal.jpg) repeat-y 0 0; margin: 0 0 19px; padding: 80px 0 0; } #commerical-map-and-intro #intro h2 { width: 460px; font-size: 21px; line-height: 26px; text-align: center; } #commerical-map-and-intro #intro h2 span { padding: 10px 20px 13px; } #commerical-map-and-intro #intro p.location { font-size: 21px; line-height: 26px; margin: 0 0 10px; } #commerical-map-and-intro #intro p.click-below { font-size: 14px; line-height: 17px; margin: 0 0 15px; } #commerical-map-and-intro #intro p.link-arrange-a-viewing { width: 100%; } #commerical-map-and-intro #map-wrapper { top: 0; left: 10px; position: relative; width: 447px; height: 193px; margin: 0 0 10px; background: url(../images/template/map-mobile-landscape-shadow.png) no-repeat 0 0; } #commerical-map-and-intro #map { width: 439px; height: 185px; margin: 0 0 0 1px; } #commerical-map-and-intro #intro .location-list { margin: 0 0 10px 143px; } #commerical-map-and-intro #intro .location-list li { background: url(../images/template/filter-divider-small.png) no-repeat 0 50%; } #commerical-map-and-intro #intro .location-list li:first-child { background: 0; } #commercial-list { margin: 0 auto 20px; padding: 30px 0 15px; background: #e1e0e1; } #commercial-list .building-placeholder { display: block; } #commercial-list #list-1-col .row { padding: 1px 0 24px; } #commercial-list #list-1-col .building:first-child, #commercial-list #list-1-col .building { margin: 0 auto; float: none; width: 345px; height: 227px; } #commercial-list #list-1-col .intro { width: 325px; height: 207px; padding: 10px; } #commercial-list #list-1-col .intro h2 { padding: 50px 0 0; margin: 0 0 7px; font-size: 31px; line-height: 32px; } #commercial-list #list-1-col .intro p { margin: 0 0 8px; font-size: 23px; line-height: 32px;} #commercial-list #list-1-col .intro p.more { font-size: 21px; line-height: 28px; } #commercial-list #list-1-col .intro p.more a { padding: 0 0 0 30px; background: url(../images/template/listing-arrow-mobile.png) no-repeat 0 50%;} #commercial-list #list-1-col .photo img { width: 100%; } #commercial-list #desktop-list { display: none; } #commercial-list #list-4-col { display: none; } #commercial-list #list-1-col { display: block; } #commercial-list #triangle { left: 50% !important; margin-left: -23px !important; } .building-layer .close { top: 0; right: 15px; } #our-services { width: 345px; } .building-layer .description { float: none; width: 345px; margin: 0 auto; } .building-layer .photo { float: none; width: 345px; margin: 0 auto 20px; } /* FAQ */ #faq-list { width: 100%; margin: 0 0 25px; } #faq-list .item h2 { font-size: 16px; line-height: 22px; } /* SERVICE REQUEST FORM */ #arrange-a-viewing-form-container .field, #service-request-form-container .field { margin: 0 0 20px; } #arrange-a-viewing-form #fields-wrapper, #service-request-form #fields-wrapper { padding: 10px 30px 5px; margin: 0 0 10px; } #arrange-a-viewing-form-container label, #service-request-form-container label { font-size: 14px; line-height: 19px; width: auto; float: none; display: block; } #arrange-a-viewing-form-container label { width: auto; } #arrange-a-viewing-form-container .type-text input, #service-request-form-container .type-text input { width: 378px; } #service-request-form-container .type-radio { margin: 0 0 15px; } #service-request-form-container .type-radio label { width: 415px; padding: 0; } #service-request-form-container textarea { width: 376px; } #service-request-form-container .type-textarea label { padding: 0; } #arrange-a-viewing-form-container .actions { padding: 20px 0 0 95px; } #service-request-form-container .actions { padding: 20px 0 0 95px; } #arrange-a-viewing-form-container .actions input, #service-request-form-container .actions input, #service-request-form-container .actions img, #arrange-a-viewing-form-container .actions img { height: auto; width: auto; } #arrange-a-viewing-form-container label.error, #service-request-form-container label.error { position: static; } /* BUILDING DETAILS */ #photo-and-map { float: none; width: 460px; height: auto; padding: 20px 0 0; margin: 0 auto 30px; height: auto; } #building-main-data { float: none; width: 100%; } #building-sidebar .links { width: 460px; } #visual-details .photos { width: 382px; } #visual-details h2 { height: 373px; background: url(../images/template/heading-visual-details-mobile-landscape.gif) no-repeat 0 50%; } #visual-details .photo-3, #visual-details .photo-2 { width: 185px; } #visual-details .play-button { width: 382px; height: 251px; -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px; } #visual-details .youtube { height: 251px; overflow: hidden; } #visual-details .youtube img { width: 382px; height: 287px; margin-top: -18px; } #location-map { background: url("../images/template/location-details-map-iphone-horizontal.png") no-repeat 49px 0; height: 370px; } #location-map h2 { height: 345px; background: url(../images/template/heading-location-map-mobile-landscape.gif) no-repeat 0 50%; } #location-map #map { height: 346px; width: 382px; } #building-spec { margin: 0 0 20px; } #building-spec h1 { font-size: 20px; line-height: 24px; margin: 0 0 3px; } #building-spec p { font-size: 15px; line-height: 21px; } #building-amenities { padding-right: 0; width: auto; } #building-amenities h2 { font-size: 14px; line-height: 16px; } /* CONTACT - LOCATIONS */ #our-location .location { margin: 0 0 7px; } #our-location .location .default-txt { width: 240px; margin: 0; } #our-location .location .photo { width: 200px; float: right; margin: 0; } /* FOOTER */ #footer-content { background: url(../images/template/footer-logo-small.png) no-repeat 50% 30px; padding: 125px 0 28px; } #footer-content h4 { font-weight: 700; } #links-potential-residents { width: 210px; float: left; margin: 0 0 20px; } #links-residents.col { width: 210px; float: right; margin: 0 0 20px; } #links-contact.col { width: 190px; float: none; clear: both; margin: 0 auto; } #contact-info h5 { margin: 0 0 5px; } #legal-and-development p { text-align: center; padding: 0 20px; } #sharing-tools { position: absolute; top: 370px !important; left: 50% !important; right: auto; margin-left: 180px; width: 52px; height: 93px; padding: 12px 0 0; background: url(../images/template/sharing-bkg-vertical.png) no-repeat 0 0; } #sharing-tools li:first-child, #sharing-tools li { float: none; margin: 0 auto 10px; width: 20px; } #print-page a { width: 20px; height: 22px; background: url(../images/template/icon-print-mobile.png) no-repeat 0 0; } #forward-page a { width: 20px; height: 25px; background: url(../images/template/icon-forward-mobile.png) no-repeat 0 0; } #sharing-tools #print-page a:hover { background-position: 0 -32px; } #sharing-tools #forward-page a:hover { background-position: 0 -31px; } } @media only screen and (max-width: 459px) { .grid { width: 274px; } /* HEADER */ #logo { left: 25px; } #header-photo img { margin-left: -160px; width: 320px; } body.home #header-photo p { color: #134775; } #header-photo .desktop { display: none; } #header-photo .mobile-h { display: none; } #header-photo .mobile-v { display: block; } body.layout-commercial-properties main, body.layout-rental-listing main { overflow: visible; } #secondary-nav li:first-child, #secondary-nav li { width: 135px; font-size: 11px; } body.layout-building-details #content .grid { width: 274px; } aside .link-arrange-a-viewing { font-size: 18px; line-height: 20px; } body.page-id-8 #header-photo h1 { font-size: 25px; line-height: 30px; bottom: -4px; } body.home #content .default-txt h2 { margin-right: 30px; margin-left: 30px; } /* RENTALS APPLICATION LINKS */ #rental-application-links ul { margin-right: 20px; } /* MANAGEMENT TEAM */ #management-team .photo { width: 132px; margin: 0 auto 20px; float: none; } #management-team .description { width: 224px; margin: 0 auto 8px; padding: 4px 10px; min-height: 0; height: auto !important; height: 0; float: none; } #management-team h2 { background: url("../images/template/arrow-small.png") no-repeat 0 50%; padding: 5px 0 5px 35px; } /* RENTALS PAGE */ #filter { margin: 3px 0 20px; } #layout #filter ul li:first-child, #filter ul li.filter-1, #filter ul li { font-size: 18px; line-height: 20px; background: url(../images/template/filter-divider-medium.png) no-repeat 100% 3px; padding: 1px 10px 0 0; margin: 0 8px 10px 0; } #filter ul li:first-child { font-size: 18px; line-height: 20px; padding-right: 10px !important; margin-right: 10px !important; } #filter ul li:first-child a { padding-right: 0; margin-right: 0; } #filter ul li.all { background: 0; padding: 0; margin: 0; } body.layout-building-details #filter { padding: 3px 0 11px; margin: 0; } #listing-map-and-intro { background: url(../images/template/map-bkg-mobile-vertical.jpg) repeat-y 0 0; margin: 0 0 25px; padding: 135px 0 0; } #listing-map-and-intro #intro h2 { width: 274px; } #listing-map-and-intro #intro h2 span { padding: 10px 20px 13px; } #listing-map-and-intro #intro p.location { font-size: 22px; line-height: 26px; margin: 0 0 10px; } #listing-map-and-intro #intro p.click-below { margin: 0 0 18px; } #listing-map-and-intro #map-wrapper { left: 5px; width: 269px; height: 177px; margin: 0 0 7px; background: url(../images/template/map-mobile-portrait-shadow.png) no-repeat 0 0; } #listing-map-and-intro #map { width: 261px; height: 168px; margin: 0 0 0 1px; } #rental-list #list-4-col { padding: 25px 0 15px; width: 320px; margin: 0 -23px; } #rental-list #list-4-col .row:first-child, #rental-list #list-4-col .row { padding: 0; width: 320px; } #rental-list #list-4-col .building { width: 274px; height: 179px; } #rental-list #list-4-col .intro { width: 254px; height: 159px; padding: 10px; } #rental-list #list-4-col .intro h3 { padding: 30px 0 0; } #rental-list #list-4-col .highlighted { border: 10px solid #e1e0e1; border-width: 0 23px 15px 23px; } /* COMMERCIAL PROPERTIES */ #commerical-map-and-intro { background: url(../images/template/map-bkg-mobile-vertical.jpg) repeat-y 0 0; margin: 0 0 25px; padding: 105px 0 0; } #commerical-map-and-intro #intro h2 { width: 274px; } #commerical-map-and-intro #intro h2 span { padding: 10px 20px 13px; } #commerical-map-and-intro #intro p.location { font-size: 22px; line-height: 26px; margin: 0 0 10px; } #commerical-map-and-intro #intro p.click-below { margin: 0 0 18px; } #commerical-map-and-intro #map-wrapper { left: 5px; width: 269px; height: 177px; margin: 0 0 2px; background: url(../images/template/map-mobile-portrait-shadow.png) no-repeat 0 0; } #commerical-map-and-intro #map { width: 261px; height: 168px; margin: 0 0 0 1px; } #commerical-map-and-intro #intro .location-list { margin: 0 0 10px 45px; } #commercial-list { background: #e1e0e1; padding: 25px 0 10px; width: 320px; margin: 0 -23px 25px; } #commercial-list #list-1-col .building:first-child, #commercial-list #list-1-col .building { margin: 0 auto; float: none; width: 274px; height: 179px; } #commercial-list #list-1-col .intro { width: 254px; height: 159px; padding: 10px; } #commercial-list #list-1-col .intro h2 { padding: 30px 0 0; } .building-layer { padding-top: 35px; } .building-layer .description { width: 274px; } .building-layer .photo { width: 274px; margin: 0 auto 15px; } .building-layer .close { top: -26px; right: 10px; } #our-services { width: 274px; } /* SERVICE REQUEST FORM */ #arrange-a-viewing-form #fields-wrapper, #service-request-form #fields-wrapper { padding: 10px 10px 5px; } #arrange-a-viewing-form-container .type-text input, #service-request-form-container .type-text input { width: 234px; } #service-request-form-container .type-radio label { width: 230px; padding-top: 0; } #arrange-a-viewing-form-container .actions { padding: 20px 0 0 0; } #service-request-form-container .actions { padding: 20px 0 0 0; } #service-request-form-container textarea { width: 232px; } /* BUILDING DETAILS */ #photo-and-map { width: 275px; padding: 23px 0 0; margin: 0 auto 30px; height: auto; } #building-sidebar .links { width: 274px; } #visual-details { margin: 0 0 35px; } #visual-details .photos { width: 215px; } #visual-details h2 { width: 42px; height: 213px; background: url(../images/template/heading-visual-details-mobile-vertical.gif) no-repeat 0 50%; } #visual-details .photo-3, #visual-details .photo-2 { width: 104px; } #visual-details .photo-1 { margin: 0 0 10px; } #visual-details .play-button { width: 215px; height: 141px; -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; background-size: 80px 80px; } #visual-details .youtube { height: 141px; overflow: hidden; } #visual-details .youtube img { width: 215px; height: 161px; margin-top: -10px; } #location-map { background: url("../images/template/location-details-map-iphone-vertical.png") no-repeat 38px 0; height: 230px; } #location-map h2 { width: 42px; height: 209px; background: url(../images/template/heading-location-map-mobile-vertical.gif) no-repeat 0 50%; } #location-map #map { height: 209px; width: 215px; } #sharing-tools { margin-left: 90px; top: 390px !important; } /* CONTACT - LOCATIONS */ #our-location .location { margin: 0 0 17px; } #our-location .location .default-txt { width: 100%; float: none; margin: 0; } #our-location .location .photo { width: 264px; float: none; margin: 0; padding: 5px; } #our-location .location .photo p { margin: 0; } #our-location .location .photo img { width: 254px; } /* FOOTER */ #links-potential-residents { width: 255px; float: none; margin: 0 0 30px 20px; } #links-potential-residents li { display: inline-block; margin: 0 10px 6px 0; } #links-residents.col { width: 255px; float: none; margin: 0 0 5px 20px; } #links-residents .links-list { padding: 10px 0 0; } #links-residents .links-list:first-child { padding: 0; } #links-contact.col { width: 255px; float: none; clear: both; margin: 0 0 0 20px; } } @media only screen and (max-width : 748px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { #logo { background: url(../images/template/logo-mobile-retina.png) no-repeat 0 0; background-size: 225px 65px; } } @media only screen and (max-width : 748px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { #logo { background: url(../images/template/logo-mobile-retina.png) no-repeat 0 0; background-size: 225px 65px; } } @media only screen and (max-width : 748px), only screen and (-o-min-device-pixel-ratio: 13/10){ #logo { background: url(../images/template/logo-mobile-retina.png) no-repeat 0 0; background-size: 225px 65px; } } #arrange-a-viewing-form-cf { overflow: hidden; } #cf-form-bg{ background: rgba(0, 0, 0, 0) url("../images/template/form-bkg.gif") repeat scroll 0 0; margin: 0 0 10px; padding: 25px 30px 5px; } .form-fields-item input{ background: #fff none repeat scroll 0 0; border: 1px solid #a0a0a0; box-shadow: 3px 0 3px #999 inset, -3px 0 3px #999 inset; color: #78777b; float: left; font-size: 20px; line-height: 23px; padding: 1px 10px; width: 420px; } #arrange-a-viewing-form-cf span.wpcf7-not-valid-tip{ display: inline-block; float: right; } .cf-actions-wrapper { overflow: hidden; } #arrange-a-viewing-form-cf input[type="submit"]{ background-color: #f0a809; border: medium none; box-sizing: border-box; color: #fff; float: left; font-size: 18px; font-weight: 600; margin: 20px 15px 0 0; padding: 8px 25px; text-align: center; text-transform: uppercase; width: 115px; height:40px; } #arrange-a-viewing-form-cf input[type="submit"]:hover{ background-color: #134775; } #reset-cf-bt input{ background-color: #78777b; border: medium none; box-sizing: border-box; color: #fff; float: left; font-size: 18px; font-weight: 600; margin: 20px 15px 0 0; padding: 8px 25px; text-align: center; text-transform: uppercase; width: 115px; height:40px; cursor:pointer; } #reset-cf-bt input:hover{ background-color: #134775; } .required-fields-item{ font-size: 14px; line-height: 18px; padding: 0 0 20px; } .form-fields-item { display: inline-block; margin-bottom: 20px; vertical-align: top; } @media only screen and (max-width: 748px) { .form-fields-item input{ width:100%; box-sizing:border-box; } .cf-actions-wrapper{ text-align:center; } #arrange-a-viewing-form-cf input[type="submit"], #reset-cf-bt input{ float:inherit; display:inline-block; vertical-align: top; } .cf-actions-wrapper > p{ display:inline-block; } }