:root { --accent: #c7ad63; } @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 }/* ----------------------- MENÚ ---------------------------- */ /* Menú: ocultar aréa de acceso y registro */ .user-area.signin-area { display: none !important; } /* Menú: ocultar en versión móvil icono de aréa de acceso y registro */ .header .mob-sign-in { display: none !important; } /* ----------------- PÁGINA HOME ---------------------- */ /* En la página home > sección galería Mallorca, en versión movil (menos de 360px) que la navegación por puntitos se situe correctamente */ @media only screen and (max-width: 359px) { .seccion-galeria-mallorca .swiper-pagination { bottom: -15px !important; } } /* Widget Categorías: Por ahora desactivados el icono de categoría y el número de listings asociados*/ .home-listing-categories .lc-icon i, .home-listing-categories .lc-info h6 { display:none; } /* Widget Categorías: Nombre de las categoría en mayúsculas*/ .home-listing-categories .lc-info h4 { text-transform: uppercase; } /* Widget Categorías: Links a categorías por ahora desactivado */ .home-listing-categories .listing-cat>a { pointer-events: none; cursor: default; } /* Widget Categorías: Sombreado al nombre de las categorías */ .home-listing-categories .lc-info h4 { text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); } /* Bloque Blog: Paginación del blog */ .home-blog .blog-footer { display:none; } /* --------------------- FORMULARIOS DE CONTACTO Y COMENTARIOS ---------------------- */ /* Tamaño tipografía del botón enviar en formulario de contacto y comentarios */ .wpcf7-form input[type=submit], .single-post .comment-form .buttons { font-size:15px; } /* Estilos de los campos tipo select y checkbox */ .wpcf7-form .form-campo-select { margin-top:30px; margin-bottom:30px; color:#242429; } /* Estilos nombre de los campos tipo select y checkbox */ .wpcf7-form .nombre-select { margin-bottom:10px !important; } /* Estilos de los items de checkboxes */ .wpcf7-form .wpcf7-list-item { margin-left: 0em; margin-right: 1em; } /* Estilos de los mensajes de alerta */ .wpcf7-form .wpcf7-not-valid-tip { margin-top:15px; margin-bottom:15px; } /* ----------------- BLOG -------------------- */ /* Capa overlay sobre las imágenes en la preview card */ .single-blog-feed .overlay { background-color:unset; } /* Estilos del campo fecha */ .single-blog-feed .lf-head { text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); } .single-blog-feed span.e-month { opacity: 1; } /* Estilos de los links en los posts */ .blogpost-section .section-body p a { border-bottom: none !important; text-decoration:underline; } /* Estilos de los bloques de mención de datos */ .entradas-blog-bloque-datos-mencion { border: 1px solid #E0E0E0; padding: 15px; margin-top:25px; } /* --------------- ESTILOS WEB GENERAL ------------------- */ /* Elementor > Widget 27> Content Block: estilos de los bordes, Blog > Bordes de los números de paginación, Blog > Bordes de la preview card de los posts del blog Blog > Bordes del bloque comentarios Blog > caja de comentarios y respuestas */ .content-block, .blog-footer .page-numbers, .single-blog-feed .sbf-container, .single-post .element, .comment-container, .comments-list #respond { border:1px solid #E0E0E0 !important; box-shadow:none; } /* */ .bloque-destacado, .bloque-destacado-2 { border: 1px solid #E0E0E0; padding: 40px; /*padding: 20px 40px 40px 40px;*/ margin-top:25px; margin-bottom: 10px; text-align:center; } .bloque-destacado i { color: #c7ad63; font-size: 50px; } .bloque-destacado-2 i { color: #FFFFFF; font-size: 50px; } .bloque-destacado .buttons, .bloque-destacado-2 .buttons { font-size:15px; }