/*==========================================================
    Emirates Online Visa
    Forms CSS
    Version: 1.0.0
==========================================================*/


/*==========================================================
    Form Wrapper
==========================================================*/

.eov-form{

    width:100%;

}

.eov-form-group{

    margin-bottom:24px;

}


/*==========================================================
    Labels
==========================================================*/

label{

    display:block;

    margin-bottom:8px;

    color:var(--eov-heading);

    font-family:var(--eov-font-primary);

    font-size:15px;

    font-weight:600;

    line-height:1.5;

}


/*==========================================================
    Inputs
==========================================================*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="url"],
input[type="search"],
select,
textarea{

    width:100%;

    min-height:54px;

    padding:14px 18px;

    border:1px solid var(--eov-border);

    border-radius:var(--eov-input-radius);

    background:#fff;

    color:var(--eov-heading);

    font-family:var(--eov-font-primary);

    font-size:15px;

    font-weight:400;

    transition:var(--eov-transition);

    appearance:none;

}


/*==========================================================
    Textarea
==========================================================*/

textarea{

    min-height:140px;

    resize:vertical;

}


/*==========================================================
    Placeholder
==========================================================*/

input::placeholder,
textarea::placeholder{

    color:var(--eov-placeholder);

    opacity:1;

}


/*==========================================================
    Focus
==========================================================*/

input:focus,
select:focus,
textarea:focus{

    border-color:var(--eov-primary);

    box-shadow:0 0 0 4px rgba(139,30,45,.10);

    outline:none;

}


/*==========================================================
    Disabled
==========================================================*/

input:disabled,
select:disabled,
textarea:disabled{

    cursor:not-allowed;

    opacity:.7;

    background:#f5f5f5;

}


/*==========================================================
    Validation
==========================================================*/

input:invalid,
textarea:invalid{

    border-color:var(--eov-danger);

}

input:valid,
textarea:valid{

    border-color:var(--eov-border);

}


/*==========================================================
    Checkbox
==========================================================*/

input[type="checkbox"]{

    width:18px;

    height:18px;

    accent-color:var(--eov-primary);

    cursor:pointer;

}


/*==========================================================
    Radio
==========================================================*/

input[type="radio"]{

    accent-color:var(--eov-primary);

    cursor:pointer;

}


/*==========================================================
    File Upload
==========================================================*/

input[type="file"]{

    padding:12px;

    border:1px dashed var(--eov-border);

    border-radius:var(--eov-input-radius);

    background:#fff;

}


/*==========================================================
    Select Arrow
==========================================================*/

select{

    cursor:pointer;

}


/*==========================================================
    Submit Button
==========================================================*/

input[type="submit"],
button[type="submit"]{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-height:54px;

    padding:0 30px;

    border:none;

    border-radius:12px;

    background:var(--eov-primary);

    color:#fff;

    font-family:var(--eov-font-primary);

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:var(--eov-transition);

}

input[type="submit"]:hover,
button[type="submit"]:hover{

    background:var(--eov-primary-hover);

    transform:translateY(-2px);

}


/*==========================================================
    Elementor Forms
==========================================================*/

.elementor-field-group{

    margin-bottom:20px;

}

.elementor-field{

    min-height:54px !important;

    border-radius:10px !important;

    border:1px solid var(--eov-border) !important;

    padding:14px 18px !important;

    font-size:15px !important;

    transition:var(--eov-transition);

}

.elementor-field:focus{

    border-color:var(--eov-primary) !important;

    box-shadow:0 0 0 4px rgba(139,30,45,.10);

}

.elementor-button{

    min-height:54px;

    border-radius:12px !important;

}


/*==========================================================
    Contact Form 7
==========================================================*/

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea{

    width:100%;

}


/*==========================================================
    WPForms
==========================================================*/

.wpforms-container input,
.wpforms-container select,
.wpforms-container textarea{

    border-radius:10px !important;

}


/*==========================================================
    Error Messages
==========================================================*/

.elementor-message-danger,
.wpcf7-not-valid-tip{

    color:var(--eov-danger);

    font-size:14px;

    margin-top:8px;

}

.elementor-message-success{

    color:var(--eov-success);

    font-size:14px;

}


/*==========================================================
    Responsive
==========================================================*/

@media(max-width:767px){

input[type="submit"],
button[type="submit"]{

    width:100%;

}

}