:root { --accent: #8f0c8b; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1); } 50% { box-shadow: -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.bloqueicono { padding-left: 10px; padding-right: 10px; } .bloqueicono img { padding-right: 10px; } .term-icon.image-icon img { width: 35px; height: 35px; } span.cat-icon { width: 60px !important; height: 60px !important; min-width: 60px !important; background-color: transparent !important; } span.cat-icon i { color: #000000 !important; font-size: 2rem; } .lmb-calltoaction > a { background-color: #8f0c8b !important; } .header-button a[href="https://webdesignelche.com/add-listing/"] { background-color: #8f0c8b !important; } .especialuno { color: #000; } .especialuno > .element { background: #fdedff; padding: 20px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius: 5px; } .especialdos { color: #000; } .especialdos > .element { background-color: #faf6ff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); } .tabla { display: flex; flex-flow: column nowrap; } .celdaimagen { flex-basis: calc(100% / 3); box-sizing: border-box; padding: 1%; } .fila { display: flex; flex-direction: row; } .filaimagenes { display: flex; flex-wrap: wrap; box-sizing: border-box; } .cabecera { font-weight: bold; } .celda { display: flex; flex: 1; justify-content: center; align-items: center; } .celda > a { color: blue !important; } .columna { flex-direction: column !important; } .columna p { margin: 5px 0 !important; } .columna h5 { margin: 0 !important; } @media screen and (max-width: 768px) { .fila { flex-direction: column; } .celdaimagen { flex-basis: calc(100% / 1); } } .item-property:has(.fila) { float: none !important; } /* .price-or-date { background-color: #266621 !important; color: white !important; padding: 5px !important; border-radius: 5px !important; text-align: center !important; } */ .price-or-date { background: var(--accent); padding: 0 20px; display: block; color: #fff; border-radius: 5px; font-size: 14px; height: 48px; align-items: center; position: relative; z-index: 0; display: flex; justify-content: center; white-space: nowrap; font-weight: 600; flex-direction: column; } .type-edificio-universitario-2 .lf-item-info h4:before, .type-edificio-universitario-2 .profile-name h1:before { content: 'Residencia Universitaria:\A'; display: block; } .type-piso-compartido-2 .lf-item-info h4:before, .type-piso-compartido-2 .profile-name h1:before { content: 'Piso Compartido:\A'; display: block; } .type-piso-solidario .lf-item-info h4:before, .type-piso-solidario .profile-name h1:before { content: 'Piso Solidario:\A'; display: block; } .listing-details>ul>li { white-space: unset !important; } /* Bloque detalles */ /* .quick-listing-actions>ul>li:has(.bloquedetalles) { width: 100%; } .quick-listing-actions>ul>li span:has(.bloquedetalles) { width: 100%; } .quick-listing-actions>ul>li>a:has(.bloquedetalles) { border: unset; } .bloquedetalles { display: flex; justify-content: space-between; } .bloquedetalles div { display: flex; flex-direction: column; align-items: center; } */ .quick-listing-actions>ul>li>a { border: unset !important; padding: 2px 2px; } .quick-listing-actions>ul>li>a span { display: flex; flex-direction: column; align-items: center; row-gap: 0.2rem; } .container.qla-container { position: sticky; top: 0px; z-index: 99; background: #ffffff; width: 100%; } .accionenlace { text-decoration: none !important; } /* Tarjeta previsualizacion iconos y texto */ .listing-details-3 .details-list li { white-space: unset; } /* Precio Tarjeta */ .lf-head-btn { background-color: #8f0c8b !important; } /* Opacidad Tarjeta */ .lf-item>a:hover .overlay { opacity: .1 !important; } /* Sombra marcador mapa */ .c27-map .marker-container .marker-icon.active .marker-img { box-shadow: 0 0 0 15px rgba(127, 17, 224, 0.4); } .ocultardato { display: none !important; } /* Sticky Header Single Listing */ @media only screen and (min-width: 1201px) { .profile-header { position: sticky; top: 68px; z-index: 99; background: #ffdffe; color: #fff; } .header-scroll-hide ~ .single-job-listing .profile-header { top: 68px; } .admin-bar .header-scroll-hide ~ .single-job-listing .profile-header { top: 100px; } .admin-bar .container.qla-container { position: sticky; top: 32px; z-index: 99; background: #ffffff; width: 100%; } .header-scroll-active ~ .single-job-listing .profile-header { top: 80px; } .admin-bar .header-scroll-active ~ .single-job-listing .profile-header { top: 112px; } .admin-bar .header-scroll-active ~ .single-job-listing .container.qla-container { top: 32px; } .quick-listing-actions { margin-top: 5px; } .quick-listing-actions>ul { justify-content: space-evenly; } .quick-listing-actions>ul>li { /* flex: 1 0 auto; width: 15%;*/ padding: 2px 2px; } #c27-single-listing .tab-template-full-width .element .pf-body .listing-details li { width: 20%; } .element .pf-body>.details-list li a, .element .pf-body>.listing-details ul li a { flex-direction: column; } }