.is-root-site.home .standard-page-hero,
.is-root-site.home #maincontent .sidebar--horizontal {
	display: none;
}

.has-st-olaf-blocks #maincontent>.l-wrapper:not(.sidebar-right) {
	max-width: unset;
	padding: 0;
}

#maincontent>.l-wrapper .breadcrumbs {
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.site-grid__layout--sidebar-horizontal div[data-modular-content-collection]>ul {
	padding-left: 20px;
}

.site-grid__layout--sidebar-horizontal div[data-modular-content-collection]>ol {
	padding-left: 20px;
}

.t-content ul,
.t-content ol {
	margin-left: 1em;
}

@media (min-width: 960px) {
	.site-grid__layout--sidebar-horizontal div[data-modular-content-collection]>*:not(.site-section) {
		max-width: 50.625rem;
		/* equivalent to 45em at 18px */
	}

	.site-grid__layout--sidebar-horizontal div[data-modular-content-collection]>*:not(.site-section) {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 959px) {
	.site-grid__layout--sidebar-horizontal div[data-modular-content-collection]>*:not(.site-section) {
		margin-left: 20px;
		margin-right: 20px;
	}

	.t-content li {
		padding-left: 0;
	}

}

.page.has-st-olaf-blocks .page-content {
	padding-bottom: 0;
}

.page.has-st-olaf-blocks #maincontent>.l-wrapper>.site-grid>.site-grid__col {
	margin-bottom: 0;
}

.page .breadcrumbs-wrapper .breadcrumbs {
	margin-bottom: 4em;
}

.page.has-st-olaf-blocks .breadcrumbs-wrapper .breadcrumbs,
.page.has-st-olaf-blocks .breadcrumbs-wrapper .breadcrumbs:empty {
	margin-bottom: 0;
}

.page .breadcrumbs-wrapper .breadcrumbs:empty {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.page .breadcrumbs-wrapper .breadcrumbs:empty {
		margin-bottom: 60px;
	}
}

@media (min-width: 960px) {
	.page .breadcrumbs-wrapper .breadcrumbs:empty {
		margin-bottom: 80px;
	}
}

/**
 * The migration script leaves an empty HTML block at the top and bottom of the post content, and WP renders those as empty <p> tags, resulting in an extra border at the top and bottom of the page.
 */
div[data-modular-content-collection]>p:last-child:empty,
div[data-modular-content-collection]>p:first-child:empty {
	margin: 0;
}

/**
 * <noscript> tags get wrapped in <p> tags because WordPress.
 */
div[data-modular-content-collection] p:has(noscript:only-child) {
	margin: 0;
}

#maincontent>div[data-modular-content-collection]>*:last-child {
	margin-bottom: 0;
}

#maincontent>div[data-modular-content-collection]>*:last-child:not(.site-section) {
	padding-bottom: 30px;
}

@media (min-width: 768px) {
	#maincontent>div[data-modular-content-collection]>*:last-child:not(.site-section) {
		padding-bottom: 60px;
	}
}

@media (min-width: 960px) {
	#maincontent>div[data-modular-content-collection]>*:last-child:not(.site-section) {
		padding-bottom: 80px;
	}
}

.site-section.site-section__bg--gray,
.site-section.site-section__bg--light {
	background-color: #f7f5f2;
}

.site-section.site-section__bg--white {
	background-color: #fff;
}

.site-grid__layout--sidebar-horizontal,
.has-st-olaf-blocks .site-grid__layout--sidebar-horizontal .page-content.t-content {
	max-width: unset !important;
}

.pattern--background {
	width: 100%;
	height: 100%;
	background-color: currentColor;
	display: none;
}

/**
 * if we put mask-image outside of the @supports block, Edge 16
 * (which supports mask-image but not mask-repeat) will crash the tab
 * when it parses the mask-image declaration. By hiding it within the
 * @supports block (Edge 16 recognizes @supports, and doesn't know mask-repeat),
 * we prevent Edge 16 from crashing, but allow other browsers to
 * render the pattern.
 */
@supports ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
	.pattern--background {
		-webkit-mask-image: var(--pattern-url);
		mask-image: var(--pattern-url);
		-webkit-mask-size: cover;
		mask-size: cover;
		-webkit-mask-position: center left;
		mask-position: center left;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
}

@media (min-width: 768px) {
	@supports ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) {
		.pattern--background {
			display: block;
		}
	}
}

.t-content .site-section__header .site-section__title {
	margin-bottom: 0;
}

.t-content .query-loop .c-card__link {
	border-bottom: none;
}

.c-stat p {
	margin-bottom: 0;
}

.t-content .c-stat p {
	font-family: Calluna Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.t-content [class*="u-cc"] h1,
.t-content [class*="u-cc"] h2,
.t-content [class*="u-cc"] h3,
.t-content [class*="u-cc"] h4,
.t-content [class*="u-cc"] h5,
.t-content [class*="u-cc"] h6 {
	color: unset;
}

.panel-events .c-calendar__link,
.panel-events_main_site .c-calendar__link {
	border: none;
}

/** Nested titles */
.h1 .h1,
.h2 .h2,
.h3 .h3,
.h4 .h4,
.h5 .h5,
.h6 .h6 {
	font-size: unset;
}

.t-content-post-editor-dropcap .mce-content-body>p:first-of-type::first-letter,
.t-content-post-editor-dropcap .block-editor-block-list__layout>p:first-of-type::first-letter,
.t-content--dropcap div[data-modular-content-collection]>p:first-of-type::first-letter,
.has-drop-cap:not(:focus)::first-letter {
	float: left;
	font-size: 48px;
	padding: 12px 8px 0 0;
	line-height: 0.6;
}

.has-drop-cap:not(:focus)::first-letter {
	font-weight: unset;
	margin: unset;
}

@media (min-width: 600px) {

	.t-content-post-editor-dropcap .mce-content-body>p:first-of-type::first-letter,
	.t-content-post-editor-dropcap .block-editor-block-list__layout>p:first-of-type::first-letter,
	.t-content--dropcap div[data-modular-content-collection]>p:first-of-type::first-letter,
	.has-drop-cap:not(:focus)::first-letter {
		font-size: 60px;
		padding: 16px 8px 0 0;
	}
}

body:not(.wp-admin) .search-submit {
	color: transparent;
}

body:not(.wp-admin) .menu-trigger--button {
	font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
	font-weight: 700;
	font-size: 16px;
}

/* -----------------------------------------------------------------------------
 *
 * Page: Blank Slate
 *
 * ----------------------------------------------------------------------------- */
.page-template-page-full-width #maincontent>div[data-modular-content-collection]>*:not(.site-section, #sto-stream-alert) {
	padding-bottom: 80px;
	margin-right: auto;
	margin-left: auto;
	max-width: 50.625rem;
}