/* ==========================================================================
  forms.css – All form styles
========================================================================== */

.form-input > .input-row > p,
.form-input > .input-row-address {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}

.form-input > .input-row > p > span > input,
.form-input > .input-row-address > div > input {
	width: 100%;
}

.form-input > .input-row > p > label,
.form-input > .input-row > p > span,
.form-input > .input-row-address > p,
.form-input > .input-row-address > div,
.discount-form > input[type="text"] {
	width: 300px;
	max-width: 100%;
}

.input-row-address > p:last-of-type {
	display: none;
}

.form-container {
	background-color: #f1f1f1;
}

.form-container .form-input {
	background-color: var(--wp--preset--color--white);
	padding: 20px;
	margin: 10px 0;
	border: 1px solid #e5e5e5;
}

.form-container .form-input.no-spacing > p label,
.form-container .form-input.no-spacing > p {
	margin: 0;
}

/* Online Sales */
.feature-cards-container .feature-card {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}

.feature-cards-container .feature-card input[type='number'] {
	padding: 5px;
	margin-right: 5px;
	width: 40px;
}

.feature-cards-container .feature-card .wpcf7-checkbox label {
	margin: 0;
	padding: 0;
}

.feature-cards-container .feature-card span {
	font-weight: 600;
}

.product-cards-container .product-card {
	width: calc(50% - 20px);	
	display: flex;
	border-radius: 25px;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.product-cards-container .product-card span.wpcf7-list-item-label {
	padding: 15px 30px;
}

.product-cards-container .product-card .wpcf7-list-item-label,
.product-cards-container .product-card > span.wpcf7-list-item > label {
	width: 100%;
	text-align: center;
	display: block;
	border-width: 0;
	padding: 0;
}

.product-cards-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#online-sales-2 .form-container,
.feature-cards-container .feature-card {
	padding: 20px;
}

#online-sales-7 form h2 {
	margin-top: 20px;
}

#online-sales-7 a {
	font-weight: 400;
	text-decoration: underline;
	display: block;
} 
 
.required::after {
	content: " *";
	color: var(--wp--preset--color--vivid-red);
	font-weight: 600;
}

.axcess-line {
	display: flex;
}

.summary p.total-price {
	background-color: var(--e-global-color-primary);
	color: var(--wp--preset--color--white);
	padding: 20px;
}

.summary > p.flex-space-between {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

#sales-step-counter p {
	margin-left: 10px;
	margin-bottom: 0;
	padding: 5px 0;
}

#sales-step-counter h6 {
	margin: 5px 0;
	margin-top: 0;
}

.form-row > p {
	display: flex;
}

#discount-form {
	margin-bottom: 0;
}

#discount-amount,
#no-discount {
	display: flex;
	border-width: 2px;
	border-style: solid;
	padding: 10px;
}

#discount-amount {
	border-color: #99c32c;
	background-color: #98c32c2e;
	color: #7c9f22;
}

#discount-container input[name="discount"] {
	width: 200px;
}

#no-discount {
	background-color: #ff00001c;
	border-color: #ff0000;
	color: #ff0000;
}

#sales-step-counter .current-step {
	border-color: var(--e-global-color-secondary);
	border-width: 0 0 10px 0;
}

#sales-step-counter .elementor-widget-heading {
	transition: none;
}

/* Callback Form */
span[data-name="callbacktime"] > span.radio-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
}

span[data-name="callbacktime"] > span.radio-btn > .wpcf7-list-item {
	width: 50%;
	text-align: center;
}

/* Quote Form */
.form-container#quote-form .form-input {
	max-width: 900px;
}

.quote-page {
	background-color: #fff8ec;
}

.quote-page > .e-con-inner > .e-child,
.quote-page .quote-footer > .e-child {
	background-color: var(--wp--preset--color--white);
	border: 2px solid var(--e-global-color-secondary);
	border-radius: 20px;
}

.quote-page form > .e-con {
	padding: 0;
}

.quote-page .quote-footer > #fca-block {
	background-color: var(--e-global-color-secondary);
}

form .form-btn-con p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	position: relative;
}

form .form-btn-con input {
	min-width: 200px;
}

form .form-btn-con p > .wpcf7-spinner{
	position: absolute;
  top: 50px;
}

form .form-btn-con p > input:nth-of-type(2),
form .form-btn-con a.elementor-button-link,
form .form-btn-con div[data-id="payment"] {
	margin-left: 10px;
}

form .form-btn-con p > input {
	max-width: 200px;
	width: 100%;
}

.quote-page form .quote-dropdown > p {
	display: flex;
	justify-content: space-evenly
}

.quote-page form .quote-dropdown > p > label,
.quote-page form .quote-dropdown > p > span {
	width: 200px;
}

.wpcf7-form-control-wrap[data-name="error_msg"] > input,
form div.wpcf7-response-output { 
	display: none; 
}

#online-sales-5 form .wpcf7-checkbox label {
	font-weight: 400;
}

.wpcf7-radio > .wpcf7-list-item.first,
.wpcf7-radio.radio-btn > .wpcf7-list-item.first {
	margin: 0;
} 

.wpcf7-radio.radio-btn .wpcf7-list-item-label {
	border: 2px solid var(--wp--preset--color--primary);
	background-color: var(--e-global-color-primary);
	color: var(--wp--preset--color--white);
	border-radius: 20px;
	padding: 10px 30px;
	cursor: pointer;
	margin: 0;
}

.wpcf7-radio.radio-btn .wpcf7-list-item br {
	display: none;
}

.wpcf7-form-control.wpcf7-radio:not(.radio-btn) .wpcf7-list-item {
  padding: 10px 15px;
	border: 2px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	border-radius: 15px;
}

.wpcf7-form-control.wpcf7-radio:not(.radio-btn) .wpcf7-list-item-label {
	font-weight: 600;
}

.wpcf7-radio.radio-btn .selected-radio .wpcf7-list-item-label,
.wpcf7-radio.radio-btn .selected-radio input[type="radio"] ~ label {
	background-color: var(--e-global-color-secondary);
	color: var(--wp--preset--color--primary);
	border-color: var(--e-global-color-secondary);
}

.wpcf7-radio.radio-btn .wpcf7-list-item {
  position: relative;
  display: inline-block;
	margin-left: 0;
}

.wpcf7-radio.radio-btn .wpcf7-list-item > label {
	border-radius: 35px;
	border: 3px solid transparent;
	padding: 18px 3px;
}

.wpcf7-radio.radio-btn .selected-radio > label {
	border-color: var(--e-global-color-secondary);
}

.wpcf7-radio.radio-btn input[type="radio"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

span.wpcf7-form-control-wrap > input,
span.wpcf7-form-control-wrap > select,
.input-row-address > div.wpcf7-form-control-wrap > input {
	border: 2px solid var(--e-global-color-secondary);
	color: var(--e-global-color-primary);
}

form > .wpcf7-response-output {
	display: none;
}

.form-btn-con > p > input.wpcf7-form-control[type]{
	border-radius: 20px;
	padding: 10px 30px 10px 30px;
}

form input[type="submit"].wpcf7-submit,
form input[type="submit"].wpcf7-submit:hover {
	background-color: var(--e-global-color-a8b1138);
	color: var(--wp--preset--color--white);
	border: 2px solid var(--e-global-color-a8b1138);
	width: 100%;
}

form .wpcf7-checkbox input[type="checkbox"] {
	position: absolute;
	left: -9999px;
	opacity: 0;
	width: 1px;
	height: 1px;
}

form .wpcf7-checkbox > span {
	margin: 0;
}

form .wpcf7-checkbox .wpcf7-list-item-label {
	cursor: pointer;
	display: block;
	padding-left: 60px;
	text-align: left;
}

form .wpcf7-checkbox .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 25px;
	background-color: var(--wp--preset--color--white);
	border-radius: 20px;
	border: 2px solid var(--e-global-color-primary);
	transition: background 0.3s;
	opacity: .5;
}

form .wpcf7-checkbox .wpcf7-list-item-label::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 21px;
	background-color: var(--e-global-color-primary);
	border-radius: 20px;
	top: 2px;
	left: 2px;
	transition: transform 0.3s;
	opacity: .5;
}

form .wpcf7-checkbox label.is-checked .wpcf7-list-item-label::after,
form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	background-color: var(--wp--preset--color--white);
	transform: translateX(25px);
	opacity: 1;
}

form .wpcf7-checkbox label.is-checked .wpcf7-list-item-label::before,
form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	background-color: var(--e-global-color-primary);
	opacity: 1;
}

form label {
	font-weight: 600;
	padding: 10px 0;
}

form.wpcf7-form .flex-space-between {
	padding: 0;
}

form.wpcf7-form .flex-space-between > div:first-of-type {
	margin-right: 10px;
}

form.wpcf7-form div[data-id="address"] > p:first-of-type {
	margin-bottom: 0;
}

form.wpcf7-form div[data-id="address"] > .wpcf7-form-control-wrap-main.address1 {
	margin-bottom: .9rem;
}

/* CF7 Validation */
.wpcf7.js > div.screen-reader-response {
	position: relative;
	height: 100%;
	width: 100%;
	clip-path: unset;
}

.wpcf7.js > div.screen-reader-response > p {
	display: none;
}

.wpcf7.js > div.screen-reader-response > ul {
	padding: 0;
	margin: 0;
}

.wpcf7.js > div.screen-reader-response > ul > li {
	display: none;
}

.wpcf7.js > div.screen-reader-response > ul > li.error-msg {
	list-style: none;
	padding: 20px;
	background: var(--wp--preset--color--white);
	margin-bottom: 20px;
	border-radius: 5px;
	font-weight: 600;
	color: var(--wp--preset--color--vivid-red);
	display: block;
}


/* =========================
  Mobile Overrides
========================= */
@media (max-width: 767px) {

	.product-cards-container .product-card {
		width: 100%;
	}

	#confirmation-summary p,
	#confirmation-summary strong {
		display: block;
		padding: 0;
	}

  .form-input .flex-center .wpcf7-radio {
		width: 100%;
		display: block;
		text-align: center;
	}

	.form-btn-con > p,
	.form-btn-con {
		flex-direction: column-reverse;
	}

	.form-input.wpcf7-radio .wpcf7-list-item,
	.form-btn-con.flex-center > p > .wpcf7-form-control.wpcf7-submit,
	#online-sales-7 .form-btn-con > [data-id="payment"] {
		margin-left: 0;
	}

	div.axcess-line {
		flex-wrap: wrap;
	}

	.input-row-address > p {
		margin: 0;
		width: 100%;
	}

	.form-container .form-input {
		padding: 10px;
	}

	.competitors-table td,
	.quote-page form > .e-con {
		flex-direction: column;
	} 

	.form-input > .input-row > p,
	.form-input > .input-row-address {
		flex-direction: column;
		align-items: center;
	}

	.form-input > .input-row > p > label,
	.form-input > .input-row-address > p > label {
		margin: 0;
	}

	.form-input > .input-row > p > br,
	.form-input > .input-row-address > p > br {
		display: none;
	}

	/* Online Sales */
	.online-sales-step .elementor-heading-title {
		text-align: center;
	}

	.discount-form {
		text-align: center;
	}

	.discount-form > button {
		margin-top: 10px;
	}
	
	.form-btn-con > [data-id="payment"] {
		margin-bottom: 10px;
	}
}

/* =========================
  Desktop Overrides
========================= */
@media (min-width: 1024px) {
	.wpcf7-form label {
		margin:	10px 0;
	}
}