/* ==========================================
   TDogsPH UI KIT
   PREMIUM FORM SYSTEM
========================================== */

.form-label{

    display:block;

    margin-bottom:10px;

    color:var(--primary);

    font-size:15px;

    font-weight:700;

    letter-spacing:.3px;

}

.form-control,
.form-select,
textarea{

    width:100%;

    min-height:var(--form-height);

    padding:18px 26px;

    border:none;

    outline:none;

    border-radius:var(--form-radius);

    background-image:var(--input-frame);

    background-repeat:no-repeat;

    background-position:center;

    background-size:100% 100%;

    background-color:transparent;

    color:var(--text-primary);

    font-size:16px;

    font-weight:600;

    transition:var(--transition);

    box-shadow:none;

}

.form-control::placeholder,
textarea::placeholder{

    color:#8E7E73;

    opacity:1;

}

.form-select{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    cursor:pointer;

    padding-right:60px;

}

textarea{

    min-height:180px;

    resize:vertical;

    padding-top:22px;

}

.form-control:focus,
.form-select:focus,
textarea:focus{

    outline:none;

    background-image:var(--input-frame);

    background-repeat:no-repeat;

    background-position:center;

    background-size:100% 100%;

    background-color:transparent;

    box-shadow:var(--shadow-gold);

}

.form-control:disabled,
.form-select:disabled,
textarea:disabled{

    opacity:.65;

    cursor:not-allowed;

}

.is-invalid{

    box-shadow:0 0 0 4px rgba(220,53,69,.20)!important;

}

.is-valid{

    box-shadow:0 0 0 4px rgba(25,135,84,.20)!important;

}

@media(max-width:768px){

    .form-control,
    .form-select,
    textarea{

        min-height:58px;

        font-size:15px;

        padding:16px 22px;

    }

}