/* NOTE: Selector Specificity: (1, 5, 2) */
html body.et-db #et-boc .et_builder_outer_content .et-l[class*="et-l--"] .et_builder_inner_content {
	/* MARK :: SHORTCODE :: journey-gallery-ares */
	& #journey-gallery-ares {
		padding-block: var(--size-50-100);
		color: var(--color-parchment);

		& > article {
			padding-block-start: var(--size-25-50);
			padding-inline: var(--size-25-50);
			position: relative;
			display: grid;
			place-items: center;
			text-align: center;

			& > header {
				color: var(--color-white----);

				& h1,
				& p {
					padding: 0;
				}

				& .tag {
					color: var(--color-parchment);
				}
			}

			& > aside {
				&.wwm-frames {
					color: var(--color-peach----);
				}
			}
		}
	}

	/* MARK :: SHORTCODE :: journey-gallery-boreas */
	& #journey-gallery-boreas {
		display: grid;
		row-gap: var(--size-25-50);
		padding-block: var(--size-25-50);
		color: var(--color-grape----);

		& > header,
		& > section,
		& > footer {
			&:empty {
				display: none;
			}
		}

		& > header {
		}

		& > section {
			&.card-wrapper {
				display: grid;
				gap: var(--size-15-30);
				grid-template-columns: repeat(2, 1fr);

				& article.card {
					display: grid;
					row-gap: var(--size-15-30);
					border-radius: 8px;
					padding-block: var(--size-30-60);
					padding-inline: var(--size-20-40);
					color: var(--color-white----);
					background-color: var(--color-grape----);
					grid-template-rows: max-content 1fr max-content;
					justify-items: center;
					align-items: start;

					& .icon {
						margin-inline: auto;
					}

					& .content {
						display: grid;
						text-align: center;
						place-items: center;

						& > h3,
						& > p,
						& > .tag {
							padding: 0;
						}

						& > p {
							color: var(--color-parchment) !important;
						}
					}

					& footer {
						display: flex;
						place-items: center;
						gap: var(--size-15-30);

						@media (max-width: 420px) {
							& {
								flex-direction: column;
							}
						}
					}

					& .button {
					}
				}

				& article.card.ghost {
					border: 2px solid var(--color-grape----);
					background-color: var(--color-trans----);

					& .icon {
						display: block;
						width: 60px;
						height: 60px;
						max-width: 100%;
						max-height: 100%;

						border-top-left-radius: 100%;
						border-top-right-radius: 100%;
						border-bottom-right-radius: 100%;
						border-bottom-left-radius: 0%;
						background-color: var(--color-grape----);
					}

					& h3 {
						color: var(--color-grape----);
					}

					& p {
						color: var(--color-plum-----) !important;
					}
				}

				@media (max-width: 767px) {
					& {
						grid-template-columns: repeat(1, 1fr);
					}
				}
			}
		}

		& > footer {
			display: grid;
			place-items: center;
			text-align: center;
		}
	}
}