.billow {
	&.archive {
		header.archive-header {
			position: relative;
			padding: 40px 0;
			text-align: center;
			text-transform: uppercase;
			overflow: hidden;

			&.title-left {
				text-align: start;
			}

			&.title-center {
				text-align: center;
			}

			&.title-right {
				text-align: end;
			}

			.archive-title {
				font-size: 2.5rem;
				line-height: 2.25rem;
				font-weight: 600;
			}

			.archive-background {
				position: absolute;
				z-index: -1;
				top: 0;
				color: #e3f6f5;
				opacity: .3;
				font-size: 7.5rem;
				line-height: 1.38;
				font-weight: 400;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				pointer-events: none;

				&.bc-left {
					left: 0;
					transform: translateX(0%);
				}

				&.bc-center {
					left: 50%;
					transform: translateX(-50%);
				}

				&.bc-right {
					left: 100%;
					transform: translateX(-100%);
				}
			}
		}

		.main-wrap {
			.main-content {
				article.post {
					.entry-archive-content {
						.title-archive {
							.entry-title {
								font-size: 2.25rem;
								font-weight: 600;
								line-height: normal;
								padding-bottom: 0.6rem;
								margin: 0;

								a {
									color: inherit;
									text-decoration: none;
								}

								&:hover {
									a {
										color: inherit;
									}
								}
							}
						}

						.meta-archive {
							text-transform: uppercase;
							font-size: 0.8rem;
							font-weight: 600;

							span.posted-on {
								a {
									color: $color_text_main;
									padding-right: 0.3rem;
								}
							}

							span.meta-item {
								padding-right: 0.3rem;
							}

							span.meta-item {
								&::before {
									content: '|';
									margin: 0 0.4rem 0 0.2rem;
									color: $color_text_main;
									vertical-align: text-bottom;
								}
							}

							span.meta-item {
								&:first-child {
									padding-right: 0rem;

									&::before {
										content: none;
									}
								}
							}
						}

						.entry-post {
							p {
								margin: 1.5rem 0;
							}

							.read-more {
								display: flex;
								align-items: center;
								font-size: 1rem;
								width: fit-content;
								text-decoration: none;

								span {
									font-size: 1.25rem;
									padding-left: 0.3rem;
								}
							}
						}
					}
				}

				&.classic {
					article.post {
						padding: 2.5rem;
						box-shadow: $box_shadow;

						.entry-thumb {
							margin: -1.5rem -1.5rem 1.5rem;

							img {
								width: 100%;
								height: auto;
								max-height: 37rem;
							}
						}

						.entry-archive-content {
							.title-archive {
								.entry-title {
									font-size: 2.25rem;
									font-weight: 600;
									line-height: normal;
									padding-bottom: 0.6rem;
									margin: 0;

									a {
										color: inherit;
										text-decoration: none;
									}

									&:hover {
										color: inherit;

										span {
											color: inherit;
										}
									}
								}
							}
						}
					}
				}

				&.simple {
					article.post {
						display: flex;
						padding: 2rem;
						margin-bottom: 3rem;
						box-shadow: $box_shadow;

						.entry-thumb {
							max-width: 42%;
							width: 100%;
							margin: -2rem 2.5rem -2rem -2rem;

							a.post-thumbnail {
								position: relative;
								display: block;
								width: 100%;
								height: 100%;

								img {
									position: absolute;
									z-index: 1;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
								}
							}
						}

						.entry-archive-content {
							width: fit-content;
						}
					}
				}

				&.grid {
					display: grid;
					grid-template-columns: 1fr 1fr 1fr;
					grid-gap: 2rem;

					article.post {
						box-shadow: $box_shadow;

						.title-archive {
							.entry-title {
								font-size: 2rem;

								a {
									color: inherit;
									text-decoration: none;
								}
							}
						}

						.entry-thumb {
							width: 100%;
							height: 15rem;

							a.post-thumbnail {
								display: block;
								width: 100%;
								height: 100%;

								img {
									z-index: 1;
									width: 100%;
									height: 100%;
								}
							}
						}

						.entry-archive-content {
							padding: 2rem;

							.meta-archive {
								font-size: 0.7rem;
							}
						}
					}
				}

				&.gutenberg {
					article.post {
						display: flex;
						flex-direction: column;
						align-items: center;
						margin-bottom: 3rem;

						.entry-thumb {
							width: 100%;
							height: 25rem;

							a.post-thumbnail {
								width: 100%;
								height: 100%;
								overflow: hidden;
								z-index: 0;

								img {
									z-index: 1;
									width: 100%;
									height: 100%;
								}
							}
						}

						.entry-archive-content {
							width: 100%;
							display: flex;
							flex-direction: column;
							padding: 2rem 5rem;

							.title-archive {
								.entry-title {
									font-size: 2rem;

									a {
										color: inherit;
										text-decoration: none;
									}
								}
							}
						}

						&::after {
							content: "\00b7 \00b7 \00b7 \00b7 \00b7";
							font-size: 25px;
							letter-spacing: 1.5em;
							padding-left: 1.5em;
							font-family: serif;
							text-align: center;
							opacity: 0.5;
						}

						&:last-child {
							&::after {
								content: none;
							}
						}
					}
				}
			}
		}
	}
}