/*
Block: Infographic
Last updated: 17/08/2025
*/

.wp-block-acf-infographic {
	border-radius: 50px;
}

.wp-block-acf-infographic .item {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.wp-block-acf-infographic .item:nth-child(even) {
    flex-direction: row-reverse;
}
	

.wp-block-acf-infographic .item:not(:last-child) {
	padding-bottom: calc(var(--gap-width) * 2);
}

.wp-block-acf-infographic .item:not(:last-child):after {
	content: '';
	position: absolute;
	bottom: var(--gap-width);
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - (var(--gap-width) * 2));
	height: 1px;
	border-bottom: 2px dotted;
}

.wp-block-acf-infographic .item:nth-child(odd):before {
	content: '';
	position: absolute;
	bottom: var(--gap-width);
	left:var(--gap-width);
	width: 1px;
	height: 100%;
	border-left: 2px dotted;
}
.wp-block-acf-infographic .item:first-child:before,
.wp-block-acf-infographic .item:last-child:before {
	height: 50%;
}

.wp-block-acf-infographic .item:nth-child(even):before {
	content: '';
	position: absolute;
	bottom: var(--gap-width);
	right:var(--gap-width);
	left: unset;
	width: 1px;
	height: 100%;
	border-left: 2px dotted;
}

.wp-block-acf-infographic .item:nth-child(odd):last-child:before {
	    top: calc(-1 * var(--gap-width));
}

.wp-block-acf-infographic .item img.info-icon {
    width: 100px;
    max-height: 120px;
    height: auto;
    object-fit: contain;
    background-color: white;
    position: relative;
    padding: 1em 0;
}

.wp-block-acf-infographic .item .info-content {
	width: calc(100% - var(--gap-width) - 100px);
}

.wp-block-acf-infographic .item p.info-title {
	font-weight: 700;
	margin: 0;
}

.wp-block-acf-infographic .item p.info-text {
	margin: 0;
	
}


	
	.wp-block-acf-infographic .item:not(:last-child) {
    	padding-bottom: var(--gap-width);
	}
	
	.wp-block-acf-infographic .item:not(:last-child):after {
    	bottom: calc(var(--gap-width) / 2);
	}
	
	.wp-block-acf-infographic .item:nth-child(odd):before {
    	bottom: calc(var(--gap-width) / 2);
	}
	
	.wp-block-acf-infographic .item:nth-child(even):before {
	    bottom: calc(var(--gap-width) / 2);
	}

@media only screen and (min-width: 1px) and (max-width: 550px)  {
	
	body .wp-block-acf-infographic .item .info-content {
    	width: calc(100% - (var(--gap-width) / 2) - 100px);
	}
	
	.wp-block-acf-infographic {
		padding-top: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-bottom: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	
	.wp-block-acf-infographic .item:not(:last-child) {
    	padding-bottom: var(--gap-width);
	}
	
	.wp-block-acf-infographic .item:not(:last-child):after {
    	bottom: calc(var(--gap-width) / 2);
	}
	
	.wp-block-acf-infographic .item:nth-child(odd):before {
    	bottom: calc(var(--gap-width) / 2);
	}
	
	.wp-block-acf-infographic .item:nth-child(even):before {
	    bottom: calc(var(--gap-width) / 2);
	}
	
	.wp-block-acf-checks-and-crosses .container {
    	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

}


@media only screen and (min-width: 1px) and (max-width: 440px)  {

	body .wp-block-acf-infographic .item .info-content {
    	width: calc(100% - (var(--gap-width) / 2));
	}
	
}