/**
 * Spacewell base styles.
 *
 * Moved verbatim from the Customizer "Additional CSS" (wp_posts 661, post type
 * custom_css, name generatepress-child, last edited there 2026-06-02) so the
 * styling ships with the theme instead of living in a per-site database.
 *
 * Loaded after sw.css. HubSpot form rules live in sw-hubspot.css.
 */



/* General */


* {
	border-color: var(--contrast-3);
}

.site-content {
	background-color: var(--base-2);
}
.gb-button:hover {
	text-decoration: none;
}

.no-underline,
.no-underline > *:hover {
	text-decoration-line: none;
}

.has-small-font-size {
	line-height: 20px;
}

.has-medium-font-size {
	line-height: 30px;
}

.has-large-font-size {
	line-height: 48px;
}

.has-x-large-font-size {
	line-height: 53px;
}

picture.gb-image-b19acb23,
img.gb-image-b19acb23 {
	display: block;
	margin-bottom: 2em;
}
.cursor-pointer {
	cursor: pointer;
}

blockquote {
	border-left: 1px solid var(--contrast-3);
}

.m-0 {
	margin: 0;
}
.pl-2 {
	padding-left: 2em;
}
.h-full {
	height: 100%;
}
.list-inside {
	list-style-position: inside;
}
.read-time {
	font-size: 13px;
	line-height: 16px;
}

.line-clamp-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


.line-height-1 {
	line-height: 1em;
}
.absolute {
	position: absolute;
}
.top-0 {
	top: 0;
}
.right-0 {
	right: 0;
}
.bottom-0 {
	bottom: 0;
}
.bottom-1 {
	bottom: 1em;
}
.bottom-2 {
	bottom: 2em;
}
.bottom-3 {
	bottom: 3em;
}
.bottom-4 {
	bottom: 4em;
}
.bottom-5 {
	bottom: 5em;
}
.bottom-6 {
	bottom: 6em;
}
.pointer-events-none {
	pointer-events: none;
}
.balance {
	text-wrap: balance;
}

/* Tables */
@media only screen and (max-width: 769px) {
	.scrollable.has-scroll {
		position: relative;
		overflow: hidden;
	}
	.scrollable.has-scroll:after {
		position: absolute;
		top: 0;
		left: 100%;
		width: 50px;
		height: 100%;
		background: var(--contrast-3);
		box-shadow: -5px 0 10px var(--contrast-3);
		content: '';
	}
	.scrollable.has-scroll > div {
		overflow-x: auto;
	}
	.scrollable.has-scroll table {
		min-width: 900px;
	}
}
.table-no-border,
.table-no-border tr td,
.table-no-border tr th {
	border: none !important;
}
.table-bottom-border {
	border: none !important;
}
.table-bottom-border tr td,
.table-bottom-border tr th {
	border: none !important;
	border-bottom: 1px solid var(--contrast-3) !important;
}

.table-all-borders {
	border-collapse: collapse !important;
}
.table-all-borders,
.table-all-borders tr th,
.table-all-borders tr td {
	border: 1px solid var(--contrast-3) !important;
}

table tr td,
table tr th {
	padding: 0.857em 0.587em;
	max-width: 100%;
	vertical-align: top;
	text-align:left;
}

/* Blog Posts */

.type-post .entry-header,
.type-event .entry-header,
.type-webinar .entry-header {
	position: relative;
	width: 70%;
	margin: 0 auto;
	background-color: white;
}

.type-post .entry-header h1,
.type-event .entry-header h1,
.type-webinar .entry-header h1 {
	margin-top: -1.5em;
	padding: 0.5em 32px 24px 32px;
}

.type-post .entry-meta,
.type-even .entry-meta,
.type-webinar .entry-meta {
	padding: 0 32px;
	font-weight: 600;
}

@media (min-width: 769px) and (max-width: 1024px) {
	.type-post .entry-header,
	.type-event .entry-header,
	.type-webinar .entry-header {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.separate-containers .comments-area,
	.separate-containers .page-header,
	.separate-containers .paging-navigation,
	.one-container .site-content,
	.inside-page-header {
		padding: 14px 0;
	}

	.separate-containers .inside-article {
		padding: 0;
	}
	.type-post .entry-header,
	.type-event .entry-header,
	.type-webinar .entry-header {
		width: 100%;
	}

	.type-post .entry-header h1,
	.type-event .entry-header h1,
	.type-webinar .entry-header h1 {
		margin-top: 0;
		padding: 14px;
	}
	.type-post .entry-meta .type-event .entry-meta,
	.type-webinar .entry-meta {
		padding: 0 14px;
	}
}

.yoast-reading-time__wrapper {
	font-size: 85%;
}


/*  Page pagination */

/* Dropped on purpose: the pager is styled in sw.css now, shared with the FacetWP
   pager. The rules this block mirrored are still in the Customizer's "Additional
   CSS"; sw.css outweighs them until that is emptied. */

/* End Page pagination */

/*
* Archive pages
*/

.grid-container .generate-columns-container {
	border-top: 1px solid var(--contrast-3);
	margin-bottom: -1px !important;
}

.grid-container .generate-columns-container > * {
	border-bottom: 1px solid var(--contrast-3);
}

@media (min-width: 769px) {
	/* only on tablet and desktop */
	.grid-container .generate-columns-container article:nth-child(even) {
		border-right: 1px solid var(--contrast-3);
	}

	body.paged
		.grid-container
		.generate-columns-container
		article:nth-child(even) {
		border-right: none;
	}

	body.paged
		.grid-container
		.generate-columns-container
		article:nth-child(odd) {
		border-right: 1px solid var(--contrast-3);
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.tablet-grid-50.featured-column {
		width: 100%;
	}
}

/* Square Brackets */
a.square-brackets::before {
	content: '[';
}

a.square-brackets::after {
	content: ']';
}

.notification.warning {
	padding: 1em;
	background-color: orange;
	color: white;
	text-align: center;
	font-weight: 600;
}

/* Loop grid  */
.loop-grid .gb-grid-column:not(:last-child) {
	border-right: 1px solid var(--contrast-3);
}

/* Search results */

.search-results .generate-columns-container {
	border:none;
}
.search-results .generate-columns-container .page-header {
	padding:32px;
}
.search-results .generate-columns-container article {
	width:100%;
	border:none;
}
.search-results .grid-container .generate-columns-container article:nth-child(even),
.search-results .grid-container .generate-columns-container article:nth-child(odd){
    border: none!important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    border-color: var(--contrast-3);
}
/* Match the theme's high-specificity layout chain to force the 70px margin to 0 */
.separate-containers .inside-article .entry-content,
article .inside-article .entry-content,
.inside-article .entry-content {
    margin-top: 0px !important;
}