.single-solution {
	
	.block-content-wrapper {
		margin: 0 calc(50% - 50vw);
	}

	.hentry {
		margin: 0;
	}

	& .wpfox-page-header {
		--text-spacing-top-scalar: 1.4 !important;
		--text-spacing-bottom-scalar: 1.4 !important;
		--text-width: 62%;
		
		.row {
			position: relative;
		}

		& .icon-bg {
			position: absolute;
			bottom: calc(-1 * var(--spacing-130));
			right: calc(-1 * var(--spacing-200));
			width: auto;

			& svg {
				height: max(100px,calc(560rem / var(--base-size)));
				width: max(100px,calc(560rem / var(--base-size)));
				fill: #fff;
				opacity: 0.2;
			}
		}

		.col-image .wrapper {
			right: 20%;
		}

		.col-text {
			/*
			padding: 120px 0;
			max-width: 60%;
			position: relative;
			*/

			.page-title {
				
			}

			.icon-title {
				display: inline-block;
				vertical-align: middle;
				margin-right: 0.3em;

				svg {
					fill: #fff;
					height: 1.8em;
					width: 1.8em;
				}
			}

			.headline {
				color: #fff;
				/*
				font-size: 65px;
				line-height: 1;
				*/
				margin: 0;
			}
		}
	}

	/* Intro section */
	.intro {
		--page-section-spacing-top-scalar: 1;
		--page-section-spacing-bottom-scalar: 0.5;
		/*margin: 2.5em auto 0;*/

		.heading {
			/*
			font-size: 50px;
			font-weight: 300;
			letter-spacing: -0.02em;
			line-height: 1.1;
			*/
			margin: 0 0 0.15em;
		}

		.paragraph {
			max-width: 950px;

			p {
				max-width: 950px;

				&[style*="text-align"][style*="center"] {
					margin-left: auto;
					margin-right: auto;
				}

				&:last-child {
					margin-bottom: 0;
				}
			}

			& + .paragraph {
				margin-top: 1em;
			}
		}
	}

	/* Solution sections */
	.solution-sections {

		.solution-section {
			--text-spacing-top-scalar: 0.5;
			--text-spacing-bottom-scalar: 0.5;
			--image-spacing-top-scalar: 0.5;
			--image-spacing-bottom-scalar: 0.5;

			&:nth-child(2n) {
				background-color: var(--wp--preset--color--custom-light-grey);

				.col-image {
					order: 2;

					.section-number {
						right: auto;
						left: 0;
					}
				}
			}

			.col-image {
				.wrapper {
					position: relative;
				}

				.section-number {
					--font-size: 30;
					position: absolute;
					top: 0;
					right: 0;
					color: #fff;
					font-weight: 700;
					width: 2.5em;
					height: 2.5em;
					line-height: 2.5;
					text-align: center;
					background-color: #454545;
					background-image: url(/wp-content/themes/wpfox/assets/images/bg-slants-small.png);
					background-size: 125px auto;
					background-position: center center;
				}
			}
		}
	}

	/* Related Success Stories & Lower Content shared styles */
	.related-stories,
	.lower-content {

		.section-header {
			margin: 0 0 2em;

			.heading {
				/*
				font-size: 50px;
				font-weight: 300;
				line-height: 1;
				*/
				margin: 0;
			}
		}

		.grid {
			--cols: 3;
			--gap: max(30px,var(--spacing-50));
			--item-width: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
			display: flex;
			gap: var(--gap);

			> .item {
				max-width: var(--item-width);
			}
		}

		.related-story {
			
			.image {
				position: relative;
				padding-bottom: calc(100% * 9 / 16);
				
				img {
					position: absolute;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center center;
				}
			}
			
			.title {

				a {
					color: inherit;
					text-decoration: none;
				}
			}
			
			& .description {
				margin-top: 0.6em;
				font-weight: 300;
			}

			.more {
				font-weight: 600;
				margin: 0.4em 0 0;

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

					&::after {
						content: ">";
						transition: transform 0.4s;
						transform: translateX(0);
						position: relative;
						display: inline-block;
						margin-left: 0.35em;
					}

					&:hover::after {
						transform: translateX(4px);
					}
				}
			}
		}
	}

	/* PDF icon styles */
	.icon-pdf {
		text-decoration: none;
		color: inherit;
		vertical-align: middle;
		font-size: 0.9em;
		font-weight: 500;
		margin: 0.2em 0;
		display: inline-block;

		&:visited {
			color: inherit;
		}

		&:hover {
			text-decoration: underline;
		}

		&::before {
			content: "";
			background-image: url('../images/icon-pdf.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			display: inline-block;
			vertical-align: middle;
			height: 2.5em;
			width: 2.5em;
			margin-right: 0.4em;
		}
	}
}