Home
About
Team
Services
Landlord Representation
Tenant Representation
Investment Sales
Property Management
Properties
Tenant Portal
Contact
Property Alerts
Keyword Search
Search
Reset
City
All Cities
Offering
Sale or Lease
Property Type
All Types
County
All Counties
Available SF
All Available
Agents
All Agents
Anchor Tenant
All Anchors
Loading Properties…
Showing 0 out of 0 Total Properties |
Map View
No Properties Found. Try resetting your search by clicking on the refresh button or removing the search text. If you are looking for a specific property and can’t locate it, please feel free to contact us so we can help!
/* ----------------------------------------- */ /* WordPress Archive slug: property-listings - start */ /* ----------------------------------------- */ .filterrow { background: #171717 !important; width: 100%; float: right; color: #fff !important; } @media only screen and (min-width: 1100px) { .filterrow { background: #171717 !important; width: 100%; float: right; color: #fff !important; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; margin-bottom: 0px; bottom: 0px; z-index: 99; } } @media only screen and (max-width: 1010px) { .filterrow { background: #272727 !important; width: 100%; float: right; color: #fff !important; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; padding-bottom: 15px; } } /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: 'Loading Properties'; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.45); } /* :not(:required) hides these rules from IE9 and below */ .loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 20px; color: #ff0000 !important; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255, 60, 65, 1.0) 1.5em 0 0 0, rgba(255, 60, 65, 1.0) 1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) 0 1.5em 0 0, rgba(255, 60, 65, 1.0) -1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) -1.5em 0 0 0, rgba(255, 60, 65, 1.0) -1.1em -1.1em 0 0, rgba(255, 60, 65, 1.0) 0 -1.5em 0 0, rgba(255, 60, 65, 1.0) 1.1em -1.1em 0 0; box-shadow: rgba(255, 60, 65, 1.0) 1.5em 0 0 0, rgba(255, 60, 65, 1.0) 1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) 0 1.5em 0 0, rgba(255, 60, 65, 1.0) -1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) -1.5em 0 0 0, rgba(255, 60, 65, 1.0) -1.1em -1.1em 0 0, rgba(255, 60, 65, 1.0) 0 -1.5em 0 0, rgba(255, 60, 65, 1.0) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .fullscreen-spinner { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: visible; background: rgba(10,10,10,0.5); z-index: 999; } .fullscreen-spinner > img { margin-left: auto; margin-right: auto; margin-top: 0%; display:block; } @media screen and (min-width: 1500px) { .spinnerarea { float: right; margin-right: 15px; } } @media screen and (max-width: 1499px) { .spinnerarea { align-items: center; } } .js-wpv-filter-trigger-delayed box { padding: 2px; border: 1px solid #bbb; background-color: #ff0000; width: 100%; } .et_pb_button { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 16px; color: #fff; background: #ff0000; padding: .3em 1em !important; /* this is Divis default button padding */ border-radius: 0px; border: 0px solid; } .et_pb_button_search { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #fff; background: #ff0000; padding: .2em 1em !important; border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button_reset { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #fff; background: #ff0000; padding: .2em 1em !important; border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button_search:hover { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button_search:focus { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button_reset:hover { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button_reset:focus { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 99.5%; } .et_pb_button:hover { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; color: #ff0000; background: #fff; padding: .3em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; } .et_pb_button:after, .et_pb_button:before { content: none !important; padding: .3em 1em !important; /* this is Divis default button padding */ } @media screen and (max-width: 980px) { .et_pb_button { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; width: 25%; float: left; padding: 4px; margin: 5px; } .et_pb_button_search { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #fff; background: #ff0000; padding: .2em 1em !important; border-radius: 2px; border: 0px solid; float: left; width: 100%; } .et_pb_button_reset { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #fff; background: #ff0000; padding: .2em 1em !important; border-radius: 2px; border: 0px solid; float: left; width: 100%; } .et_pb_button_search:hover { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 100%; } .et_pb_button_search:focus { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 100%; } .et_pb_button_search:active { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 100%; } .et_pb_button_reset:hover { font-family: 'oswald'; text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #ff0000; background: #ffffff; padding: .2em 1em !important; /* this is Divis default button padding */ border-radius: 2px; border: 0px solid; float: left; width: 100%; } } .search-form { border-radius: 5px; padding: 4px; color: #000; } // THEME .wrap { margin: 0 auto; padding-top: 24px; background: #ffffff; } .row { margin-bottom: 5px; width: 100%; background: #ffffff; } .col--group > .row { margin-bottom: 0; } .col { background-color: #eee; } .col--group .col { background-color: #eee; } .col--group .filler { } // GRID .row { display: flex; flex: 0 5 auto; flex-direction: column; flex-wrap: wrap; width: 100%; } @media only screen and (min-width: 640px) { .row { flex-direction: row; } } @media screen and (min-width: 1011px) { .col--1of6 { flex-basis: 18%; width: 11%; float: left; padding: 4px; } .searchcolumn { flex-basis: 18%; width: 6%; float: left; padding: 4px; } .searchcolumn2 { flex-basis: 18%; width: 6%; float: left; padding: 4px; } .col--2of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--3of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--4of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--4of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--5of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--6of6 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } .col--7of7 { flex-basis: 11%; width: 11%; float: left; padding: 4px; } input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea { padding: 2px; border: 1px solid #bbb; color: #4e4e4e; background-color: #fff; font-family: 'oswald'; width: 100%; } } /* TABLET FILTERS */ @media screen and (max-width: 1009px) and (min-width: 651px) { .col--1of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; clear: both; } .clearfix { overflow: auto; } .searchcolumn { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .searchcolumn2 { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .col--2of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; clear: both; } .col--3of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .col--4of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .col--5of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .col--6of6 { flex-basis: 33%; width: 33%; float: left; padding: 4px; } .col--7of7 { flex-basis: 100%; width: 100%; float: left; padding: 4px; } } /* PHONE FILTERS */ @media screen and (max-width: 650px) { .col--1of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; } .clearfix { overflow: auto; } .searchcolumn { flex-basis: 50%; width: 25%; float: left; padding: 4px; } .searchcolumn2 { flex-basis: 50%; width: 25%; float: left; padding: 4px; } .col--2of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; clear: both; } .col--3of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; } .col--4of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; } .col--5of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; } .col--6of6 { flex-basis: 50%; width: 50%; float: left; padding: 4px; } .col--7of7 { flex-basis: 100%; width: 100%; float: left; padding: 4px; } } .js-wpv-dps-spinner { padding-top: 20px; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #ff0000; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link { font-size: 1em; text-decoration: none !important; padding: .15em .45em .2em; line-height: 1.25; color: #fff; border: 0px solid #ffffff !important; margin: 2px; border-radius: 50%; } .wpv_page_ellipsis { color: #ff0000; } .wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container .wpv_page_current.wpv-pagination-nav-links-item-current { background-color: #ff0000; border-radius: 50%; color: #fff !important; font-family: 'oswald'; font-size: 1em; } .wpv-filter-pagination-link { font-size: 16px; border-radius: 50%; padding-left: 10px; padding-right: 10px; font-family: 'oswald'; } .wpv-filter-pagination-link-current { color: #fff; font-size: 16px; padding: 10px; font-family: 'oswald'; } .wpv-filter-pagination-link:active { font-size: 1em; text-decoration: none !important; padding: .15em .45em .2em; line-height: 1.25; color: #000; border: 0px solid #ffffff !important; margin: 2px; border-radius: 50%; } .wpv-filter-pagination-link.active { background: #000; } #left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul { padding: 0 0 0px 1em; list-style-type: none; display: inline-flex; color: #000; } .wpv-filter-next-link, .wpv-filter-previous-link, .wpv-filter-first-link, .wpv-filter-last-link { line-height: 1em; display: inline-flex; font-size: 16px; color: #fff; font-weight: 900 !important; background: #ff0000; padding: 10px; } .pagination { color: #000 !important; width: 100%; margin: 15px; font-family: 'oswald'; width: 100%; padding: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; line-height: 2em; } .containerrow { width: 100% } .propertyname a{ color: #ffffff; } #main-footer { background-color: #222; padding-top: 20px; } .gridimage:hover { opacity: 0.7; } .js-wpv-addon-maps-focus-map { color: #000; } .js-wpv-addon-maps-focus-map:hover { color: #ff0000; } .mapbutton { text-align: center; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 15px; background: #ffffff; color: #000 !important; text-transform: uppercase; padding-top: 5px; } .propertyname { text-align: center !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 16px; padding-top: 10px !important; padding-bottom: 7px; text-transform: uppercase; margin-top: -95px; background: rgba(0, 0, 0, 0.6509803921568628) !important; margin-bottom: 0px; color: #fff; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .propertyname:hover { text-align: center !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 16px; padding-top: 10px !important; padding-bottom: 7px; text-transform: uppercase; margin-top: -95px; background: rgba(255, 0, 0, 0.6509803921568628) !important; margin-bottom: 0px; color: #fff; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .addressblock { text-align: center; line-height: 1.3em; font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400 !important; margin-top: 0px; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; padding-top: 5px; background: rgba(0, 0, 0, 0.6509803921568628) !important; color: #fff; padding-bottom: 10px; } .halftitle { background: #171717 !important; color: #ff0000 !important; width: 50% !important; float: left; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; white-space: nowrap; } .halftitle2 { background: #171717 !important; color: #ffffff !important; width: 50% !important; float: right; padding-top: 5px; padding-bottom: 5px; } .propertyheader { background: #171717; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 14px; } .therest { width: 100%; background: #fff; } .wpv-archive-pagination-nav-links-container .js-wpv-archive-pagination-nav-links-container { width: 100%; display: flex; padding: 0 0 23px 1em; flex-direction: row; float: left; padding: 10px; line-height: 26px; list-style-type: none; margin: 15px; color: #000 !important; } .custom-column { width: 55%; float: left; } .custom-column2 { width: 45%; float: right; } .location { font-family: 'oswald'; line-height: 1.5em; font-size: 15px; } .js-wpv-addon-maps-reload-map { font-family: 'oswald'; background: #F1EFEA; color: #000; padding: 10px; font-size: 15px; text-transform: uppercase; border-color: #fff; width: 100%; padding: 5px; } .js-wpv-addon-maps-reload-map:hover { font-family: 'oswald'; background: #F1EFEA; color: #FF0000; padding: 10px; font-size: 15px; text-transform: uppercase; border-color: #fff; width: 100%; padding: 5px; cursor: pointer; } .maptitle { line-height: 1.5em; } .available { font-family: 'oswald'; line-height: 1.5em; margin-bottom: 5px; } .offering { font-family: 'oswald'; color: #000; text-transform: none; } div.container { position: relative; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .available { color: #f00 !important; text-transform: uppercase; font-family: 'oswald'; font-size: 13px; font-weight: 700; } .pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 0px; width: 100% !important; } .count { font-family: 'oswald'; width: 100%; padding: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; line-height: 2em; } *, *::before, *::after { box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif; } h1, h2, h3 { font-weight: 600; } // THEME .wrap { max-width: 1344px; margin: 0 auto; padding-top: 24px; } .row { margin-bottom: 5px; } .col--group > .row { margin-bottom: 0; } .col { background-color: #fff; } .col--group .col { background-color: #fff; } .col--group .filler { } // GRID .row { display: flex; flex: 0 5 auto; flex-direction: column; flex-wrap: wrap; } @media only screen and (min-width: 640px) { .row { flex-direction: row; } } .col { flex: 0 0 auto; padding: 1px !important; flex-basis: 100%; max-width: 100%; float: left; } .col--1of1, .col--2of2, .col--3of3, .col--4of4 { flex-basis: 100%; float: left; max-width: 100%; } @media only screen and (min-width: 640px) { .col--1of2, .col--2of4 { flex-basis: 50%; max-width: 50%; float: left; } } @media only screen and (min-width: 640px) { .col--1of3, .col--2of4 { flex-basis: 25%; float: left; max-width: 25%; } } @media only screen and (min-width: 640px) { .col--2of3, .col--2of4 { flex-basis: 50%; float: left; max-width: 50%; } } @media only screen and (min-width: 640px) { .col--3of4 { flex-basis: 83.3333333%; max-width: 83.3333333%; float: left; } } .col--group { padding: 0; } @media screen and (max-width: 980px) and (min-width: 640px) { .col--1of4 { flex-basis: 50%; max-width: 50%; float: left; } } @media screen and (max-width: 1308px) and (min-width: 981px) { .col--1of4 { flex-basis: 33.3% !important; max-width: 33.3% !important; float: left; } } @media only screen and (max-width: 2200px) and (min-width: 1309px) { .col--1of4 { flex-basis: 25%; max-width: 25%; float: left; } } @media only screen and (min-width: 2201px) { .col--1of4 { flex-basis: 16.6%; max-width: 16.6%; float: left; } } .col--1of4 { padding: 4px; } @media only screen and (max-width: 639px) { .propertyname { text-align: center !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 17px; padding-top: 10px !important; padding-bottom: 7px; text-transform: uppercase; margin-top: -102px; background: rgba(0, 0, 0, 0.6509803921568628) !important; margin-bottom: 0px; color: #fff; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .propertyname:hover { text-align: center !important; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 17px; padding-top: 10px !important; padding-bottom: 7px; text-transform: uppercase; margin-top: -102px; background: rgba(255, 0, 0, 0.6509803921568628) !important; margin-bottom: 0px; color: #fff; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } } /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: 'Loading Properties'; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.45); } /* :not(:required) hides these rules from IE9 and below */ .loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 20px; color: #ff0000 !important; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255, 60, 65, 1.0) 1.5em 0 0 0, rgba(255, 60, 65, 1.0) 1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) 0 1.5em 0 0, rgba(255, 60, 65, 1.0) -1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) -1.5em 0 0 0, rgba(255, 60, 65, 1.0) -1.1em -1.1em 0 0, rgba(255, 60, 65, 1.0) 0 -1.5em 0 0, rgba(255, 60, 65, 1.0) 1.1em -1.1em 0 0; box-shadow: rgba(255, 60, 65, 1.0) 1.5em 0 0 0, rgba(255, 60, 65, 1.0) 1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) 0 1.5em 0 0, rgba(255, 60, 65, 1.0) -1.1em 1.1em 0 0, rgba(255, 60, 65, 1.0) -1.5em 0 0 0, rgba(255, 60, 65, 1.0) -1.1em -1.1em 0 0, rgba(255, 60, 65, 1.0) 0 -1.5em 0 0, rgba(255, 60, 65, 1.0) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .fullscreen-spinner { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: visible; background: rgba(10,10,10,0.5); z-index: 999; } .fullscreen-spinner > img { margin-left: auto; margin-right: auto; margin-top: 0%; display:block; } @media screen and (min-width: 1500px) { .spinnerarea { float: right; margin-right: 15px; } } @media screen and (max-width: 1499px) { .spinnerarea { align-items: center; } } /* ----------------------------------------- */ /* WordPress Archive slug: property-listings - end */ /* ----------------------------------------- */