/**
 * Single blog post front-end styling
 *
 * Defines front-end styling. All view.css files
 * like this one only load when enqueued manually
 * or via a block.json file. You can import this
 * file into an editor.css file to apply these
 * front-end styles within the block editor.
 */

/* custom responsive breakdown for columns (lots of importants to override wp's own */
@media (max-width: 1439px) {
		.single-post-content-columns.wp-block-columns-is-layout-flex {
			gap: 2em !important;
		}
	}
@media (max-width: 959px) {
		.single-post-content-columns.wp-block-columns.is-not-stacked-on-mobile {
			flex-wrap: wrap !important;
		}
		.single-post-content-columns
			> .wp-block-column.wp-block-column.wp-block-column.wp-block-column.wp-block-column.wp-block-column.wp-block-column {
			flex-basis: 100% !important;
		}
	}

.back-to-first-cat a {
		padding-left: 0.2em;
		color: currentColor;
	}

.back-to-first-cat a::before {
			content: "< ";
		}

.back-to-first-cat a:not(:first-child) {
			display: none;
		}

.back-to-first-cat a:link,
		.back-to-first-cat a:visited {
			text-decoration: underline;
		}

.back-to-first-cat a:hover {
			color: inherit;
		}