/* Custom styles for Sandy Valley Sanitation - Jon @ Graydian - 2026-02-27 */

.site-header,
.bs-header {
	display: none !important;
}

.post .entry-header {
	display: none !important;
}


/* Header */

.container.container-sv-header {
	max-width: 1000px;
	padding: 30px 0;
	text-align: center;
}

.container.container-sv-header h1 {
	font-family: "Noto Serif", serif;
	color: #1e9216;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 1.1;
}

.container.container-sv-header p {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.container.container-sv-header p:last-of-type {
	margin-bottom: 0;
}

body #page {
	padding-top: 0;
}



/* Gravity Forms */

/* Form containers, fields, and buttons */

.gform_wrapper {
	box-shadow: 0 2px 10px #ccc;
	padding: 30px;
	border-radius: 10px;
	background: #e3e3e3;
	background: linear-gradient(180deg,rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 0) 50%);
	border: 3px solid #fff;
}

.gform_wrapper .gfield {
	background-color: #eee;
	padding: 15px;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 1px 5px #ccc;
}

.gform_wrapper #field_1_11 {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

.gform_wrapper fieldset.gfield {
	background-color: #eee;
	padding: 45px 15px 15px 15px;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 1px 5px #ccc;
}

.gform_wrapper fieldset.gfield legend {
	position: absolute;
	top: 17px;
}

.gform_wrapper .gfield_label {
	font-weight: 700;
	margin-bottom: 2px;
}

.gform_wrapper .gform-field-label.gform-field-label--type-sub,
.gform_wrapper .gfield_description {
	margin-top: 3px;
	color: #555;
}

.gform_wrapper .gfield_description.validation-message,
.gform_wrapper .gfield_validation_message {
	color: #c02b0a !important;	
	font-weight: 800 !important;
}

.gform_wrapper #field_1_9 {
	padding: 0;
	background-color: transparent;
	box-shadow: none;
}

.gform_wrapper .gfield--type-total {
	margin-bottom: 15px;
}

.gform_wrapper .gfield--type-total .gfield_label {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 7px;
}

.gform_wrapper .gfield--type-total .ginput_total {
	outline: 0 !important;
	outline: none !important;
	outline: -webkit-focus-ring-color 0 !important;
	font-size: 22px !important;
	font-weight: normal !important;
}

.gform_wrapper .gfield--type-total .ginput_total:focus,
.gform_wrapper .gfield--type-total .ginput_total:focus-visible,
.gform_wrapper .gfield--type-total .ginput_total:focus-within,
.gform-theme--framework input[type].gform-text-input-reset:focus {
	outline: 0 !important;
	outline: none !important;
	outline: -webkit-focus-ring-color 0 !important;
	--gf-local-border-color: 0 !important;
	--gf-local-outline-color: transparent !important;
	--gf-local-outline-width: 0 !important;
}


.gform_wrapper .gform_footer input[type="submit"],
.button-container button#clover-button {
		-webkit-appearance: none !important;
		font-size: 24px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		text-shadow: none !important;
		margin-right: 0;
		padding: 12px 16px;
		--gf-local-padding-x: 16px !important;
		--gf-local-padding-y: 12px !important; 
		color: #fff !important;
		background-color: #1e9216 !important;
		border-color: #000;
		border-width: 3px;
		position: relative;
		top: -3px;
		-webkit-box-shadow: 3px 3px #000 !important;
		box-shadow: 3px 3px #000 !important;
		-webkit-transition: all 0.3s ease !important;
		transition: all 0.3s ease !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.button-container button#clover-button {
		-webkit-appearance: none !important;
		color: #fff !important;
		background-color: #1e9216 !important;
		border-color: #000 !important;
		-webkit-box-shadow: 0 0 #000 !important;
		box-shadow: 0 0 #000 !important;
		top: 0 !important;
}

.gform_wrapper .gform_footer input[type="submit"]:focus,
.button-container button#clover-button {
		-webkit-appearance: none !important;
		color: #fff !important;
		background-color: #12780b !important;
		border-color: #000 !important;
		-webkit-box-shadow: 0 0 #000 !important;
		box-shadow: 0 0 #000 !important;
		top: 0 !important;
}


.gform_wrapper #payment-form .form-row {
	margin-bottom: 15px;
}

.gform_wrapper #payment-form .form-row iframe input {
	padding: 8px;
}

.gform_wrapper .button-container {
	padding-top: 15px;
}

.gform_wrapper .button-container input.gform_button.button {
	margin-left: 10px;
	background-color: transparent;
	color: #1e9216;
	padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.container.container-sv-header h1 br {
		display: none;
	}
	
	.container.container-sv-header img {
		max-width: 75%;
		margin-bottom: 20px;
	}
	
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.container.container-sv-header h1 br {
		display: none;
	}

	.container.container-sv-header img {
		max-width: 85%;
		margin-bottom: 20px;
	}


	.gform_wrapper {
		padding: 10px;
	}
	
	.gform_wrapper .gform_footer input[type="submit"],
	.button-container button#clover-button {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 20px !important;
		margin-bottom: 15px;
	}
	
	.button-container input.gform_button.button {
		display: block;
		width: 100%;
		text-align: center;
		margin-left: 0 !important;
		padding: 12px 16px !important;
		border: 1px solid #1e9216;
	}
	
}