#featured-alternating-rows-animated {
	padding: 48px 0;
}
#featured-alternating-rows-animated .fw-bg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform:translate(-50%,0);	
}
#featured-alternating-rows-animated .background-image-layer {
	width: 1920px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%,0);	
}
#featured-alternating-rows-animated .title-box { text-align: center; }
#featured-alternating-rows-animated .title-box h2.f-title {}
#featured-alternating-rows-animated .title-box h4.f-sub {}
#featured-alternating-rows-animated .rows {
	margin: 50px 0;	
}
#featured-alternating-rows-animated .description {
	margin-bottom: 32px;
}
#featured-alternating-rows-animated .row {
	width: 100%;
	margin: 0 auto;
}
#featured-alternating-rows-animated .row.even {
	display: flex;
	align-items: flex-end;
}
#featured-alternating-rows-animated .row.odd {
	display: flex;
	align-items: flex-end;
}
#featured-alternating-rows-animated .row.even .feat-background {
	width: 66.66%;
	height: 0;
	padding-bottom: 36%;	
	z-index: 1;
	margin-right: auto;
}
#featured-alternating-rows-animated .row.odd .feat-background {
	width: 66.66%;
	height: 0;
	padding-bottom: 36%;
	z-index: 1;	
	margin-left: auto;
}
#featured-alternating-rows-animated .rows { display: grid; grid-template-columns: 1fr; row-gap: 48px; }
#featured-alternating-rows-animated .row.even .card-right, #featured-alternating-rows-animated .row.odd .card-left {
	background: white;
	padding: 116px 48px;
	z-index: 2;
	bottom: 0;
	transition: all .5s;
	position: absolute;
	box-shadow: var(--hmns-box-shadow-light);
	width: 700px;
	max-width:50%;
}
#featured-alternating-rows-animated .rows h3.title { text-align: left; }
#featured-alternating-rows-animated .card-right h3.title, #featured-alternating-rows-animated .card-left .title {
	font-family: 'sentinel', serif;
	font-size: 35px;
	line-height: 1.2;	
	font-weight: 600;
	margin-bottom: 48px;
}
#featured-alternating-rows-animated .card-right .super-title, #featured-alternating-rows-animated .card-left .super-title {
	font-family: 'termina', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: var(--fossil-rim);	
	margin-bottom: 10px;
}
#featured-alternating-rows-animated .card-right { left:50%; margin-right: 100px; }
#featured-alternating-rows-animated .card-left { right: 50%; margin-left: 100px; }
#featured-alternating-rows-animated .button-flex {
	display: flex;
	align-items: center;
	column-gap: 24px;	
}
#featured-alternating-rows-animated button.alt,
#featured-alternating-rows-animated .cta.alt {
	background: none;
	border: 1px solid var(--fossil-rim);
	color: var(--fossil-rim);
	padding: 12px 24px; 
}
#featured-alternating-rows-animated button.alt:hover,
#featured-alternating-rows-animated .cta.alt:hover {
	background: var(--fossil-rim);
	color: var(--cream);
}
#featured-alternating-rows-animated .f-title {
	font-family: 'sentinel', serif;
	font-weight: 600;
	font-size: 55px;
	line-height: 66px
}
#featured-alternating-rows-animated .row.odd .card-left:hover, #featured-alternating-rows-animated .row.even .card-right:hover {
	bottom: 24px;
}

@media screen and (max-width: 1500px) {
	#featured-alternating-rows-animated .card-right h3.title, #featured-alternating-rows-animated .card-left h3.title {
		font-size: 25px; 		
	}
}
@media screen and (max-width: 1368px) {
	#featured-alternating-rows-animated .row.even .card-right, #featured-alternating-rows-animated .row.odd .card-left {
		padding: 48px;
	}
	#featured-alternating-rows-animated .row.even .card-right { margin-right: 50px;}
	#featured-alternating-rows-animated .row.odd .card-left { margin-left: 50px; }
}
@media screen and (max-width: 1024px) {
	#featured-alternating-rows-animated .row.even .feat-background, .row.odd .feat-background {
width: 100%;
height: 0;
padding-bottom: 36%;
z-index: 1;
margin-right: 0;
margin-left: 0;
}	
	#featured-alternating-rows-animated .row.even .card-right, #featured-alternating-rows-animated .row.odd .card-left {
left: 50%;
margin-right: 0;
margin-left: 0;
transform: translate(-50%,0px);
bottom: 0 !important;
margin-bottom: -10px;
width: calc(100% - 48px);
max-width:unset;
}	
	#featured-alternating-rows-animated .row.even .feat-background, #featured-alternating-rows-animated .row.odd .feat-background {
width: 100%;
height: 0;
padding-bottom: 36%;
z-index: 1;
margin-right: 0;
margin-left: 0;
margin-bottom: 100px;
}
}
@media screen and (max-width: 768px) {
	#featured-alternating-rows-animated .row.even .feat-background, #featured-alternating-rows-animated .row.odd .feat-background {
		padding-bottom: 72%;		
	}	
	#featured-alternating-rows-animated .row.even .card-right, #featured-alternating-rows-animated .row.odd .card-left {
		padding: 24px;
	}
	#featured-alternating-rows-animated .button-flex {
		display: block;
		align-items: center;
		column-gap: 24px;
	}
	#featured-alternating-rows-animated .button-flex a, #featured-alternating-rows-animated .button-flex a button {
		display: block;
		width: 100%;
	}
	#featured-alternating-rows-animated .button-flex a { margin-bottom: 16px; }
	#featured-alternating-rows-animated .button-flex a:last-child { margin-bottom: 0; }
	#featured-alternating-rows-animated .rows h3.title { text-align: center; }
	#featured-alternating-rows-animated .rows {text-align: center; }
}
@media screen and (max-width: 640px) {
	#featured-alternating-rows-animated .row.even .feat-background, #featured-alternating-rows-animated .row.odd .feat-background {
		padding-bottom: 144%;	
		background-position: center center !important;	
	}	
	#featured-alternating-rows-animated .row.even .card-right, #featured-alternating-rows-animated .row.odd .card-left {
		padding: 24px;
	}
	#featured-alternating-rows-animated .f-title {
	font-size: 25px;
	line-height: 30px;
	margin-bottom:16px;
}
#featured-alternating-rows-animated .card-right .super-title, #featured-alternating-rows-animated .card-left .super-title { font-size: 12px; margin-bottom: 8px; }
#featured-alternating-rows-animated .card-right h3.title, #featured-alternating-rows-animated .card-left h3.title {
		font-size: 20px;
		line-height:30px; 
		margin-bottom: 24px; 		
	}
	#featured-alternating-rows-animated .row {
		width: calc(100% + 32px); 
		margin: 0 -16px;
	}
}