/*
Theme Name: Ekko Child
Template: ekko
Theme URI: http://www.ekko-wp.com
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */

@media (max-width: 959px) {
    .navbar .topbar {
        display: block !important;
    }
}

/* Color blanco para Títulos, Párrafos e Inputs con la clase campo-blanco */
h1.campo-blanco, 
p.campo-blanco, 
.campo-blanco p, 
.campo-blanco input {
    color: #ffffff !important;
}

/* Color blanco para el texto de ayuda (placeholder) en los campos */
.campo-blanco input::placeholder {
    color: #ffffff !important;
}


/* Forzar una altura mínima para la sección de Donativo */
.seccion-donativo-ajuste {
    display: flex !important;
    flex-direction: row !important; /* Mantiene las columnas una al lado de la otra */
    justify-content: center !important; /* Centra horizontalmente */
    align-items: center !important; /* Centra verticalmente */
    min-height: 300px !important;
}

/* Para que en móviles se apilen y sigan centrados */
@media (max-width: 768px) {
    .seccion-donativo-ajuste {
        flex-direction: column !important;
        text-align: center !important;
    }
}

/* Estilo para el párrafo alineado a la izquierda */
p.campo-negro {
    color: rgb(0, 0, 0) !important;
    font-size: 1.1em;
    line-height: 1.5;
    text-align: left; /* Alineación a la izquierda */
    margin: 0;
}

/* Comilla de apertura */
p.campo-negro::before {
    content: "“";
    font-size: 50px;
    color: rgb(0, 0, 0) !important;
    font-family: serif;
    line-height: 0;
    vertical-align: middle;
    margin-right: 8px;
}

/* Comilla de cierre */
p.campo-negro::after {
    content: "”";
    font-size: 50px;
    color: rgb(0, 0, 0) !important;
    font-family: serif;
    line-height: 0;
    vertical-align: middle;
    margin-left: 8px;
}



/* Solo afecte a la caja de texto blanca y no a todas las columnas del sitio */
.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
    background-color: rgba(255, 255, 255, 0.8) !important;
}