/*
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Template: phlox-pro
Author: averta
Author URI: http://www.averta.net
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, agency, startup, new & magazine, restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, professional news and magazine features, 45 exclusive widgets and elements, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor and Visual Composer page builders.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,grid-layout,custom-menu,custom-colors,editor-style,featured-images,featured-image-header,footer-widgets,full-width-template,post-formats,sticky-post,theme-options,translation-ready,blog,e-commerce,portfolio,threaded-comments,custom-logo
Version: 5.17.6.1747175482
Updated: 2025-05-13 22:31:22

*/

.revolu-form legend {
	color: #fafafa !important;
}

.revolu-form input[type="text"],
.revolu-form input[type="email"],
.revolu-form input[type="checkbox"],
.revolu-form textarea {
    background-color: #100f19 !important;
    color: #fafafa !important; /* Asegura que el texto sea visible */

}

/* Estilo para el placeholder */
.revolu-form input[type="text"]::placeholder,
.revolu-form input[type="email"]::placeholder,
.revolu-form textarea::placeholder {
    color: #fafafa !important;
}

/* Estilo para los labels */
.revolu-form label {
    color: #fafafa !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    display: block !important; /* Asegura que los labels estén en una nueva línea */
}

/* Estilos adicionales para cuando los campos tengan focus */
.revolu-form input[type="text"]:focus,
.revolu-form input[type="email"]:focus,
.revolu-form input[type="checkbox"]:focus,
.revolu-form textarea:focus {
    outline: none !important; /* Eliminar el contorno predeterminado */
    background-color: #1a1a26 !important; /* Fondo más oscuro al hacer focus */
    border-color: #666 !important; /* Color del borde en foco */
}

/* Estilos para el checkbox */
.revolu-form input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 2px solid #444 !important;
    background-color: #100f19 !important;
    border-radius: 4px !important;
    position: relative !important;
}

.revolu-form input[type="checkbox"]:before {
    background-color: #100f19 !important;
    border-color: #100f19 !important;
}

.revolu-form input[type="checkbox"]:checked {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
}

.revolu-form input[type="checkbox"]:checked::after {
    content: '✔' !important;
    position: absolute !important;
    top: 40% !important;
    left: 80% !important;
    transform: translate(-40%, -80%) !important;
    font-size: 14px !important;
    color: #fafafa !important;
}

div.wpforms-container-full input[type=checkbox]:checked:after {
	border-bottom: none !important;
	border-left: none !important;
}

.revolu-form textarea {
    width: 100% !important; /* Hace que el textarea ocupe todo el ancho disponible */
	max-width: 100% !important;
    resize: vertical !important; /* Permite redimensionar solo en altura */
}

.revolu-form button[type="submit"] {
	background-color: #100f19 !important;
    color: #fafafa !important; /* Asegura que el texto sea visible */
}

.revolu-form #wpforms-297-field_7-container .wpforms-field-label {
	font-weight: 500 !important;
	color: #6a7c99 !important;
}

.page-title-section .page-header > .aux-container > *:last-child {
	margin-bottom: 0px !important;
}