/**
 * Fall Line Card – default front-end styles
 * Applied to blocks with the .fall-line-card class.
 * Override in your theme as needed.
 */

.wp-block-group.fall-line-card {
	/* Optional: subtle card-style defaults; theme can override */
	box-sizing: border-box;
	width: 100%;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20);
	transition: all 0.19s ease-in;
}
.wp-block-group.fall-line-card:hover {border-color: var(--wp--preset--color--text-primary)!important;}

.fall-line-card h3 a {text-decoration:none;position:relative;padding-right:34px;display:block;line-height:1.2;}
.fall-line-card h3 a::after {content:'';position:absolute;right:0;top:0;width:18px;height:34px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6641 1.3125V14.4375C17.6641 15.2031 17.0625 15.75 16.3516 15.75C15.5859 15.75 15.0391 15.2031 15.0391 14.4375V4.48438L2.40625 17.1172C2.13281 17.3906 1.80469 17.5 1.47656 17.5C1.09375 17.5 0.765625 17.3906 0.546875 17.1172C0 16.625 0 15.8047 0.546875 15.3125L13.1797 2.625H3.22656C2.46094 2.625 1.91406 2.07812 1.91406 1.3125C1.91406 0.601562 2.46094 0 3.22656 0H16.3516C17.0625 0 17.6641 0.601562 17.6641 1.3125Z" fill="%23696969"/></svg>');}

/* paragraph backgrounds in tag row */
.card-info-tags p:not(.has-background) {border:1px solid var(--wp--preset--color--border-light);}

/* Image block overlay logo: positioning context so overlay sits on top of image. */
.wp-block-image.has-fall-line-overlay-logo {
	position: relative;
}
.wp-block-image .fall-line-cards-overlay-logo-wrapper {
	position: absolute;
	pointer-events: none;
	background-color: #fff;
	border: 2px solid white;
	border-radius: 50%;
	top: var(--wp--preset--spacing--xs);
	right: var(--wp--preset--spacing--xs);
	width: 60px;
	height: 60px;
	overflow:hidden;
}
.wp-block-image .fall-line-cards-overlay-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 599px) {
	.fall-line-card {margin-bottom:var(--wp--preset--spacing--l);}
	.fall-line-card .wp-block-columns {
		gap: var(--wp--preset--spacing--s);
	}
}