/*
Theme Name: Generatepress Child
Author: Sergio G.
Description: Your description goes here
Version: 1.0
Template: generatepress

This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* general */

 :root{
    --color-primario: #161616;
    --color-secundario: #fce022;
 }

/* Formulario */
.form-contacto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-contacto .col-50 {
    flex: 0 0 48%;
}

.form-contacto .col-100 {
    flex: 0 0 100%;
}

.form-contacto  input[type="text"], 
.form-contacto  input[type="email"],
.form-contacto  input[type="tel"], 
.form-contacto  input[type="number"]{
    width: 100%;
    border-width: 0px 0px 1px;

}
.form-contacto input[type="text"]::placeholder,
.form-contacto input[type="email"]::placeholder,
.form-contacto input[type="tel"]::placeholder {
    color: #fff;
    font-style: italic;
}

.form-contacto textarea{
    border-width: 0px 0px 1px;
    height: 80px;
}
.form-contacto textarea::placeholder{
        color: #fff;
    font-style: italic;
}
.form-contacto a {
    color: var(--color-secundario);
    text-decoration: underline;
}
.form-contacto .btnenviar {
    border-radius: 3px;
    background: var(--color-secundario);
    border: 1px solid var(--color-primario);
    text-transform: uppercase;
    padding: 10px 60px;
    color: var(--color-primario);
    font-weight: 600;
    font-size: 22px;
}
.form-contacto .btnenviar:hover {
    background: var(--color-primario);
    border: 1px solid var(--color-secundario);
    color: var(--color-secundario);
}