/*
----------------------------------------------------------------

theme.css
Gravity Forms Gravity Theme Styles
For the Square Add-On
A light theme for the frontend engineered to get reasonably
nice look and feel in all our standard theme targets.
https://www.gravityforms.com

Theme dependencies:
- Gravity Forms Basic Theme: basic.css

Gravity Forms is a Rocketgenius project
copyright 2008-2025 Rocketgenius Inc.
https://www.rocketgenius.com
this may not be re-distributed without the
express written permission of the author.

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO UPGRADE
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

.gravity-theme .sq-card-component, .gform_legacy_markup_wrapper .sq-card-component {
		width: 100%;
	}

.gravity-theme .ginput_container_square_card, .gform_legacy_markup_wrapper .ginput_container_square_card {
		max-width: 700px;
	}

.gravity-theme .sq-card-iframe-container, .gform_legacy_markup_wrapper .sq-card-iframe-container {
		width: 100%;
	}

.gravity-theme .sq-cardholder-container, .gform_legacy_markup_wrapper .sq-cardholder-container {
		margin-bottom: 11.008px;
	}

.gravity-theme .sq-card-message, .gform_legacy_markup_wrapper .sq-card-message {
		display: none !important;
	}

.gravity-theme .gfield_description.validation_message:empty, .gform_legacy_markup_wrapper .gfield_description.validation_message:empty {
		display: none;
	}

.gravity-theme.gform_wrapper .field_description_below .square-multi-element-form .gfield_description.validation_message, .gravity-theme.gform_wrapper .field_description_above .square-multi-element-form .gfield_description.validation_message, .gform_legacy_markup_wrapper.gform_wrapper .field_description_below .square-multi-element-form .gfield_description.validation_message, .gform_legacy_markup_wrapper.gform_wrapper .field_description_above .square-multi-element-form .gfield_description.validation_message {
		padding-top: 0;
	}

.gravity-theme .sq-input-container, .gform_legacy_markup_wrapper .sq-input-container {
		display: flex;
		flex-flow: column;
	}

/* Placeholder Inputs */

.gravity-theme .ginput_container_square_creditcard > .cc-group, .gravity-theme .ginput_container_square_creditcard > .holder-container, .gform_legacy_markup_wrapper .ginput_container_square_creditcard > .cc-group, .gform_legacy_markup_wrapper .ginput_container_square_creditcard > .holder-container {
		display: block;
		width: 100%;
	}

.gravity-theme .ginput_container_square_creditcard .cc-group, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-group {
		position: relative;
	}

.gravity-theme .holder-container, .gform_legacy_markup_wrapper .holder-container {
		padding: 0;
	}

.gravity-theme .holder-container input, .gform_legacy_markup_wrapper .holder-container input {
			line-height: 1;
		}

.gravity-theme .ginput_container_square_creditcard .cc-details-container, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-details-container {
		position: relative;
	}

.gravity-theme .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber {
			background-color: rgba(255, 255, 255, 0.5);
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22px' height='14px' viewBox='0 0 22 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Crect fill='%23DCDFE6' x='0' y='0' width='22' height='14' rx='2'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='3' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='7' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='11' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23B2B8C6' x='15' y='10' width='3' height='1'%3E%3C/rect%3E%3Crect fill='%23FFFFFF' x='3' y='4' width='5' height='3'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
			background-position: 16px 50%;
			background-repeat: no-repeat;
			background-size: auto 20px;
			padding-left: 56px;
		}

.gravity-theme .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber::-moz-placeholder, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber::-moz-placeholder {
				color: #9092b0;
			}

.gravity-theme .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber::placeholder, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-details-container input.cc-cardnumber::placeholder {
				color: #9092b0;
			}

.gravity-theme .ginput_container_square_creditcard .cc-placeholders, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-placeholders {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		gap: 6px;
		height: 100%;
		position: absolute;
		right: 24px;
		top: 0;
		z-index: 2;
	}

.gravity-theme .ginput_container_square_creditcard .cc-placeholders span, .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-placeholders span {
			color: #9092b0;
		}

html[dir="rtl"] .gravity-theme .ginput_container_square_creditcard .cc-details-container .cc-cardnumber, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-details-container .cc-cardnumber {
		background-position: calc(100% - 16px) 50%;
		padding-left: 8px;
		padding-right: 56px;
	}

html[dir="rtl"] .gravity-theme .ginput_container_square_creditcard .cc-placeholders, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-placeholders {
		left: 24px;
		right: auto;
	}

html[dir="rtl"] .gravity-theme .ginput_container_square_creditcard .cc-cvc-placeholder, html[dir="rtl"] .gform_legacy_markup_wrapper .ginput_container_square_creditcard .cc-cvc-placeholder {
		padding-left: 0 !important;
		padding-right: 16px;
	}

html[dir="rtl"] .gf_entry_wrap .gform_wrapper table input.cc-cardnumber {
	float: none !important;
}

/*# sourceMappingURL=theme.css.map */