/*
 * Theme Name:  Recap Child
 * Theme URI:   https://recap.codesupply.co/
 * Description: Recap Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    recap
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* Footer: three columns (brand | search + links | newsletter) */
.cs-footer__inner.zw-footer {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
}

@media (min-width: 768px) {
	.cs-footer__inner.zw-footer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zw-footer__col--brand {
		grid-column: 1 / -1;
	}
}

@media (min-width: 992px) {
	.cs-footer__inner.zw-footer {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 3rem;
	}

	.zw-footer__col--brand {
		grid-column: auto;
	}
}

.zw-footer__col {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	min-width: 0;
}

.zw-footer__col--brand .cs-footer__copyright {
	margin-top: auto;
}

.zw-footer__col--nav .cs-footer-columns__nav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem 2rem;
	justify-content: start;
}

.zw-footer__col--nav .cs-footer-columns__nav > li {
	max-width: none;
}

.cs-footer__newsletter .widget + .widget {
	margin-top: 1rem;
}

.cs-footer__newsletter-title {
	margin: 0 0 0.75rem;
}

.cs-footer__newsletter .gform_wrapper,
.cs-footer__newsletter .gform_wrapper form {
	margin: 0;
}

/* Footer form fields and buttons: white at rest */
.cs-footer .cs-search__input,
.cs-footer .gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.cs-footer .gform_wrapper select,
.cs-footer .gform_wrapper textarea {
	background-color: #fff !important;
	color: #000 !important;
}

.cs-footer .cs-search__submit,
.cs-footer .gform_wrapper input[type="submit"],
.cs-footer .gform_wrapper button,
.cs-footer .gform_wrapper .gform_button {
	background-color: #fff !important;
	color: #000 !important;
}

.cs-footer .cs-search__submit:hover,
.cs-footer .cs-search__submit:focus,
.cs-footer .gform_wrapper input[type="submit"]:hover,
.cs-footer .gform_wrapper input[type="submit"]:focus,
.cs-footer .gform_wrapper button:hover,
.cs-footer .gform_wrapper button:focus,
.cs-footer .gform_wrapper .gform_button:hover,
.cs-footer .gform_wrapper .gform_button:focus {
	background-color: var(--cs-color-button-hover) !important;
	color: var(--cs-color-button-hover-contrast) !important;
}