/*
Theme Name: Hue Child
Theme URI: http://hue.mikado-themes.com/
Description: A child theme of Hue Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Template: hue
*/

.applicationForm-block {
    background: #F5F6F5;
    padding: 50px 55px;
    margin-bottom: 45px;
}

.applicationForm-block .title {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px;
}

.applicationForm-block .ctf-inquiry p.label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #000;
}

.applicationForm-block .ctf-inquiry  span.red {
    color: #ff0000;
}

.applicationForm-block .ctf-inquiry textarea, .applicationForm-block .ctf-inquiry select, .applicationForm-block .ctf-inquiry input {
    background-color: #fff !important;
    padding: 12px !important;
}

body.lz-template .wpcf7 {
    margin-bottom: 100px;
}

body.lz-template .wpcf7 .title {
    margin-bottom: 20px;
}

body.lz-template .wpcf7 .subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 5px;
}


.applicationForm-block .df {
    display: flex;
    align-items: center;
}

.applicationForm-block .point-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

body.lz-template .wpcf7 .applicationForm-block .label-title {
    margin: auto 0;
    display: block;
    max-width: 210px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #6B6B6B;
}

body.lz-template .wpcf7 .applicationForm-block  .label-desc {
    font-size: 12px;
    max-width: 250px;
}

.applicationForm-block .wpcf7-checkbox span,
.applicationForm-block .form-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 156%;
    color: #494949;
}

.applicationForm-block .names {
    align-items: flex-start;
}


.applicationForm-block .names.center {
    align-items: center;
}

.applicationForm-block .names .subtitle {
    margin-top: 40px;
}

.applicationForm-block canvas {
    background: #fff;
}

.applicationForm-block .label-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.applicationForm-block .names .wpcf7-form-control-wrap select {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

@media (max-width: 767.98px) {
    .applicationForm-block .names {
        display: block !important;
    }

    .applicationForm-block {
        padding: 20px 25px;
    }
}

.form_heading h1{
    font-weight: 500;
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 15px;
    font-family: 'Lora';
}

body.lz-template .wpcf7 p,
body.lz-template .form_top ol li,
body.lz-template .form_top p {
    font-weight: 400;
    font-size: 14px;
    line-height: 156%;
    color: #494949;
}

.wpcf7-not-valid-tip {
    font-weight: 400;
    font-size: 14px;
    line-height: 156%;
}

span.wpcf7-not-valid-tip + span.wpcf7-not-valid-tip {
    margin-top: 15px;
}

body.lz-template .form_subtitle p {
    font-weight: 700;
    font-size: 16px;
    line-height: 130.9%;
    margin-top: 45px;
    margin-bottom: 10px;

}

.mkd-ordered-list ol>li:before {
    color: #494949 !important;
    content: counter(li, decimal) "." !important;
}



.wpcf7 .ctf-inquiry span.wpcf7-list-item {
    width: auto;
    margin: 0;
}

.wpcf7 .ctf-inquiry span.wpcf7-list-item .wpcf7-list-item-label {
    display: none;
}

.wpcf7 .ctf-inquiry .wpcf7-checkbox span.wpcf7-list-item  input {
    margin-bottom: 0 !important;
    margin-right: 10px;
}


body.lz-template .form_top .margin-bottom-100 {
    margin-bottom: 40px;
}

body.lz-template .wpcf7 .upload-file {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: space-between;
}

body.lz-template .wpcf7 .upload-file > div {
    display: flex;
}

body.lz-template .wpcf7 .upload-file > div:first-child {
    min-width: 180px;
    margin-top: 5px;
}

body.lz-template .wpcf7 .upload-file > div:last-child {
    max-width: 625px;
    margin-left: 25px;
}


body.lz-template .wpcf7 select,
body.lz-template .wpcf7 textarea,
body.lz-template .wpcf7 input {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 15px 20px !important;
    border-radius: 4px;
    border: 1px solid #C9CCC9;
}

body.lz-template .wpcf7 input.wpcf7-not-valid,
body.lz-template .wpcf7 select.wpcf7-not-valid{
    border: 1px solid #dc3232;
}

@media (max-width: 480px) {
    body.lz-template .wpcf7 .upload-file .wpcf7-file {
        width: 200px;
    }
}

input[type="file" i]::-webkit-file-upload-button,
input[type="file" i]::file-upload-button {
    background: #937223;
}

.custom-file-upload.btn-lz {
    display: none;
}

/*input[type="file"] {
    display: none;
}*/

.custom-file-upload {
    display: inline-block;
    cursor: pointer;
}

body.lz-template .wpcf7 input.btn-lz,
.btn-lz {
    background: #937223;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130.9%;
    text-align: center;
    letter-spacing: 0.12em;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Montserrat';
    text-transform: uppercase;
}


input.wpcf7-form-control.wpcf7-submit.btn-lz:not(.mkd-btn-custom-border-hover):not(.mkd-btn-gradient):hover {
    border-color: #937223!important;
    color: #937223!important;
}




.applicationForm-block .names > div > p:last-child {
    margin-bottom: 0;
}

.applicationForm-block .textarea-question {
    margin-top: 15px;
}

.ctf-inquiry .names.textarea-question > div {
    width: 100%;
}

.applicationForm-block .mb-30 {
    margin-bottom: 30px;
}

.ctf-inquiry .names > div.checkbox-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-basis: auto;
    width: 100%;
}


.ctf-inquiry .names > div.w-30 {
    width: 30%;
}

.ctf-inquiry .names > div.w-70 {
    width: 70%;
}

.pl-5 {
    padding-left: 5%;
}


.wpcf7-not-valid-tip {
    padding: 10px;
    margin-top: -20px;
    font-size: 12px;
}

.upload-file .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: absolute;
}

.applicationForm-block:nth-child(3) .ctf-inquiry .names {
    align-items: flex-start;
}

.applicationForm-block:nth-child(4) .ctf-inquiry .wpcf7-not-valid-tip ,
.applicationForm-block:nth-child(5) .ctf-inquiry .wpcf7-not-valid-tip {
    margin-top: 0px;
}





.wpcf7-form-control-wrap[data-name="rh-has-eviction-action"] select.wpcf7-not-valid,
.wpcf7-form-control-wrap[data-name="rh-convicted-crime"] select.wpcf7-not-valid,
.wpcf7-form-control-wrap[data-name="rh-owe-money-landlord"] select.wpcf7-not-valid,
.wpcf7-form-control-wrap[data-name="rh-convicted-drug"] select.wpcf7-not-valid {
    margin-bottom: 20px !important;
}

.wpcf7-form-control-wrap[data-name="rh-has-eviction-action"] .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap[data-name="rh-convicted-crime"] .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap[data-name="rh-owe-money-landlord"] .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap[data-name="rh-convicted-drug"] .wpcf7-not-valid-tip {
    margin-top: -25px;
    position: absolute;
    width: 150px;
}


@media (max-width: 767.98px) {
    body.lz-template .wpcf7 .upload-file > div:last-child {
        margin-left: 0px;
        margin-top: 20px;
    }
    body.lz-template .wpcf7 .upload-file {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .ctf-inquiry .names > div.w-70 {
        width: 100%;
    }

}

/* Cosigner Application */
.applicationForm-block .information {
    display: flex;
}

.ctf-inquiry .information input[type="date"] {
    max-width: inherit;
}

.names .checkbox-wrapper .wpcf7-not-valid-tip {
    margin-top: 0px;
    padding-left: 0;
    width: 130px;
}

.notice-title {
    font-size: 36px;
    font-family: 'Lora';
    font-weight: 600;
}

.notice {
    background-color: #F0F2F4;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 2rem!important;
}
.notice.is-open {
    background-color: #D1FADF;
}

.notice .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%; /* To create a circular shape */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #fff;
}

.notice .message {
    flex: 1;
    color: #323232;
    font-size: 16px;
}

.wrapper.signature-wrapper.error canvas{
    border: 2px solid red;
}

.wrapper.signature-wrapper.error:after {
    content: 'Please sign the form';
    color: red;
}

select option:disabled {
    background: #f0f0f0;
    color: #999;
}

.wpcf7-not-valid {
    border: 1px solid red;
}

@media (min-width: 1025px) {
    .wpb_text_column .mkd-grid.thank-you-message {
        margin-bottom: 25vh;
    }
}

/* firefox fix */
.residential-inquiry .select-block p > span {
    display: block;
}

/* ios global fix for checkbox */
.wpcf7-not-valid.wpcf7-checkbox {
    display: block;
    width: 40px;
}

@media only screen and (max-width: 480px) {
    .mkd-grid-section.form_top_sublease .mkd-section-inner {
        width: 340px;
    }
}


.signature-wrapper {
  overflow: hidden;
}

@media (max-width: 768px) {
    body.lz-template .ctf-inquiry input[type=date],
    body.lz-template .ctf-inquiry select {
        margin-bottom: 0;
        height: 52px;
        min-width: 95%;
    }
}

.residential-inquiry .currency p {
    display: flex;
}

.residential-inquiry .currency span.symbol {
    margin-top: 12px;
    margin-right: 10px;
}

.residential-inquiry .currency span.wpcf7-form-control-wrap {
    width: 100%;
}

.field-instruction {
    margin-top: -20px;
    font-size: 12px !important;
    color: #555 !important;
}

.applicationForm-block .visa-document-container input {
    margin-bottom: 0 !important;
    width: 100%;
    padding: 20px 25px;
    border: 1px solid #ebebeb;
    outline: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 11px;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
}