@icon-height: 20px;
@icon-offset: 0px;

.loop-wrapper {
	&.regular {
		.list-item {
			width: calc( 50% - 45px/2 );
			box-sizing: border-box;
			margin-bottom: 60px !important;
			transition: background-color .25s;

			body.layout-full & {
				width: calc( 33% - 90px/3 );
			}

			&.sticky,
			&:hover {
				background-color: var( --vamtam-accent-color-2 );
			}

			.vamtam-meta-author,
			.vamtam-meta-date,
			.vamtam-meta-comments,
			.vamtam-meta-tax {
				margin-right: 20px;
				font-weight: 500;
			}

			&:first-child {
				.post-article .post-content-outer {
					&.vamtam-full-width-thumb {
						.vamtam-meta-tax.the-categories {
							top: 0;
						}
					}
				}
			}

			.post-article .post-content-outer {
				&.vamtam-full-width-thumb {
					.vamtam-meta-tax.the-categories {
						position: absolute;
						padding: 15px;
						top: 45px;
					}
				}
			}

			.post-content-outer {
				box-sizing: border-box;
				padding: 30px 20px;

				.post-meta {
					width: 100%;
					margin-top: 10px;
					margin-bottom: 0;
				}

				.post-content {
					font-size: 16px;
					line-height: 24px;
				}

				.excerpt {
					word-break: break-word;

					&:not(:last-child) {
						margin-bottom: var(--vamtam-content-space-s);
					}
				}
			}

			header h4 {
				margin: 0 0 var(--vamtam-content-space-xs) 0;
				overflow-wrap: break-word;

				a {
					color: var( --vamtam-accent-color-6 );
				}
			}

			.media-inner {
				> div {
					margin: 0;
				}

				.wp-post-image {
					display: block;
				}
			}

			.post-row {
				.media-inner {
					background-color: var( --vamtam-accent-color-5 );
					transition: background .4s ease-out;

					&.vamtam-has-post-thumb-shape {
						> a {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
						}
					}
				}

				.navigation:last-child,
				.post-actions-wrapper:last-child {
					margin-bottom: 0;
					padding-bottom: 0;
				}

				.vamtam-meta-date {
					margin-bottom: var(--vamtam-content-space-s);

					a {
						color: #747474;
						font: 400 13px/1.5 Inter;
					}
				}
			}

			.post-media {
				margin-bottom: 0;
				max-width: none;
				padding-right: 0;
				width: 100%;
			}
		}
	}
}
