/* ----------------------------------------- */ /* Slug della vista: search-immobile-form-mappa: inizio */ /* ----------------------------------------- */ .loader { width: 100%; height: 100%; position: relative !important; top: 0; left: 0; background-color: rgba(0,0,0,0.0); z-index: 10000; text-align: center; vertical-align: middle; padding: 0px; color: #cccccc; font-size: 32px; } /* The container must be positioned relative: */ .custom-select { position: relative; font-family: Arial; } .custom-select select { } .select-selected { background-color: DodgerBlue; } /* Style the arrow inside the select element: */ .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } /* style the items (options), including the selected item: */ .select-items div,.select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; } /* Style items (options): */ .select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } .pagination ul li, .pagination ul span { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; font-size: 16px; background-image: none; color: #666; border: 1px solid #ccc; float: none; padding:0 } /* ----------------------------------------- */ /* Slug della vista: search-immobile-form-mappa: fine */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modello di contenuto: loop-item-grid - inizio */ /* ----------------------------------------- */ .property-div { background-color:#ffffff; padding: 10px; } .property-label-left { position: absolute; top:10px; background-color: #bf1e44; color: #fff; text-decoration: none; margin: 0 0 0 0; padding: 5px; width: auto; } .property-label-right { position: absolute; top:10px; right: 25px; background-color: #008ba6; color: #fff; text-decoration: none; margin: 0 0 0 0; padding: 5px; width: auto; } /*.property-label-right { position: absolute; right: 10px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .property-label-right span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #9BC90D 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px; } .property-label-right span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #9BC90D; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #9BC90D; } .property-label-right span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #9BC90D; border-bottom: 3px solid transparent; border-top: 3px solid #9BC90D; }*/ .property-image { height: 260px; overflow: hidden; } .property-image img { width:100%; } .property-meta { margin-bottom: 50px; } .property-meta .property-detail { padding: 0; } .property-title a { font-size:1.2em; color:#8c8c8c; font-weight: 200; margin-top: 20px; } .property-title a:hover { font-size:1.2em; color:#bf1e44; } /* ----------------------------------------- */ /* Modello di contenuto: loop-item-grid - fine */ /* ----------------------------------------- */