/*
Theme Name: Industio
Theme URI: http://demo.casethemes.net/industio
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Industio is a WordPress theme specially designed for factory, manufacturing and industrial businesses. Industio has a beautiful and unique design that will be best suited for your online web presence. It is fully responsive, retina ready and easy to customize.
Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.6
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: industio
Tags: business, company, construction, industrial, industry, industry theme, manufacturing, factory, engineering, energy, plants, machinery, mechanical, oil
*/











/* =========================================
   LOHITHA SERVICES
   PREMIUM CONTACT FORM
   ========================================= */

.lohitha-contact-form {
    width: 100%;
    box-sizing: border-box;
}

/* ROW - 2 COLUMNS */

.lohitha-contact-form .lo-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 22px;
}

/* FIELD */

.lohitha-contact-form .lo-field {
    width: 100%;
    margin: 0;
}

.lohitha-contact-form label {
    display: block;
    margin: 0 0 9px;
    color: #102338;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.lohitha-contact-form label span {
    color: #00a6c7;
}

/* ALL INPUTS */

.lohitha-contact-form input[type="text"],
.lohitha-contact-form input[type="email"],
.lohitha-contact-form input[type="tel"],
.lohitha-contact-form select,
.lohitha-contact-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    border: 1px solid #d8e0e7 !important;
    border-radius: 7px !important;

    background: #ffffff !important;
    color: #17293a !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    outline: none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}

/* INPUT HEIGHT */

.lohitha-contact-form input[type="text"],
.lohitha-contact-form input[type="email"],
.lohitha-contact-form input[type="tel"],
.lohitha-contact-form select {
    height: 52px !important;
    padding: 0 15px !important;
}

/* SELECT */

.lohitha-contact-form select {
    cursor: pointer;
    appearance: auto;
}

/* PLACEHOLDER */

.lohitha-contact-form input::placeholder,
.lohitha-contact-form textarea::placeholder {
    color: #9aa7b4 !important;
    opacity: 1 !important;
}

/* TEXTAREA */

.lohitha-contact-form textarea {
    min-height: 145px !important;
    padding: 15px !important;
    resize: vertical;
}

/* FOCUS */

.lohitha-contact-form input[type="text"]:focus,
.lohitha-contact-form input[type="email"]:focus,
.lohitha-contact-form input[type="tel"]:focus,
.lohitha-contact-form select:focus,
.lohitha-contact-form textarea:focus {

    border-color: #00a6c7 !important;

    box-shadow:
        0 0 0 3px rgba(0,166,199,.08) !important;

    background: #ffffff !important;
}

/* MESSAGE */

.lohitha-contact-form .lo-message {
    margin-bottom: 22px;
}

/* BOTTOM */

.lohitha-contact-form .lo-bottom-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: end;
}

/* FILE */

.lohitha-contact-form input[type="file"] {
    width: 100%;
    box-sizing: border-box;

    padding: 12px;

    border: 1px solid #d8e0e7;
    border-radius: 7px;

    background: #f8fafb;

    font-size: 13px;
    color: #536372;
}

.lohitha-contact-form .lo-upload small {
    display: block;
    margin-top: 7px;

    color: #8c99a5;
    font-size: 11px;
}

/* BUTTON */

.lohitha-contact-form .lo-button {
    display: flex;
    align-items: flex-end;
}

.lohitha-contact-form input[type="submit"] {

    width: 100% !important;
    height: 52px !important;

    padding: 0 25px !important;

    border: 0 !important;
    border-radius: 7px !important;

    background: #0b1d2d !important;
    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    letter-spacing: .3px;

    cursor: pointer;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}

.lohitha-contact-form input[type="submit"]:hover {

    background: #00a6c7 !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(0,166,199,.18) !important;
}

/* CF7 VALIDATION */

.lohitha-contact-form .wpcf7-not-valid {
    border-color: #e05252 !important;
}

.lohitha-contact-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 11px;
    color: #e05252;
}

/* RESPONSE */

.lohitha-contact-form .wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 12px 15px !important;

    border-radius: 7px;

    font-size: 13px;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 900px) {

    .lohitha-contact-form .lo-form-row,
    .lohitha-contact-form .lo-bottom-row {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .lohitha-contact-form .lo-form-row,
    .lohitha-contact-form .lo-bottom-row {

        grid-template-columns: 1fr;

        gap: 17px;

        margin-bottom: 17px;
    }

    .lohitha-contact-form input[type="text"],
    .lohitha-contact-form input[type="email"],
    .lohitha-contact-form input[type="tel"],
    .lohitha-contact-form select {

        height: 50px !important;
    }

    .lohitha-contact-form textarea {

        min-height: 120px !important;
    }

}