/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/



.hide-field.acf-field {
    display: none;
}

.lease-calculator-container {
	border: 1px solid #5ad900;
	border-radius: 8px;
	background: #fff;
	color: #505158;
	padding: 20px;
	max-width: 500px;
}

.lease-calculator-container h3{
	color: #0c0c51;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
}
.form-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 1rem;
}

.form-row .form-col{
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.form-row label{
	font-size: 18px;
	font-weight: 500;
}
.form-row .form-col.last-col label span {
	padding-left: 5px;
}

.form-row.lease_price_row{
	margin-bottom: 0;
}
.form-row.lease_price_row .lease_price_label{
	font-size: 26px;
	font-weight: 600;
}

.form-row.lease_price_row .lease_price_value{
	color: #5ad900;
    font-size: 30px;
    font-weight: 900;
    line-height: 45px;
    text-align: right;
}

.lease-calculator-container .price-label {
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #c2c2c2;
    padding: 5px 32px 5px 5px;
}

.lease-calculator-container select {
	padding: 5px 32px 5px 5px;
	font-size: 18px;
}
.lease-calculator-container .price-label input[type=text]{
	padding:0px;
	box-shadow: none;
	background-color: transparent;
	border: 0px!important;
	font-size: 18px;
	padding-left: 5px;
}

.lease-calculator-container .price-label input[type=text]:focus{
	outline-color: transparent;
}
.lease-quote-wrapper {
	display: block;
	padding-top: 20px;
	width: 100%;
	max-width: 500px;
}

.lease-quote-wrapper .lease-popup-btn{
	padding: 10px 0px 10px 25px;
    background-color: #5AD900;
    border-radius: 8px 8px 8px 8px;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
#leasepopup {
	display: none;
}
.elementor-field-type-hidden { margin-bottom:0px!important; }



.lease-frame {padding: 20px;max-width: 900px;}

.lease-frame .lease-calculator-container {
	border: 1px solid #5ad900;
	border-radius: 8px;
	background: #fff;
	color: #505158;
	max-width: 550px;
	margin:0 auto;	
}

.lease-frame .lease-calculator-container h3{
	color: #0c0c51;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
}
.lease-frame .form-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 1rem;
}

.lease-frame .form-row .form-col{
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}
.lease-frame .form-row label{
	font-size: 18px;
	font-weight: 500;
}
.lease-frame .form-row .form-col.last-col label span {
	padding-left: 5px;
}

.lease-frame .form-row.lease_price_row{
	margin-bottom: 0;
}
.lease-frame .form-row.lease_price_row .lease_price_label{
	font-size: 26px;
	font-weight: 600;
}

.lease-frame .form-row.lease_price_row .lease_price_value{
	color: #5ad900;
    font-size: 30px;
    font-weight: 900;
    line-height: 45px;
    text-align: right;
}

.lease-frame .lease-calculator-container .price-label {
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #c2c2c2;
    padding: 5px 32px 5px 5px;
}

.lease-frame .lease-calculator-container select {
	padding: 5px 32px 5px 5px;
	font-size: 18px;
}
.lease-frame .lease-calculator-container .price-label input[type=text]{
	padding:0px;
	box-shadow: none;
	background-color: transparent;
	border: 0px!important;
	font-size: 18px;
	padding-left: 5px;
}

.lease-frame .lease-calculator-container .price-label input[type=text]:focus{
	outline-color: transparent;
}
.lease-frame .lease-quote-wrapper {
	display: block;
	padding-top: 20px;
	width: 100%;
	max-width: 500px;
}

.lease-frame .lease-quote-wrapper .lease-popup-btn{
	padding: 10px 0px 10px 25px;
    background-color: #5AD900;
    border-radius: 8px 8px 8px 8px;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #fff;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c2c2c2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#c2c2c2;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c2c2c2;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c2c2c2;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #c2c2c2;
}

::placeholder { /* Most modern browsers support this now. */
   color: #c2c2c2;
}

.error-msg {color: red;font-weight: 500;font-size: 18px;}


@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
	.lease-iframe-wp .elementor-form-fields-wrapper .elementor-field-group {
		width: 49%;
	}

	.lease-iframe-wp .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-textarea {width: 100%;}
}