:root {
	--font-default: "Brother 1816", calibri, sans-serif;
	--font-alt: "Brother 1816 Printed", calibri, sans-serif;
	--font-size-default: 18px;
	--font-weight-default: 300;
	--line-height-default: 1.333;
}

body {
	--wp--preset--font-size--medium: 18px;
}

/**  end vars */
.wp-block-acf-text-card {
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	overflow: hidden;
	position: relative;
}

.wp-block-acf-text-card .bkgd-wrapper {
	z-index: 0;
	position: absolute;
}

.wp-block-acf-text-card .bkgd-wrapper img {
	width: 100%;
	height: auto;
	transition: all .8s;
}

.wp-block-acf-text-card a {
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	transition: all .8s;
}

.wp-block-acf-text-card a:hover {
	box-shadow: 0 0 10px rgba(80, 86, 101, .2);
}

.wp-block-acf-text-card a:hover .bkgd-wrapper > img {
	transform: scale(1.1);
}

.wp-block-acf-text-card a:hover .bkgd-wrapper::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	position: absolute;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */
	
	/* FF3.6-15 */
	
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(38, 37, 41, .1) 0%, rgba(38, 37, 41, .3) 70%, #262529 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0);
	/* IE6-9 */
	content: " ";
}

.wp-block-acf-text-card .app__block-inner {
	height: 100%;
	width: 100%;
	padding: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.wp-block-acf-text-card .app__block-inner .app__block-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.wp-block-acf-text-card .app__block-inner .app__block-content .kicker {
	color: var(--wp--preset--color---white);
	color: white;
}

.wp-block-acf-text-card.style2 {
	background-color: var(--wp--preset--color---primary);
}

.wp-block-acf-text-card.style2 h3 {
	color: #fefffe;
	text-transform: uppercase;
}

.wp-block-acf-text-card.style2 p {
	color: #fefffe;
}