/*
Theme Name: Navian Child
Theme URI: http://www.themelogi.com/themes/navian
Description: A child theme of Navian Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: navian
*/

.custom-contact-form{
    width:100%;
}

.custom-contact-form .form-row{
    margin-bottom:14px;
}

.custom-contact-form .two-columns{
    display:flex;
    gap:14px;
}

.custom-contact-form .form-group{
    width:100%;
}

.custom-contact-form label{
    display:block;
    margin-bottom:6px;
    color:#ffffff;
    font-size:12px;
    font-weight:600;
    letter-spacing:.3px;
}

.custom-contact-form input,
.custom-contact-form textarea{
    width:100%;
    background:rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.12);
    padding:12px 14px;
    color:#ffffff;
    border-radius:8px;
    font-size:13px;
    line-height:1.4;
    transition:all .3s ease;
    margin:0;
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus{
    border-color:#B79250;
    background:rgba(255,255,255,0.10);
    outline:none;
    box-shadow:none;
}

.custom-contact-form textarea{
    min-height:110px;
    resize:none;
}

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder{
    color:rgba(255,255,255,0.45);
}

.custom-contact-form .wpcf7-submit,
.custom-contact-form .form-btn{
    width:auto;
    min-width:220px;
    background:#B79250 !important;
    color:#ffffff !important;
    border:none !important;
    padding:14px 28px !important;
    border-radius:40px !important;
    font-size:13px !important;
    font-weight:600;
    letter-spacing:.4px;
    cursor:pointer;
    transition:all .3s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    margin-top:5px;
}

.custom-contact-form .wpcf7-submit:hover,
.custom-contact-form .form-btn:hover{
    background:#000000 !important;
    transform:translateY(-2px);
}

.custom-contact-form .wpcf7-spinner{
    display:none;
}

@media(max-width:768px){

    .custom-contact-form .two-columns{
        flex-direction:column;
        gap:12px;
    }

    .custom-contact-form .wpcf7-submit,
    .custom-contact-form .form-btn{
        width:100%;
    }

}