/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */