/********************************
	* FORM
********************************/
.custom-form-block .brandForm {
	padding-right: 30px;
	padding-left: 30px;
}
.custom-form-block .brandForm .formClose {
	background: url('/wp-content/themes/hormelfoodservice-child/assets/close-svg.svg') no-repeat center;
	height: 45px;
	width: 45px;
	top: 0;
	right: -45px;
}
.custom-form-block .brandForm h3 {
	width: 100%;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0;
}
	@media only screen and (min-width: 750px) {
		.custom-form-block .brandForm h3 {
			font-size: 33px;
			font-size: 1.9411rem;
		}
	}

.custom-form-block .brandForm p.subheadline {
	margin-top: .6em;
	margin-bottom: 1.9em;
}
	@media only screen and (min-width: 750px) {
		.custom-form-block .brandForm p.subheadline {
			font-size: 1.1529rem;
		}
	}

.custom-form-block .brandForm input[type="submit"] {
	padding: 8px 16px 5px !important;
}
.custom-form-block .brandForm input[type="submit"]:disabled, 
.custom-form-block .brandForm input[type="submit"]:disabled:hover {
    background: #eeeeee !important;
    border-color: #bbbbbb !important;
    color: #cccccc !important;            
}
@media only screen and (max-width:700px) {
	.custom-form-block .brandForm .formClose {
		top: -10px;
		right: 0;
	}
}

.pardotForm .custom-checkboxes-field ul li { padding-top: .5rem; }
.pardotForm .custom-checkboxes-field ul li.checkbox > label { margin-bottom: .5rem; }
.pardotForm .custom-checkboxes-field input[type="checkbox"] { vertical-align: top; }
.pardotForm .custom-checkboxes-field ul li.checkbox > label .value label { padding-top: .5em; }


.pardotForm {
  box-sizing: border-box;
}
.pardotForm *, .pardotForm *:before, .pardotForm *:after {
  box-sizing: inherit;
}

.pardotForm .thankyou { display: none; padding: 40px 0; }

.pardotForm fieldset { border: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; }

.pardotForm input[type="text"]:read-only { font-style: oblique; opacity: 70%; }

.pardotForm a { color: #fff; text-decoration: underline; vertical-align: inherit; }
	.pardotForm a:hover { color: rgba(255,255,255,.8); }


/* FORM LAYOUT OVERALL */
.pardotForm ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;

	display: inline-flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	column-gap: 1.5rem;
}

	.pardotForm ul li {
		flex: 0 1 auto;
		width: 100%;
		max-width: calc( 33.33% - 1rem ); /* 1rem to account for one third of the 1.5rem gap */
		/*max-width: 33.33%;*/
		text-align: left;
		padding: 1rem 0 0 0;
	}
		/*.pardotForm ul li#state, 
		.pardotForm ul li#zipcode { display: none; }*/

	.pardotForm ul li.checkbox {
		padding-right: 0;
	}

	.pardotForm ul li.checkbox > label { display: block; margin-bottom: 1rem; }
		.pardotForm ul li.checkbox label {
			vertical-align: middle;
			font-size: 13.6px;
			font-size: .8rem;
			line-height: 1.1;
		}

		.pardotForm ul li.checkbox > label .value { display: inline-block; width: 90%; }
		.pardotForm ul li.checkbox > label .value label { vertical-align: middle; display: inline-block; width: 100%; }

	.pardotForm ul li.fullwidth {
		max-width: unset;
		/*padding-right: 0;*/
	}
		.pardotForm ul li.fullwidth.rightalign {
			text-align: right;
		}

	.pardotForm ul li.onequarter {
		max-width: calc( 25% - 1.125rem ); /* 1.125rem to account for one quarter of the 1.5rem gap */
	}
	.pardotForm ul li.threequarters {
		max-width: calc( 75% - .375rem ); /* .375rem to account for three quarters of the 1.5rem gap */
	}

	.pardotForm ul li.thirdwidth {
		max-width: calc( 33.33% - 1rem ); /* 1rem to account for one third of the 1.5rem gap */
	}
	.pardotForm ul li.halfwidth {
		max-width: calc( 50% - .75rem ); /* .75rem to account for one half of the 1.5rem gap */
	}
	.pardotForm ul li.twothirds {
		max-width: calc( 66.66% - .5rem ); /* .5rem to account for two thirds of the 1.5rem gap */
	}

	.pardotForm ul li.form-section-header {
		max-width: unset;
		padding-top: 1.5rem;
		margin-top: 30px;
	}
	.pardotForm ul li.form-section-header:first-child {
		padding-top: 0;
	}
	.pardotForm ul li.form-section-header h4 {
		margin: 0;
		color: var(--hfic-primary-color);
		font-size: 24px;
	}

	.pardotForm ul.radios {
		justify-content: flex-start;
	}
		.pardotForm ul.radios li {
			padding: 0;
			width: 24%;
		}

		

/* FIELDS FORMATTING */
.pardotForm label {
	font-size: .8em;
}

.pardotForm input[type="text"],
.pardotForm input[type="email"],
.pardotForm input[type="tel"],
.pardotForm select,
.pardotForm textarea {
	border: 0;
	width: 100%;
	font-size: .8235rem;
	font-size: 14px;
	padding: 4px 10px 0px;
	min-height: 32px;
}

.pardotForm select {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	padding-right: 42px;
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.062' height='13.665' viewBox='0 0 30.062 13.665'%3E%3Cpath d='M15.031,0,30.062,13.665H0Z' transform='translate(30.062 13.665) rotate(180)' fill='%232e2f30'/%3E%3C/svg%3E");
}

.pardotForm select::-ms-expand {
	display: none;
}

.pardotForm textarea {
    height: 100px;
}

.pardotForm input[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
}


.pardotForm li.checkbox {
	line-height: 1.2;
	padding-left: 40px;
	text-indent: 0;
	max-width: calc( 33.33% - 1rem );
}
.pardotForm li.checkbox a { vertical-align: baseline; }

#comment-field-label {
	color: var(--hfic-primary-color) !important;
  	font-size: 24px;
  	font-family: "BrandonTextWeb", "Hind", sans-serif;
  	font-weight: 700;
	margin-top: 30px;
}

/*.pardotForm input[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}*/

.pardotForm input[type="checkbox"] {
	border: 0;
	display:inline-block;
	vertical-align: middle;
	/*float:left;*/
	height:30px !important;
	width:30px;
	margin-top:-2px;
	margin-left: -40px;

	background-color:transparent;
	background-image:url('../images/checkmarkSprite@2x.png');
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
}
	.pardotForm input[type="checkbox"]:checked {
		background-color:#fff;
		background-image:url('../images/checkmarkSprite@2x.png');
		background-position: center right;
		border: 0;
	}
	.pardotForm input[type="checkbox"]:focus { 
		background-color: #fff !important;
		outline: none !important;
	}


.pardotForm input[type="submit"] {
	text-align: right;
}

@media only screen and (max-width: 700px) {
	.pardotForm ul li,
	.pardotForm ul li.thirdwidth {
		max-width: calc( 50% - .75rem );
	}
	.pardotForm ul li.twothirds,
	.pardotForm ul li.checkbox {
		max-width: unset;
	}
	.pardotForm ul li.checkbox { padding-top: 1rem !important; }

		.pardotForm ul.radios li {
			padding: 10px 2px 0;
		}

	.pardotForm input[type="text"],
	.pardotForm input[type="email"],
	.pardotForm select,
	.pardotForm textarea {
		max-width: none !important;
		width: 100% !important
	}
}

@media only screen and (max-width: 560px) {
	.pardotForm ul li,
	.pardotForm ul li.halfwidth,
	.pardotForm ul li.thirdwidth {
		max-width: 100%;
	}

		.pardotForm ul.radios li {
			width: 100%;
		}

		.pardotForm li.checkbox {
			width: 100%;
			margin: 0 0 0 auto;
		}
}