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

.loop-wrapper {
	&.regular {
		.home.blog.layout-full .page-content > &,
		.archive.layout-full .page-content > &,
		.search-results.layout-full .page-content > & {
			margin: auto;

			.post-row {
				flex-flow: column;
				align-items: flex-start;
			}

			.post-media {
				max-width: none;
				padding-right: 0;
			}

			.post-content-outer {
				width: 100%;
			}
		}

		.list-item {
			&:first-child {
				.post-row {
					padding-top: 0px;
				}
			}

			.post-content-outer {
				box-sizing: border-box;
				order: 3;
				flex: 12.5 1;
			}

			h2 {
				margin: 0px 0px 10px 0px;
			}

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

			.post-meta {
				width: 100% !important;
				margin-top: 10px !important;


				a {
					margin-left: 5px;
					.vamtam-font(h6-);
					font-weight: normal;
					text-transform: uppercase;
				}
			}

			.post-row {
				display: flex;
				flex-wrap: wrap;
				padding-top: 60px;

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

					> img {
						-webkit-backface-visibility: hidden;
						transition: opacity .4s;
					}

					> img,
					> a > img.wp-post-image {
						width: 100%;
					}
				}
			}
		}

		.sticky {
			background: var( --vamtam-accent-color-5 );
			padding: 40px 40px 40px 20px;
			border-bottom: 10px solid var( --vamtam-accent-color-1 );
			border-radius: var( --vamtam-border-radius );
			box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
			box-sizing: border-box;
		}

		.layout-left-right & {
			.list-item {
				.post-media {
					order: -1;
					flex-basis: 100%;
					padding-bottom: 30px;
				}

				.post-content-outer {
					max-width: 100%;
				}
			}
		}
	}
}
