/*
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  ***************/

/***** CONTACT FORM 7 */

.wpcf7 form{
    padding: 0;
    max-height: initial;
}

.advertisement-page__form{
    display: grid;
    grid-gap: 20px;
}
.advertisement-page__form-group{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
@media(min-width: 768px){
    .advertisement-page__form-group{
        flex-direction: row;
    }    
}
.advertisement-page__form-group--responsive-wrap{
    flex-wrap: wrap;
}
@media(min-width: 1280px){
    .advertisement-page__form-group--responsive-wrap{
        flex-wrap: nowrap;
    }
}
.advertisement-page__form-group--grid{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}
@media(min-width: 768px){
    .advertisement-page__form-group--grid{
        grid-template-columns: repeat(3, 1fr);
    }    
}
.advertisement-page__form-group .wpcf7-form-control-wrap{
    position: relative;
    width: 100%;
}
.advertisement-page__form-group .advertisement-page__form-input{
    position: relative;
    width: 100% !important;
}
.advertisement-page__form-group .advertisement-page__form-submit{
    font-weight: 600;
    padding: 12px 40px;
    font-size: 14px;
    height: 40px;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 0;
}
@media(min-width: 768px){
    .advertisement-page__form-group .advertisement-page__form-submit{
        height: 56px;
        padding: 18px 44px;
    }    
}
.advertisement-page__form-group .wpcf7-spinner{
    left: 20px;
    top: 15px;
    margin: 0;
}

/***** MODAL PARA COTAÇÃO */

div.wqoecf-popup-wrapper textarea.advertisement-page__form-input {
    height: 100px !important;
}
@media(min-width: 767px){
    div.wqoecf-popup-wrapper textarea.advertisement-page__form-input {
        height: 150px !important;
    }
}

div.wqoecf-pop-up-box{
    box-shadow: 0 0 24px -10px #999999 !important;
}

.wqoecf-pop-up-box div.wpcf7 {
    width: 100% !important;
    padding: 15px 0;
}

div.wqoecf-pop-up-box > div{
    padding: 20px !important;
}

div.wqoecf-pop-up-box p.wqoecf_form_title{
    text-align: center;
    max-width: 90%;
    margin: 50px auto 30px;
}
@media(min-width: 767px){
    div.wqoecf-pop-up-box p.wqoecf_form_title{
        max-width: 100%;
        text-align: left;
        margin: 0px;
    }
}


/***** OTHERS */