/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*FORMULARIO CONTACTO*/
.contact-line {
    display: inline-flex;
    margin-bottom: 10px;
	width: 100%;
}
span.wpcf7-form-control-wrap.your-name, span.wpcf7-form-control-wrap.your-email {
    margin-right: 10px;
    width: 70%;
}


span.wpcf7-form-control-wrap.your-subject, span.wpcf7-form-control-wrap.tel-553 {
    width: 30%;
}
.aceptar-formulario a {
    color: #1c3d6e;
}
.aceptar-formulario a:hover {
    color: #000000;
}
.contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .contact-form textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 34px;
	max-height: 150px;
}

@media only screen and (max-width: 600px){
.contact-line {
    display: block;
	margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 0px;
}
}

/*formulario comentarios*/

textarea#comment{
    background-color:#fff;
}
.logged-in-as{
    color:#54595f !important;
}
#text{
    color:#54595f !important;
}
#commentarea > p {
    color:#54595f !important;
}

#submit{
    background-color: #2a3960 !important;
    border:solid #2a3960 1px;
}

#submit:hover{
    background-color: #fff !important;
    border:solid #2a3960 1px;
}


/*Antes y despues*/
span.post-navigation__prev--title{
    color:#000 !important;
}
div.elementor-post-navigation__separator-wrapper{
    padding:5px !important;
}


/* Formulario Contacto */

.wpcf7-list-item{
    margin:0 5px 0 0 !important;
}
input, textarea{
    font-weight:700;
}

input[name="your-name"]{
    color: #fff !important;
    width:32%;
    margin-right:2%;
    float:left;
    border-radius:0;
    border: 0;
    border-bottom:solid #54595f 1px;
    margin-bottom:15px;
    background-color: #0C0C0C;
}
input[name="tel-85"]{
    width:32%;
    margin-right:2%;
    float:left;
    border-radius:0;
    border: 0;
    border-bottom:solid #54595f 1px;
    color: #fff !important;
    margin-bottom:15px;
    background-color: #0C0C0C;
}
input[name="your-email"]{
    width:32%;
    float:left;
    border-radius:0;
    border: 0;
    border-bottom:solid #54595f 1px;
    color: #fff !important;
    margin-bottom:15px;
    background-color: #0C0C0C;
}
textarea{
    border-radius:0;
    border: 0;
    border-bottom:solid #54595f 1px;
    color: #fff !important;
    margin-bottom:15px;
    background-color: #0C0C0C;
}

input[type="submit"]{
    color: #0C0C0C !important;
    background: #fff !important;
     background-color: #fff !important;
    border-radius:0;
    border:solid 1px #0C0C0C !important;
    margin-bottom:10px;
}
}
input[type="submit"]:hover{
color:#fff !important;
background: #0C0C0C !important;
background-color: #0C0C0C !important;
border:solid 1px;
border-color: #fff !important;
}
@media only screen and (max-width: 767px)  {
    
input[name="your-name"]{
    width:100%;
}
input[name="tel-85"]{
    width:100%;
}
input[name="your-email"]{
    width:100%;
}
textarea{
    width:100%;
}
input[type="submit"]{
float: none;
width:100%;
margin-top:25px;
}
