/* Westgear footer (inc/westgear-footer.php). Measurements copied from the former Elementor blocks 41640 and 41641. */

/* Full-width bands inside Woodmart's centered container. */
.wg-band {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
}

.wg-inner {
	display: flex;
	gap: 10px;
	max-width: calc(var(--wd-container-w, 1222px) - 30px);
	margin: 0 auto;
}

/* Elementor's kit and Woodmart style h4, h5, p and li with higher specificity, so footer rules are scoped to .wg-band. */
.wg-band :is(h4, h5, p, ul, li) {
	margin: 0;
}

.wg-band ul {
	padding: 0;
	list-style: none;
}

.wg-band img {
	display: block;
	max-width: 100%;
	height: auto;
}

.wg-text {
	font-size: 14px;
	line-height: 1.6;
}

.wg-text p:not(:last-child) {
	margin-bottom: 20px;
}

/* Reviews */

.wg-reviews {
	padding: 35px 0;
}

.wg-reviews-inner {
	padding: 10px;
}

/* USP row */

.wg-usps {
	padding: 0 10px;
	border-bottom: 1px solid rgba(129, 129, 129, 0.2);
	background-color: #222;
}

.wg-usps .wg-inner {
	padding: 10px 0;
}

.wg-usp {
	position: relative;
	display: flex;
	flex: 1 1 0;
	gap: 20px;
	align-items: flex-start;
	min-width: 0;
	padding: 10px;
}

/* The Elementor info box was one pixel taller than its icon. */
.wg-usp-icon {
	flex: 0 0 auto;
	padding-bottom: 1px;
}

.wg-band .wg-usp-title {
	color: #fff;
	font-family: var(--wd-title-font, "Poppins", sans-serif);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
}

.wg-band .wg-usp-text {
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	line-height: 1.6;
}

.wg-usp-link {
	position: absolute;
	inset: 0;
}

/* Footer columns */

.wg-footer-main {
	padding: 0 15px;
	border-bottom: 1px solid rgba(129, 129, 129, 0.2);
	background-color: #222;
}

.wg-footer-main .wg-inner {
	padding: 30px 0;
}

.wg-col {
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	padding: 10px;
}

.wg-col-about {
	width: 32.211%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.wg-col-links {
	width: 14%;
	gap: 0;
}

.wg-col-badges {
	width: 19.641%;
	align-items: center;
}

.wg-col-contact {
	width: 20%;
}

.wg-logo img {
	width: 100%;
}

.wg-about {
	color: rgba(255, 255, 255, 0.8);
}

.wg-band .wg-title,
.wg-links a {
	display: flex;
	padding: 8px 0;
	color: #fff;
	font-family: var(--wd-text-font, "Lato", sans-serif);
	font-size: 14px;
	line-height: 1.3;
}

.wg-band .wg-title {
	font-weight: 600;
	text-transform: uppercase;
}

.wg-links a {
	font-weight: 400;
}

.wg-links a:hover {
	color: #fff;
}

.wg-badge:first-child,
.wg-badge:first-child img {
	width: 100%;
}

.wg-band .wg-col-contact .wg-title {
	margin-bottom: -14px;
}

.wg-contact li {
	display: flex;
	align-items: center;
}

.wg-band .wg-contact li:not(:last-child) {
	padding-bottom: 6.5px;
}

.wg-band .wg-contact li + li {
	margin-top: 6.5px;
}

.wg-contact a {
	display: flex;
	align-items: center;
}

.wg-contact-icon {
	display: flex;
	flex: 0 0 auto;
	width: 27.5px;
	padding-right: 3px;
	box-sizing: content-box;
	color: #fff;
}

.wg-contact-text {
	padding-left: 5px;
	color: #fff;
	font-family: "Roboto", var(--wd-text-font, "Lato"), sans-serif;
	font-size: 14px;
	line-height: 1.6;
}

.wg-hours,
.wg-hours strong {
	color: #fff;
}

/* Copyright row */

.wg-copyright {
	background-color: #0e0e0e;
}

.wg-copyright .wg-inner {
	padding: 4px 0;
}

.wg-copyright-text {
	flex: 1 1 auto;
	padding: 10px;
	color: #d5d5d5;
	font-size: 15px;
	text-align: center;
}

.wg-copyright-text a {
	color: #fff;
}

/* Tablet: USPs in a 2 x 2 grid and the footer in two rows, instead of narrow columns. */
@media (min-width: 768px) and (max-width: 1024px) {
	.wg-usps .wg-inner,
	.wg-footer-main .wg-inner {
		flex-wrap: wrap;
	}

	.wg-usp {
		flex: 0 0 calc(50% - 5px);
	}

	.wg-badge:first-child img {
		max-width: 260px;
		margin: 0 auto;
	}

	.wg-col-about,
	.wg-col-badges,
	.wg-col-contact {
		width: calc(50% - 5px);
	}

	.wg-col-links {
		width: calc(25% - 7.5px);
	}
}

/* Mobile */
@media (max-width: 767px) {
	.wg-usps {
		padding: 0;
	}

	.wg-usps .wg-inner {
		flex-wrap: wrap;
		gap: 0;
	}

	.wg-usp-icon {
		padding-bottom: 0;
	}

	.wg-usp {
		flex: 0 0 50%;
		flex-direction: column;
		gap: 15px;
		align-items: center;
		text-align: center;
	}

	.wg-footer-main .wg-inner {
		flex-wrap: wrap;
	}

	.wg-col {
		width: 100%;
	}
}