/*
Theme Name: Constructo
Theme URI: https://anpsthemes.com/constructo-landing-page/
Description: It can be used for business and corporate sites, your portfolio site or customize it to suit your wishes. Easy to use and clean code will be a simple task to get you up and running in no time. And with our support you cannot go wrong.
Author: AnpsThemes
Author URI: http://themeforest.net/user/Anps/portfolio
Version: 5.0.1
License: ThemeForest Regular License
License URI: https://themeforest.net/licenses/terms/regular
Text Domain: constructo
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, theme-options, translation-ready, threaded-comments
Requires PHP: 5.6
Tested up to: 6.8.3
*/

/* Wrapper */
/* ================================
   CF7 – SIDEBAR SHORT QUOTE FORM
   ================================ */

/* wrapper */
.sidebar-quote-form {
    padding: 16px;
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
}

/* REMOVE CF7 DEFAULT SPACING */
.sidebar-quote-form p {
    margin: 0 0 8px 0 !important;
}

.sidebar-quote-form br {
    display: none;
}

/* labels */
.sidebar-quote-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-bottom: 4px;
}

/* inputs */
.sidebar-quote-form input[type="text"],
.sidebar-quote-form input[type="tel"] {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
}

/* focus */
.sidebar-quote-form input:focus {
    outline: none;
    border-color: #000;
}

/* submit */
.sidebar-quote-form input[type="submit"] {
    width: 100%;
    height: 42px;
    margin-top: 8px;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* submit hover */
.sidebar-quote-form input[type="submit"]:hover {
    background: #222;
}

/* mobile */
@media (max-width: 768px) {
    .sidebar-quote-form {
        padding: 14px;
    }

    .sidebar-quote-form input[type="text"],
    .sidebar-quote-form input[type="tel"] {
        height: 38px;
    }

    .sidebar-quote-form input[type="submit"] {
        height: 40px;
    }
}