.ps-fpk-generated {
	--ps-fpk-main-category-bg: #ffffff;
	--ps-fpk-secondary-category-bg: #f7f7f7;
	--ps-fpk-post-bg: #ffffff;
	--ps-fpk-box-radius: 14px;
	--ps-fpk-box-padding: 20px;
}

.ps-fpk-generated,
.ps-fpk-generated * {
	box-sizing: border-box;
}

.ps-fpk-top-content,
.ps-fpk-bottom-content,
.ps-fpk-between-main,
.ps-fpk-between-secondary {
	margin: 1.5rem 0;
}

.ps-fpk-category-group {
	margin: 2rem 0;
}

.ps-fpk-main-category,
.ps-fpk-secondary-category {
	border-radius: var(--ps-fpk-box-radius);
	padding: var(--ps-fpk-box-padding);
}

.ps-fpk-main-category {
	background-color: var(--ps-fpk-main-category-bg);
}

.ps-fpk-secondary-category {
	background-color: var(--ps-fpk-secondary-category-bg);
	margin: 1.25rem 0 0;
}

.ps-fpk-main-category::before,
.ps-fpk-main-category::after,
.ps-fpk-secondary-category::before,
.ps-fpk-secondary-category::after,
.ps-fpk-secondary-categories::before,
.ps-fpk-secondary-categories::after {
	content: " ";
	display: table;
}

.ps-fpk-main-category::after,
.ps-fpk-secondary-category::after,
.ps-fpk-secondary-categories::after {
	clear: both;
}

.ps-fpk-secondary-categories {
	margin-top: 1.5rem;
}

.ps-fpk-category-title {
	margin-top: 0;
}

.ps-fpk-main-category-title {
	margin-bottom: 1rem;
}

.ps-fpk-secondary-category-title {
	margin-bottom: 0.875rem;
}

.ps-fpk-posts-grid {
	margin-top: 1rem;
}

.ps-fpk-posts-grid > * {
	background-color: var(--ps-fpk-post-bg);
	border-radius: var(--ps-fpk-box-radius);
	padding: var(--ps-fpk-box-padding);
	margin-bottom: 1.25rem;
}

/* Display Posts Columns Extension compatibility.
 *
 * Bill Erickson's Columns Extension works by adding float classes such as
 * one-fourth and first to each Display Posts item when columns="4" is present.
 * This plugin scopes the same column-class CSS to its own generated wrappers so
 * columns still work when the extension stylesheet is disabled, missing, loaded
 * too late, or not available on the site.
 */
.ps-fpk-posts-grid::before,
.ps-fpk-posts-grid::after {
	content: " ";
	display: table;
}

.ps-fpk-posts-grid::after {
	clear: both;
}

.ps-fpk-posts-grid .five-sixths,
.ps-fpk-posts-grid .four-sixths,
.ps-fpk-posts-grid .four-fifths,
.ps-fpk-posts-grid .one-fifth,
.ps-fpk-posts-grid .one-fourth,
.ps-fpk-posts-grid .one-half,
.ps-fpk-posts-grid .one-sixth,
.ps-fpk-posts-grid .one-third,
.ps-fpk-posts-grid .three-fourths,
.ps-fpk-posts-grid .three-fifths,
.ps-fpk-posts-grid .three-sixths,
.ps-fpk-posts-grid .two-fourths,
.ps-fpk-posts-grid .two-fifths,
.ps-fpk-posts-grid .two-sixths,
.ps-fpk-posts-grid .two-thirds {
	box-sizing: border-box;
	float: left;
	margin-left: 1.66666666667%;
}

.ps-fpk-posts-grid .one-half,
.ps-fpk-posts-grid .three-sixths,
.ps-fpk-posts-grid .two-fourths {
	width: 49.1666666667%;
}

.ps-fpk-posts-grid .one-third,
.ps-fpk-posts-grid .two-sixths {
	width: 32.2222222222%;
}

.ps-fpk-posts-grid .four-sixths,
.ps-fpk-posts-grid .two-thirds {
	width: 66.1111111111%;
}

.ps-fpk-posts-grid .one-fourth {
	width: 23.75%;
}

.ps-fpk-posts-grid .three-fourths {
	width: 74.5833333333%;
}

.ps-fpk-posts-grid .one-fifth {
	width: 18.6666666667%;
}

.ps-fpk-posts-grid .two-fifths {
	width: 39%;
}

.ps-fpk-posts-grid .three-fifths {
	width: 59.3333333333%;
}

.ps-fpk-posts-grid .four-fifths {
	width: 79.6666666667%;
}

.ps-fpk-posts-grid .one-sixth {
	width: 15.2777777778%;
}

.ps-fpk-posts-grid .five-sixths {
	width: 83.0555555556%;
}

.ps-fpk-posts-grid .first {
	clear: both;
	margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.ps-fpk-posts-grid .five-sixths,
	.ps-fpk-posts-grid .four-sixths,
	.ps-fpk-posts-grid .four-fifths,
	.ps-fpk-posts-grid .one-fifth,
	.ps-fpk-posts-grid .one-fourth,
	.ps-fpk-posts-grid .one-half,
	.ps-fpk-posts-grid .one-sixth,
	.ps-fpk-posts-grid .one-third,
	.ps-fpk-posts-grid .three-fourths,
	.ps-fpk-posts-grid .three-fifths,
	.ps-fpk-posts-grid .three-sixths,
	.ps-fpk-posts-grid .two-fourths,
	.ps-fpk-posts-grid .two-fifths,
	.ps-fpk-posts-grid .two-sixths,
	.ps-fpk-posts-grid .two-thirds {
		margin-left: 0;
		width: 100%;
	}
}