/* @override 
	https://zebrapeopledev.wpengine.com/wp-content/themes/zebrapeople/style_s__join__benefits.css?* */



.join-benefits__blocks {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: calc(1000px + 12rem);
	flex-wrap: wrap; }
	
	
.join-benefits__blocks__block {
	width: calc(50% - 4rem);
	position: relative;
	max-width: 500px;
	margin-bottom: 5rem; }	

.join-benefits__blocks__block .container {
	background: var(--color-green); 
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 3;
	height: 100%; 
	padding: 3.6rem 3rem; }	
	
.join-benefits__blocks__block:after {
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .2;
	background: var(--color-green); }
		
		
.join-benefits__blocks__block .join_icon {
	height: 8rem;
	margin-bottom: 2rem; }
	
.join-benefits__blocks__block .icon img {
	outline: 1px solid black; }

.join-benefits__blocks:after {
	content: '';
	position: absolute;
	display: block;
	top: -6rem;
	left: 50%;
	width: 1px;
	height: calc(100% + 7rem);
	opacity: .1;
	z-index: 1;
	background: var(--color-charcoal-dark); }
	
	
 
@media all and (max-width:1200px) {
		
	.join-benefits__blocks__block {
		width: calc(50% - 2rem); }	

}


@media all and (max-width:1200px) {
		
	.join-benefits__blocks__block {
		width: calc(50% - 1rem);
		margin-bottom: 2rem; }	

}




@media all and (max-width:600px) {
		
	.join-benefits__blocks__block {
		max-width: 100%;
		width: 100%; }	

	.join-benefits__blocks:after {
		display: none;
		content: none; }
		
}


/* Animation */


/* Animation */	
.ready .join-benefits__blocks__block .container {
	transition: all .9s ease-out; }

.ready .join-benefits__blocks__block:nth-of-type(odd) .container {
	transform: translateX(-100vw); }

.ready .join-benefits__blocks__block:nth-of-type(even) .container {
	transform: translateX(100vw); }	
	
.ready .join-benefits__blocks__block.active .container {
	transform: translateX(0); }	

.ready .join-benefits__blocks__block:nth-of-type(1) .container,
.ready .join-benefits__blocks__block:nth-of-type(2) .container {
	transition-delay: 0; }	
	
.ready .join-benefits__blocks__block:nth-of-type(3) .container,
.ready .join-benefits__blocks__block:nth-of-type(4) .container {
	transition-delay: .5s; }	
	
.ready .join-benefits__blocks__block:nth-of-type(5) .container,
.ready .join-benefits__blocks__block:nth-of-type(6) .container {
	transition-delay: 1s; }	
	
.ready .join-benefits__blocks__block:nth-of-type(7) .container,
.ready .join-benefits__blocks__block:nth-of-type(8) .container {
	transition-delay: 1.5s; }		
			
@media all and (max-width:600px) {
		
	.ready .join-benefits__blocks__block .container {
		transform: translateX(100vw) !important; }
	
	.ready .join-benefits__blocks__block.active .container {
		transform: translateX(0) !important; }	
		
}

.ready .join-benefits__blocks.active .container {
	transform: translateX(0); }