/* Shared page section framework */
.page-section {
	margin: var(--space-xlarge) 0;
	padding: 0 var(--gutter-width);
}

.ft-page-sections > .page-section:first-child { margin-top: 0; }

.page-section-header {
	margin: 20px auto;
	max-width: 760px;
}

.page-section-header-title { margin: 1rem 0; }

.ft-actions { margin: 1rem 0; }

.menu.actions { margin: -0.5em; }

.actions li {
	display: inline-block;
	margin: 0.5em;
}

.page-section-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width-wide);
}

.post-grid .page-section-inner { max-width: none; }

.ftps-header { text-align: center; }

.ftps-header::after {
	background-image: url(../images/zig-zag.svg);
	content: "";
	display: block;
	height: 6px;
	margin: var(--space-small) auto;
	width: 70px;
}

.section-title-true.section-text-true .ftps-section-title {
	font: inherit;
	font-size: 0.8888em;
	line-height: 1.5;
	text-transform: uppercase;
}

.ftps-section-title {
	margin-bottom: 0;
	margin-top: var(--space-xlarge);
}

.ftps-section-text h2 { margin: 0; }

.ft-actions a:not(.button) { font-size: 0.8888em; }

.ftps-actions.post_grid { text-align: center; }

.page-section.product-results,
.page-section.archive-filters {
	margin: var(--space-large) 0;
}

@media (min-width: 45em) {

	.page-section { margin: var(--space-xxlarge) 0; }
}

@media (min-width: 64em) {

	.page-section.product-results { margin-top: 0; }

	.page-section.wc-product-columns {
		clear: right;
		float: right;
		margin-top: 0;
		padding-left: 20px;
		width: 70%;
	}
}

/* Grouped callouts legacy layout parity */
.grouped-callout-inner {
	align-items: center;
	display: flex;
}

.grouped-callout-image {
	padding-right: var(--space-normal);
	width: 37%;
}

.grouped-callout-image img {
	border: 0;
	border-radius: 50%;
}

.grouped-callout-title {
	font-size: 0.8387em;
	line-height: 1.3461;
}

.grouped-callout-title h3 {
	margin: 0;
}

.grouped-callout-title a {
	color: inherit;
}

.grouped-callout .ft-actions {
	margin: 0;
}

.angle-right {
	align-items: center;
	display: inline-flex;
	text-decoration: none;
}

.angle-right::after {
	content: var(--icon-ftm-angle-right);
	font-family: icon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	margin-left: 0.5rem;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (min-width: 37.5em) {

	.grouped-callouts-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: calc(-1 * var(--space-small));
		margin-right: calc(-1 * var(--space-small));
		margin-top: calc(-1 * var(--space-large));
	}

	.grouped-callout {
		margin-top: var(--space-xlarge);
		max-width: 50%;
		padding: 0 var(--space-small);
	}

	.grouped-callout + .grouped-callout {
		margin-top: var(--space-xlarge);
	}

	.grouped-callout-inner {
		flex-direction: column;
		justify-content: center;
	}

	.grouped-callout-image {
		max-width: 240px;
		padding-right: 0;
		width: auto;
	}

	.grouped-callout-content {
		text-align: center;
	}

	.grouped-callout-title {
		font-size: inherit;
		line-height: inherit;
		margin-top: var(--space-normal);
	}
}

@media (min-width: 48.5em) {

	.grouped-callout-image {
		max-width: 270px;
	}
}

@media (min-width: 64em) {

	.grouped-callouts-inner {
		margin: 0 auto;
		max-width: var(--max-width-wide);
	}

	.grouped-callout {
		width: 25%;
	}
}