
.single-case-header {
	&.standout-section:not(.has-bg):not(.standout-section .standout-section) {
		padding-right: 0;
	}

	& .standout-columns {
		padding-right: var(--content-margin);
		
		& + .wp-block-post-featured-image {
			margin-top: var(--gap-l);
		}

		& .single-post-excerpt {
			margin-bottom: 0;
		}
	}
}

.wp-block-post-title {
    font-size: var(--h2-xxl);

	:is(.postid-2564) & {
		font-size: var(--h2-xl);
	}
}

#page .single-post-excerpt p.wp-block-post-excerpt__excerpt {
    max-width: 100%;
    font-size: var(--h4);
    font-weight: 500;
}

.single-cases {
	& .single-post-content-container {
		& .single-post-content {
			padding-right: var(--content-margin);

			&.alignfull {
				padding-right: 0;
				padding-left: 0;
			}

			& > * > * > * > * {
				& > .standout-section {
					&.alignwide {
						padding-right: var(--content-margin);
						padding-left: var(--content-margin);
					}
				}
			}
			
			& .standout-columns {
				&.no-gap-grid {
					& > * > * > .acf-innerblocks-container {
						gap: 0;
					}

					& .standout-column-element {
						font-size: calc(var(--p) - 1px);
						padding: 0;

						&[data-grid-span="6"][data-row-span="3"] svg {
							width: 85%;
							height: 85%;
							max-height: 100vh;
							margin: auto;

							& * {
								fill: currentColor;
							}

							@media only screen and (max-width: 1139px) {
								& {
									max-height: 40vh;
								}
							}
						}

						& code {
							font-size: calc(1.35 * var(--h4));
							font-weight: 300;
							line-height: 1.2;
						}

						& .acf-innerblocks-container {
							& h2 {
								&:has(+ p + hr),
								:is(hr) ~ &:has(+ p:last-child) {
									margin-bottom: 0;
									line-height: 1;
								}

								& + p {
									margin-bottom: 0;

									& + hr {
										margin: calc(.8 * var(--p-gap)) 0;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	& .wp-block-post-content {
		& p mark {
			font-weight: 500;
		}

		& span[style*="text-decoration: underline"] .arrow-right,
		& span[style*="text-decoration:underline"] .arrow-right {
			display: none;
		}
	}
}



/**
 * Larger mobile devices.
 */
@media only screen and (min-width: 480px) {

}



/**
 * Tablet devices.
 */
@media only screen and (min-width: 768px) {

}



/**
 * Smaller screen devices.
 */
@media only screen and (min-width: 960px) {
	.single-cases {
		& .single-case-header {
			& .standout-columns {
				& > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
					grid-template-columns: auto minmax(30%, 1fr);
					gap: var(--gap-xl);
				}
			}
		}

		& .single-post-content-container {
			& .single-post-content {
				& > * > * > * > * {
					& > .standout-section {
						&.alignwide {
							padding-left: calc(var(--content-margin) * 2);
						}
					}

					& > .standout-block:not(.standout-media-text) {
						&.has-bg-color,
						&.has-color-bg-color {
							padding-inline: var(--content-margin);

							& > * > * > * > .standout-block.alignwide {
								padding-left: var(--content-margin);
							}
						}

						&.has-bg > * > * > * > .standout-block.alignwide {
							padding-left: var(--content-margin);
						}
					}
				}
			}
		}
	}
}



/**
 * Smaller laptops.
 */
@media only screen and (min-width: 1100px) {
	
}



/**
 * Laptops.
 */
@media only screen and (min-width: 1240px) {
	.single-cases {
		& .single-case-header {
			& .standout-columns {
				& > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
					/* grid-template-columns: 1.85fr 1.15fr; */
				}
			}
		}
		
		& .single-post-content-container {
			& .single-post-content {
				& .standout-columns {
					& > * > * > .acf-innerblocks-container {
						gap: var(--gap-l);
					}
					
					&.no-gap-grid {
						& .standout-column-element {
							&[data-grid-span="3"] {
								padding-top: 30%;
							}

							&.has-bg[data-grid-span="6"]:not([data-row-span]) > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
								padding: var(--gap-l);
							}
						}
					}
				}
			}
		}
	}
}



/**
 * Large screen devices.
 */
@media only screen and (min-width: 1600px) {
	
}
