.et_pb_section.divi-library-footer-layout {
	padding-top: 160px !important;
	padding-bottom: 2rem !important;
	background-size: initial;
	background-position: center top;
	background-image: url(https://bccvbdev.wpenginepowered.com/wp-content/uploads/2023/02/footer-back.svg), linear-gradient(180deg, #ffffff 63%, #603913 64%) !important;
}

.divi-library-footer-layout,
.divi-library-footer-layout a,
.divi-library-footer-layout h3 {
	color: white;
	text-decoration: none;
}

.divi-library-footer-layout .et_pb_column {
	margin-right: 0;
}

@media (min-width: 981px) {
	.et_pb_gutters3.et-db #et-boc .et-l .divi-library-footer-layout .et_pb_column_1_4 {
		width: unset;
	}
}

.et_pb_gutters3.et-db #et-boc .et-l .divi-library-footer-layout h3,
.et_pb_gutters3.et-db #et-boc .et-l .divi-library-footer-layout a {
	color: white;
}

.divi-library-footer-layout .et_pb_row:first-of-type {
	display: grid;
	column-gap: 2.5vw;
	grid-template-areas: "logo address social signup";
}

@media (max-width: 1236px) {
	.divi-library-footer-layout .et_pb_row:first-of-type {
		grid-template-areas:
			"logo address signup"
			"logo social signup";
	}
}

.divi-library-footer-layout .et_pb_row:first-of-type .et_pb_column {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.divi-library-footer-layout h3,
.divi-library-footer-layout p {
	padding-bottom: 0;
	margin-bottom: 0;
}

.divi-library-footer-layout h3 {
	font-family: "Trade Gothic Pro Bold", Helvetica, Arial, Lucida, sans-serif !important;
}

.divi-library-footer-layout p {
	font-family: "Sentinel SemiBold", Helvetica, Arial, Lucida, sans-serif !important;
	line-height: 1.3;
}

.divi-library-footer-layout .logo-column {
	grid-area: logo;
}

.divi-library-footer-layout .address-column {
	grid-area: address;
}

.divi-library-footer-layout .social-column {
	grid-area: social;
}

.divi-library-footer-layout .signup-column {
	grid-area: signup;
}

.divi-library-footer-layout .address-column h3 {
	font-size: 1em;
}

/* for some reason the tiktok icon isn't loading correctly. */
.divi-library-footer-layout .social-column .et_pb_social_media_follow .et_pb_social_icon:nth-of-type(3) a::before {
	content: "\E07B";
	font-family: FontAwesome !important;
}

.divi-library-footer-layout .signup-column p {
	margin: 0.5em 0 2em;
}

/* there's an empty p tag I can't shake */
.divi-library-footer-layout .signup-column p:last-of-type {
	display: none;
}

@media (min-width: 980px) {
	.divi-library-footer-layout .logo-column img {
		transform: translateY(-3rem);
	}

	.divi-library-footer-layout .signup-column form {
		display: flex;
		gap: 0.5rem;
		align-items: center;
	}

	.divi-library-footer-layout .signup-column .gform-body {
		flex: 4;
	}

	.divi-library-footer-layout .signup-column .gform-footer {
		flex: 1;
		margin: 0 !important;
		margin-bottom: 0.5em !important;
		padding: 0 !important;
	}
}

@media (min-width: 1280px) {
	.divi-library-footer-layout .logo-column img {
		transform: translateY(-1rem);
	}
}

@media (max-width: 1236px) {
	.divi-library-footer-layout .et_pb_row:first-of-type {
		grid-template-areas:
			"logo address signup"
			"logo social signup";
	}

	.divi-library-footer-layout .logo-column img {
		transform: translateY(-3.75rem);
	}

	.divi-library-footer-layout .social-column .et_pb_social_media_follow {
		text-align: left;
	}
}

@media (max-width: 980px) {
	.divi-library-footer-layout .et_pb_row:first-of-type {
		grid-template-areas:
			"logo"
			"address"
			"social"
			"signup";
	}

	.divi-library-footer-layout .et_pb_row:first-of-type .et_pb_column:not(:first-of-type) {
		margin-bottom: 3em;
	}

	.divi-library-footer-layout,
	.divi-library-footer-layout .et_pb_row .et_pb_text,
	.divi-library-footer-layout .social-column .et_pb_social_media_follow {
		text-align: center;
	}

	.divi-library-footer-layout .logo-column img {
		transform: none;
	}

	.divi-library-footer-layout .et_pb_social_media_follow li:not(:last-of-type) {
		margin-right: 1em;
	}

	.et_pb_social_media_follow li a.icon {
		height: 4rem;
		width: 4rem;
	}

	.et_pb_social_media_follow li a.icon:before {
		font-size: 2rem;
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
	}

	.divi-library-footer-layout .signup-column .gform_wrapper {
		max-width: 400px;
		margin: auto;
	}

	.divi-library-footer-layout .signup-column .gform-footer input[type="submit"] {
		margin: auto;
		padding: 0.8em 1.75em 0.6em !important;
		font-size: 22px !important;
	}
}
