.facetwp-template {
	.fwpl-col {
		.fwpl-item {
			a {
				display: block;
				font-size: var(--wp--preset--font-size--11);
				font-weight: 400;
				font-family: var(--wp--custom--elements--heading-alt--typography--font-family);
				letter-spacing: var(--wp--custom--elements--heading-alt--typography--letter-spacing);
				text-transform: var(--wp--custom--elements--heading-alt--typography--text-transform);
				text-align: center;

				&:not(:hover, :focus) {
					text-decoration: none;
				}
			}

			img {
				border-radius: 1.25rem;
				overflow: hidden;
				aspect-ratio: 3/4;
				object-fit: cover;
				object-position: center center;
			}
		}
	}

	.adthrive-ad {
		grid-column: span 3;
	}
}

@media (max-width: 781px) {
	
	.facetwp-template .adthrive-ad {
		grid-column: span 2;
	}
	body .facetwp-template .fwpl-layout,
	body .facetwp-template-static .fwpl-layout {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.facetwp-facet {

	button.facetwp-reset {
		background-color: var(--wp--custom--elements--button--color--background);
		color: var(--wp--custom--elements--button--color--text);
		border-color: var(--wp--custom--elements--button--border--color);
		border-radius: var(--wp--custom--elements--button--border--radius);
		border-style: var(--wp--custom--elements--button--border--style);
		border-width: var(--wp--custom--elements--button--border--width);
		padding-bottom: var(--wp--custom--elements--button--spacing--padding--bottom);
		padding-left: var(--wp--custom--elements--button--spacing--padding--left);
		padding-right: var(--wp--custom--elements--button--spacing--padding--right);
		padding-top: var(--wp--custom--elements--button--spacing--padding--top);
		font-size: var(--wp--custom--elements--button--typography--font-size);
		font-weight: var(--wp--custom--elements--button--typography--font-weight) !important;
		letter-spacing: var(--wp--custom--elements--button--typography--letter-spacing);
		text-transform: var(--wp--custom--elements--button--typography--text-transform);
		
		.facetwp-facet:has(&) {
			text-align: center;
		}
	
		&:hover,
		&:focus {
			background: var(--wp--custom--elements--button--hover--color--background);
			color: var(--wp--custom--elements--button--hover--color--text);
			text-decoration: var(--wp--custom--elements--button--hover--typography--text-decoration);
		}
	
		&:active:not(:hover) {
			background-color: var(--wp--custom--elements--button--active--color--background);
			color: var(--wp--custom--elements--button--active--color--text);
		}
	}


	.facetwp-checkbox {
        background: url('https://betweencarpools.com/wp-content/uploads/2022/05/circle-checkbox.png') 0 50% no-repeat;
        background-size: 15px;
		&.checked {
			background: url('https://betweencarpools.com/wp-content/uploads/2022/05/circle-checkbox-active.png') 0 50% no-repeat;
			background-size: 15px;
		}
    }

}


.facetwp-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	gap: 0.5rem;

	a {
		color: var(--wp--preset--color--contrast);
		font-size: var(--wp--preset--font-size--08);
		font-weight: 400;
		letter-spacing: 2px;
		text-transform: uppercase;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;

		&:not(:focus, :hover) {
			text-decoration: none;
		}

		&:focus,
		&:hover {
			text-decoration: underline;
		}

		padding-bottom: 0;
		padding-top: 0.25rem;
		padding-right: 0.25rem;
		padding-top: 0;
	}

	&>* {
		border: solid 1px var(--wp--preset--color--neutral-light);
		height: 2rem;
		min-width: 2rem;
		align-items: center;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.facetwp-page.active {
		background-color: var(--wp--preset--color--accent);
		font-weight: 400;
	}
}