/* Marketo form styles */
.mktoForm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
	text-align: left;
}

.mktoFormRow.mktoPlaceholder {
  display: none;
}

.contact-form .mktoForm .mktoFormRow[data-wrapper-for="essentialsToDo"],
.contact-form .mktoForm .mktoFormRow[data-wrapper-for="Company"],
.contact-form .mktoForm .mktoFormRow[data-wrapper-for="Number_of_Sites__c"],
.contact-form .mktoForm .mktoFormRow[data-wrapper-for="Notes__c"],
.partners-form .mktoForm .mktoFormRow[data-wrapper-for="essentialsCustomerOrPartner"],
.partners-form .mktoForm .mktoFormRow[data-wrapper-for="FirstName LastName"],
.partners-form .mktoForm .mktoFormRow[data-wrapper-for="referringFirstName referringLastName"],
.mktoButtonRow {
  grid-column: 1 / -1;
}

.partners-form .mktoForm .mktoFormRow[data-wrapper-for="FirstName LastName"],
.partners-form .mktoForm .mktoFormRow[data-wrapper-for="referringFirstName referringLastName"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}

.mktoForm input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), 
.mktoForm select,
.mktoForm textarea {
	width: 100%;
	padding: 10px;
  border: 1px solid #d9dfeb;
  border-radius: 4px;
}

.mktoForm textarea {
  min-height: 140px;
}

.mktoForm label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 3px;
	font-size: 14px;
	font-weight: bold;
}

.mktoForm .mktoFormRow .mktoFieldWrap {
	position: relative;
}

.mktoForm .mktoError {
	position: absolute;
	left: 0 !important;
	bottom: -18px !important;
	font-size: 12px;
	color: red;
  white-space: nowrap;
}

.mktoForm legend {
	margin-bottom: 15px;
}

.mktoForm .mktoFormRow[data-wrapper-for="emailOptin"],
.mktoForm .mktoFormRow[data-wrapper-for="ringCentralSMSOptIn"] {
	display: flex;
  grid-column: 1 / -1;
}

.mktoForm .mktoFormCol[data-wrapper-for="emailOptin"] .mktoFieldWrap,
.mktoForm .mktoFormRow[data-wrapper-for="ringCentralSMSOptIn"] .mktoFieldWrap {
	display: flex;
	margin-right: 10px;
}

.mktoForm .mktoFormCol[data-wrapper-for="emailOptin"] .mktoFieldWrap label .mktoAsterix,
.mktoForm .mktoFormRow[data-wrapper-for="ringCentralSMSOptIn"] .mktoFieldWrap label .mktoAsterix {
	margin-right: 3px;
}

.mktoForm .mktoFormRow[data-wrapper-for="emailOptin"] .mktoHtmlText,
.mktoForm .mktoFormRow[data-wrapper-for="ringCentralSMSOptIn"] .mktoHtmlText {
	font-size: 14px;
	line-height: 1.4;
}

.mktoForm .mktoFormRow textarea {
	width: 100%;
	padding: 10px;
}

.mktoForm .mktoButtonRow {
	margin-top: 10px;
}

.mktoForm .mktoButtonRow button.mktoButton {
	padding: 12px 24px;
	text-shadow: none;
	font-weight: bold;
  background: #a1007d;
  color: #fff;
  cursor: pointer;
  transition: background .25s ease;
}

.mktoForm .mktoButtonRow button.mktoButton:hover {
  background-color: #6e0055;
  border-color: #6e0055;
  color: rgba(255,255,255,0.75);
}

/* Fully hide rows with only hidden inputs */
.mktoFormRow:not(:has(input:not([type="hidden"]))):has(input[type="hidden"]) {
  display: none;
}