/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Modificaciones VW */

header input[type="text"] {
    border-radius: 50px;
    border: 2px solid #c7ccce;
}

#header .main-menu .narrow .popup li.menu-item > a {
    padding: 6px 18px;
}

.form-control.custom-full-rounded-form-control {
    border-color: #c7ccce;
	border-radius: 50px !important;
    border-width: 2px;
    color: #000 !important;
    font-weight: 600;
    height: 60px !important;
    padding: 0 24px;
    padding: 0 1.5rem;
}

.form-row .input:-ms-input-placeholder {
    color: #000 !important;
}

.form-row input::-ms-input-placeholder{
    color: #000 !important;
}

.form-row input::placeholder {
    color: #000 !important;
}

.main-menu-wrap {
    padding-bottom: 11px;
}

.mega-menu .narrow ul.sub-menu {
    -webkit-column-count: 2;
   -moz-column-count: 2;
    column-count: 2;
    min-width: 400px;
}

.mega-menu .popup li#nav-menu-item-2858.menu-item {
    max-height: 27px;
}

.te-llamamos input[type="text"], .te-llamamos select {
    max-width: 110px;
}

.te-llamamos label {
    background: #dd3333;
    color: #fff;
    padding: 2px 10px;
    text-transform: uppercase;
}

.te-llamamos p {
    display: inline-block;
    margin-right: 10px;
}

.wpcf7-form-control.campo-form-central {
    border-radius: 50px;
    border: 2px solid #c7ccce;
    font-weight: 600;
    height: 40px;
    padding: 0 24px;
}

.wpcf7-form-control.campo-form-derecho {
    border-radius: 0 50px 50px 0;
    border: 2px solid #c7ccce;
    border-left-width: 0px;
    font-weight: 600;
    height: 40px;
    padding: 0 24px;
}

.wpcf7-form-control.campo-form-izquierdo {
    border-radius: 50px 0 0 50px;
    border: 2px solid #c7ccce;
    font-weight: 600;
    height: 40px;
    padding: 0 24px;
}

@media (min-width: 992px) {
    #header .header-contact.te-llamamos {
        margin-right: 3vw;
    }
}

@media (max-width: 767px) {
    #header .header-contact {
        text-align: center;
        white-space: normal;
        width: 100%;
    }

    #header .header-main .container > div {
        display: block;
    }

    .te-llamamos input[type="text"], .te-llamamos select {
        font-size: 12px;
        padding: 8px 5px;
    }

    .te-llamamos p {
        margin: 0;
    }

    .te-llamamos p:first-of-type {
        display: block;
    }
}