/**
 * Theme Name:     Salient Child
 * Author:         ThemeNectar
 * Template:       salient
 * Text Domain:	   salient-child
 * Description:    An Ultra Responsive Multi-Purpose Theme.
 */
#header-space {
    height: 0 !important;
}

#header-outer {
    background-color: rgba(255, 255, 255, 0) !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #00a0d2;  
}

/* esto es para colocar el secondary header alineado al a derecha todo */

#header-secondary-outer {
    background-color: #361175 !important; /* Color de fondo */
    padding: 1px 0; /* Espaciado arriba y abajo */
    border: none !important; /* Elimina cualquier borde */
    box-shadow: none !important; /* Elimina cualquier sombra */
    outline: none !important; /* Elimina contornos */
    display: flex; /* Usar Flexbox para organizar los elementos dentro */
    justify-content: flex-end; /* Alinea los elementos a la derecha */
    align-items: center; /* Centra los elementos verticalmente */
}

#header-secondary-outer * {
    border: none !important; /* Elimina cualquier borde aplicado a los elementos hijos */
}

#header-secondary-outer nav {
    display: flex !important;
    align-items: center;
}

#social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex !important;
    align-items: center !important;
}

#social li {
    margin-right: 10px !important; /* Espacio entre el ícono y el texto */
}

.nectar-center-text {
    margin-left: 10px !important; /* Espacio entre el ícono y el texto "SOCIAL" */
    font-weight: bold;
    color: white; /* Color blanco para el texto */
}