/* Site Footer */
.site-footer {
	margin-top: var(--space-xlarge);	
}

.al-above-footer {
	background-color: var(--red-dark);
	color: #fff;
	padding: var(--space-small) var(--gutter-width);
}

.al-above-footer h3 {
	color: inherit;
}

.footer-email-signup {
	border-bottom: 1px solid var(--gray-light);
	padding-bottom: var(--space-large);
}

.footer-newsletter-form .gfield input {
	border-radius: 1.5em;
}

.footer-newsletter-form .validation_message {
	color: inherit;
}

/* 4-28-22 - Need to override some (now) included gform styles */
#gform_wrapper_1.gform_legacy_markup_wrapper input {
	padding: var(--space-xxsmall) var(--space-normal);
}

@media (min-width: 641px) {

	#gform_1 {
		display: flex;
		flex-wrap: nowrap;
	}

	#gform_wrapper_1.gform_legacy_markup_wrapper .gform_footer {
		margin: 0;
		width: auto;
	}
}


.footer-catalog-request .widget {
	display: flex;
}

.footer-catalog-request-text {
	flex-grow: 1;
	padding-right: var(--space-large);
	width: 68.75%;
}

.footer-catalog-request-image {
	max-width: 100px;
	width: 31.25%;
}

.footer-catalog-request-image img {
	border: none;
	border-radius: 0;
}

.al-site-footer {

	/* Temp */
	background-color: #eee;

	padding: 0 var(--gutter-width);
}

/* Logo in footer always stays mobile version */
.al-site-footer .logo-mobile a {
	display: block;
}

.al-site-footer .logo-regs {
	display: none;
}

.al-site-footer .footer-widgets {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 540px;
}

.footer-widget.annalee-head {
	min-width: 100%;
}

/* 4-28-22 - "Site Improvements" - Adjust footer content on the gray background to be in one column at the smallest size. This will fix the issue with the social media icons breaking into two rows and the refer a friend button from breaking */
.footer-widget {
	max-width: 100%;
	min-width: 100%;
	padding: var(--space-xxsmall) 0;
}

@media (min-width: 30em) {

	.footer-widget {
		max-width: 50%;
		min-width: 50%;
	}

	.footer-widget.about-us,
	.footer-widget.social {
		padding-left: var(--space-large);
	}

}

.footer-widgets {
	padding-top: var(--space-large);
}

.footer-widgets a:not(.button) {
	color: inherit;
	text-decoration: none;
}


.al-contact address {
	font-style: normal;
}

.al-contact dl {
	margin: 0;
}

.al-contact dt {
	display: inline;
	text-transform: lowercase;
}

.al-contact dt::after {
	content: ":";
}

.al-contact dd {
	display: inline;
	margin: 0;
}

.al-contact dd::after {
	content: "\A";
	white-space: pre;
}


.footer-bottom {
	border-top: 1px solid var(--gray-light);
	font-size: 0.8888em;
	margin-top: var(--space-large);
	padding-bottom: var(--space-normal);
	padding-top: var(--space-small);
	text-align: center;
}

.footer-bottom a {
	font-weight: 700;
	text-decoration: none;
}


@media (min-width: 37.5em) {

	.al-above-footer .widget {
		margin: var(--space-xlarge) auto;
		max-width: 540px;
	}

	.al-above-footer h3 {

		/* 37/48 */
		font-size: 2.05555em;
		line-height: 1.297297;
		margin: 0;

	}

	.footer-email-signup {
		padding-bottom: 0;
	}

	.footer-newsletter-form form {
		display: flex;
		flex-wrap: wrap;
	}

	.footer-newsletter-form .validation_error {
		margin-bottom: 1em;
	}

	.footer-newsletter-form .gform_body {
		flex-grow: 1;

		/* 4-28-22 - No longer need this */

		/*margin-right: 1rem;*/
	}

	.footer-newsletter-form .gfield {
		margin: 0;
	}

	.footer-newsletter-form .gform_footer {
		margin: 0;
	}

	.footer-catalog-request-image p {
		margin: 0;
	}

	.footer-catalog-request-text p {
		margin-bottom: 0;
	}

}

@media (min-width: 64em) {

	.site-footer-inner {
		margin: 0 auto;
		max-width: var(--max-width-wide);
	}

	.al-above-footer .site-footer-inner {
		display: flex;
	}

	.footer-email-signup {
		border-bottom: none;
		padding-right: var(--space-xlarge);
	}

	.footer-catalog-request .widget {
		border-left: 1px solid var(--gray-light);
		padding-left: var(--space-xlarge);
	}


	.al-site-footer .footer-widgets {
		justify-content: space-between;
		max-width: none;
		padding-top: var(--space-xlarge);
	}

	.footer-widget {
		max-width: 25%;
		min-width: auto;
		padding-left: var(--space-large);
	}

	.footer-widget.annalee-head {
		min-width: inherit;
		order: 1;
		padding-left: 0;
	}

	.footer-widget.contact {
		order: 2;
	}

	.footer-widget.help-support {
		order: 3;
	}

	.footer-widget.about-us {
		order: 4;
	}

	.footer-widget.social {
		order: 5;
	}

}