.distributor {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: var(--gap-m);
	.single_post_list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: stretch;
		gap: var(--gap-s);
		width: 100%;
	}
	.distributor_listing {
		padding: 40px;
		border-radius: var(--border-radius-m);
		background-color: var(--primary);
		* {
			color: var(--white);
		}
		.post_data {
			display: flex;
			flex-flow: column;
			align-items: flex-start;
			gap: 20px;
		}
		.distributor_image {
			height: 40px;
			a {
				display: block;
				padding: 5px 15px;
				background-color: var(--white);
				border-radius: var(--border-radius-m);
				min-width: 150px;
				text-align: center;
				img {
					height: 30px;
					width: auto;
					margin: 0 auto;
				}
			}
		}
		.distributor_title {
			padding-bottom: 20px;
			position: relative;
			&:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				height: 2px;
				width: 80px;
				background-color: var(--white-15);
			}
		}
		.distributor_contact {
			list-style-type: none;
			margin: 0;
			li {
				display: flex;
				gap: var(--gap-xs);
				&:not(.address) {
					align-items: center;
				}
				&:last-of-type {
					margin: 0;
				}
				> span {
					display: block;
					width: 30px;
					height: 20px;
					background: left / contain no-repeat;
				}
				a {
					text-decoration: none;
					font-weight: 400;
					word-break: break-word;
				}
			}
			.address {
				> span {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 22'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M8 .5c4.1 0 7.5 3.8 7.5 8 0 1.4-.5 2.9-1.2 4.4A41.7 41.7 0 0 1 8 21.3a37.5 37.5 0 0 1-6.3-8.4C1 11.4.5 9.9.5 8.5c0-4.2 3.4-8 7.5-8Zm0 2.7a4.3 4.3 0 1 0 0 8.6 4.3 4.3 0 0 0 0-8.6Z' opacity='.5'/%3E%3C/svg%3E");
				}
			}
			.email {
				> span {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 21'%3E%3Cpath stroke='%23fff' d='M2.1.8H28c.9 0 1.6.8 1.6 1.6v16.2c0 .8-.7 1.6-1.6 1.6H2c-.9 0-1.6-.8-1.6-1.6V2.4c0-.8.7-1.6 1.6-1.6Zm-.8 18L2 18l7.5-7.4.6.6-7.5 7.3-.9.9H28l-.9-.9-7.7-7.7-.3-.3-.4.3-2.7 2.4a1.5 1.5 0 0 1-2 0l-2.3-2 .4-.6H9.6l.3-.3.4-.4-.4-.3-7.8-6.8-.8-.7v16.8Zm26.6-16L20 9.6l-.4.4.3.3 7.9 7.9.8.8V2l-.8.8Zm-25-.3 11.6 10c.3.3.7.3 1 0L27 2.6l1-.9H1.9l1 .9Z' opacity='.5'/%3E%3C/svg%3E");
				}
			}
			.fax {
				> span {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 21'%3E%3Cpath fill='%23fff' d='M7.5 3h7.7l1 1v2.8h2.6V3.5c0-.3-.2-.6-.4-.9L16.6 1c-.2-.3-.5-.4-.9-.4H6.3C5.5.5 5 1.1 5 1.8v5h2.5V3Zm-5 2.5H1.2C.7 5.5 0 6.1 0 6.8v12.4c0 .7.6 1.3 1.3 1.3h1.2c.7 0 1.3-.6 1.3-1.3V6.8c0-.7-.6-1.3-1.3-1.3ZM18.8 8H5v11.3c0 .6.6 1.2 1.3 1.2h12.4c.7 0 1.3-.6 1.3-1.3v-10c0-.6-.6-1.2-1.3-1.2Zm-7.6 9.4c0 .3-.2.6-.6.6H9.4a.6.6 0 0 1-.7-.6V16c0-.3.3-.6.7-.6h1.2c.4 0 .7.3.7.6v1.3Zm0-5c0 .3-.2.6-.6.6H9.4a.6.6 0 0 1-.7-.6V11c0-.3.3-.6.7-.6h1.2c.4 0 .7.3.7.6v1.3Zm5 5c0 .3-.2.6-.6.6h-1.2a.6.6 0 0 1-.7-.6V16c0-.3.3-.6.7-.6h1.2c.4 0 .7.3.7.6v1.3Zm0-5c0 .3-.2.6-.6.6h-1.2a.6.6 0 0 1-.7-.6V11c0-.3.3-.6.7-.6h1.2c.4 0 .7.3.7.6v1.3Z' opacity='.5'/%3E%3C/svg%3E");
				}
			}
		}
		.button {
			margin: 0;
			&.phone {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 23'%3E%3Cpath fill='%23fff' d='M5.2.6a4 4 0 0 1 1.5.7L6.4 8a4 4 0 0 1-2.2.6c.5 3.5 2.5 6.6 5.4 8.4a4 4 0 0 1 1.5-2l6.2 2.4a4 4 0 0 1-4.8 5A15.9 15.9 0 0 1 .3 4 4 4 0 0 1 5.2.6Z'/%3E%3C/svg%3E");
				}
			}
			&.website {
				color: var(--deep-grey);
				background-color: var(--white);
				word-break: break-word;
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 23'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M22 11.5a11 11 0 0 0-3.1-7.7h-.1v-.1l-.2-.2A10.9 10.9 0 0 0 3 3.8L3 4l-.3.3a11 11 0 0 0-.3 14.1l.1.1.1.1a8.4 8.4 0 0 0 .3.4H3a9.3 9.3 0 0 0 .4.4l.2.2.2.2a10.8 10.8 0 0 0 6.5 2.6h.2a10 10 0 0 0 1 0h.4a11 11 0 0 0 6.3-2.6l.2-.2a11.6 11.6 0 0 0 .4-.4h.1l.1-.2.1-.1.1-.1.2-.2a11 11 0 0 0 2.6-7.1Zm-3.3 5.7-2.4-1c.3-1.2.5-2.6.5-4h3.8a9.6 9.6 0 0 1-1.9 5Zm-1 1.2c-1 1-2 1.6-3.3 2.1.6-.8 1-1.8 1.5-3l1.9.8ZM1.4 12.2h3.8c0 1.4.2 2.7.5 4-1 .2-1.8.5-2.5.9a9.7 9.7 0 0 1-1.8-5Zm2-6.6 2.4.8c-.3 1.4-.6 2.8-.6 4.4H1.4c.1-1.9.8-3.7 2-5.2ZM11.7 21v-4.1c1 0 2 .2 2.8.3l-.5 1.3c-.6 1.3-1.5 2.2-2.3 2.5ZM8 18.5l-.6-1.3 3-.3v4c-1-.2-1.8-1-2.4-2.4ZM11.7 2c.8.3 1.7 1.1 2.3 2.5l.4.8-2.7.3V2Zm-1.4 3.6c-1 0-1.8-.1-2.7-.3l.4-.8c.6-1.4 1.5-2.2 2.3-2.5v3.6Zm-3.1 1 3.1.4v3.7H6.6c0-1.4.2-2.8.6-4Zm3.1 8.8-3.3.3c-.2-1-.4-2.3-.4-3.6h3.7v3.3Zm4.6.4-3.2-.4v-3.3h3.7c0 1.3-.2 2.6-.5 3.7Zm-3.2-5V7c1 0 2.1-.1 3.1-.3.4 1.2.6 2.6.6 4.1h-3.7Zm2.6-8.4c1.2.4 2.3 1 3.2 1.9-.6.2-1.1.5-1.8.6-.4-1-.8-1.8-1.4-2.5Zm-6.6 0C7 3.2 6.7 4 6.2 5a13 13 0 0 1-1.8-.6c1-.9 2-1.6 3.3-2ZM4 18.2l2-.7c.4 1.2 1 2.2 1.5 3a9.6 9.6 0 0 1-3.5-2.3Zm16.5-7.4h-3.8a19 19 0 0 0-.7-4.5c.9-.2 1.7-.5 2.4-.9 1.2 1.6 2 3.4 2.1 5.4Z'/%3E%3C/mask%3E%3Cpath fill='%23231F20' stroke='%23231F20' stroke-width='2' d='M22 11.5a11 11 0 0 0-3.1-7.7h-.1v-.1l-.2-.2A10.9 10.9 0 0 0 3 3.8L3 4l-.3.3a11 11 0 0 0-.3 14.1l.1.1.1.1a8.4 8.4 0 0 0 .3.4H3a9.3 9.3 0 0 0 .4.4l.2.2.2.2a10.8 10.8 0 0 0 6.5 2.6h.2a10 10 0 0 0 1 0h.4a11 11 0 0 0 6.3-2.6l.2-.2a11.6 11.6 0 0 0 .4-.4h.1l.1-.2.1-.1.1-.1.2-.2a11 11 0 0 0 2.6-7.1Zm-3.3 5.7-2.4-1c.3-1.2.5-2.6.5-4h3.8a9.6 9.6 0 0 1-1.9 5Zm-1 1.2c-1 1-2 1.6-3.3 2.1.6-.8 1-1.8 1.5-3l1.9.8ZM1.4 12.2h3.8c0 1.4.2 2.7.5 4-1 .2-1.8.5-2.5.9a9.7 9.7 0 0 1-1.8-5Zm2-6.6 2.4.8c-.3 1.4-.6 2.8-.6 4.4H1.4c.1-1.9.8-3.7 2-5.2ZM11.7 21v-4.1c1 0 2 .2 2.8.3l-.5 1.3c-.6 1.3-1.5 2.2-2.3 2.5ZM8 18.5l-.6-1.3 3-.3v4c-1-.2-1.8-1-2.4-2.4ZM11.7 2c.8.3 1.7 1.1 2.3 2.5l.4.8-2.7.3V2Zm-1.4 3.6c-1 0-1.8-.1-2.7-.3l.4-.8c.6-1.4 1.5-2.2 2.3-2.5v3.6Zm-3.1 1 3.1.4v3.7H6.6c0-1.4.2-2.8.6-4Zm3.1 8.8-3.3.3c-.2-1-.4-2.3-.4-3.6h3.7v3.3Zm4.6.4-3.2-.4v-3.3h3.7c0 1.3-.2 2.6-.5 3.7Zm-3.2-5V7c1 0 2.1-.1 3.1-.3.4 1.2.6 2.6.6 4.1h-3.7Zm2.6-8.4c1.2.4 2.3 1 3.2 1.9-.6.2-1.1.5-1.8.6-.4-1-.8-1.8-1.4-2.5Zm-6.6 0C7 3.2 6.7 4 6.2 5a13 13 0 0 1-1.8-.6c1-.9 2-1.6 3.3-2ZM4 18.2l2-.7c.4 1.2 1 2.2 1.5 3a9.6 9.6 0 0 1-3.5-2.3Zm16.5-7.4h-3.8a19 19 0 0 0-.7-4.5c.9-.2 1.7-.5 2.4-.9 1.2 1.6 2 3.4 2.1 5.4Z' mask='url(%23a)'/%3E%3C/svg%3E");
				}
			}
		}
	}
}

@media (width < 1500px) {
	.distributor {
		.single_post_list {
			grid-template-columns: repeat(3, 1fr);
		}
	}
}

@media (width < 1200px) {
	.distributor {
		.single_post_list {
			grid-template-columns: repeat(2, 1fr);
		}
	}
}

@media (width < 800px) {
	.distributor {
		.single_post_list {
			grid-template-columns: 1fr;
		}
	}
}