:root { --accent: #7a6bbc; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.lf-item-container.listing-preview.type-real-estate.lf-small-height.has-logo.has-tagline.has-info-fields.level-normal.priority-0 .lf-avatar { display:none !important; } .lf-item-container.listing-preview.type-real-estate.lf-small-height.has-logo.has-tagline.has-info-fields.level-normal.priority-0 .lf-item-info { margin-left: -50px; !important; } .lf-item-container.listing-preview.type-animale-perdido.has-logo.has-tagline.no-info-fields.level-normal.priority-0 .lf-avatar { display:none !important; } lf-item-container.listing-preview.type-animale-perdido.has-logo.has-tagline.no-info-fields.level-normal.priority-0 .lf-item-info { margin-left: -50px; !important; } .buttons.button-2.full-width.c27-explore-search-button{ border-radius:50px !important; color: #1E1E1E !important; background-color: #F5F5F5 !important; } .mapdrag-switch, .gm-control-active.gm-fullscreen-control,.mi.my_location { border-radius:50px !important; } #explore-map-location-ctrl {border-radius: 50px !important;} #finderSearch li,span,input,label,a{ font-family: "Manrope" !important; } .buttons button-2 search { border-radius:20px !important; } .animal-gallery img { border-radius:15px !important; } .profile-body, .container.qla-container { background-color: white !important; } .container.qla-container { width:100% !important; } .element { background-color: #F5F5F5 !important; border-radius: 15px !important; font-family: "Manrope" !important; font-size: 16px !important; font-weight: 400px; padding:10px !important; } .pf-body { border-radius: 15px; background-color: white !important; padding:20px !important; margin-top:10px !important; font-family: "Manrope" !important; } .pf-body p{ font-family: "Manrope" !important; font-size: 15px !important; font-weight: 400px !important; color: #54595F !important; } .animal-gallery .pf-body { background-color: none !important; padding:0px !important; } .gallerySlider { background-color: #f5f5f5 !important; } .gallerySlider .owl-item a { border-radius:15px !important; } .buttons.button-1 { padding:0px !important; } .buttons.button-1 :hover{ background-color:none !important; color:#f5f5f5 !important; } .element.map-block .pf-body { background-color: #F5F5F5 !important; padding: 0px !important; } .location-address a{ border-radius:20px !important; background-color: white !important; } /* Applica a tutte le immagini nel carosello per evitare scatti */ /* 1. Applichiamo la forma a TUTTE le immagini, così non saltano */ /* REGOLE PER DESKTOP E TABLET */ .owl-item img { width: 100% !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; /* Togliamo height: auto !important globale perché rompe il mobile */ } /* REGOLE SPECIFICHE PER MOBILE (sotto i 768px) */ @media (max-width: 768px) { .owl-item img { /* Su mobile forziamo un'altezza minima per evitare che sparisca */ min-height: 250px !important; /* Oppure, se vuoi mantenere il ratio, assicurati che la larghezza sia piena */ width: 100vw !important; /* 100% della larghezza schermo */ aspect-ratio: 4 / 3 !important; /* Su mobile spesso il 16:9 è troppo sottile, meglio 4:3 */ } .owl-item, .owl-stage-outer, .owl-stage { height: auto !important; min-height: 250px !important; } } /* 2. (Opzionale) Se vuoi che quella centrale si distingua, usa l'opacità o lo zoom, ma NON cambiare le dimensioni fisiche */ .owl-item:not(.center) img { opacity: 0.7; /* Le immagini laterali sono un po' trasparenti */ } .owl-item.center img { opacity: 1; /* Quella centrale è piena */ /* Puoi aggiungere un piccolo zoom se ti piace l'effetto focus */ /* transform: scale(1.02); */ } .lmb-calltoaction.ml-track-btn a{ background-color: white !important; border-radius: 50px !important; color: black !important; } .clusterDiv { background-color: #1E1E1E !important; }