.cb_template .d-grid:not(.hidden) {
	display: grid !important;
}

.cb_template .d-grid-full {
	grid-column: 1 / -1;
}

.cb_template .pkbGridRows {
	grid-template-columns: repeat( auto-fill, minmax( var(--pkg-grid-size, 300px), 1fr ) );
}

.cb_template .pkbPackagesType.pkbCollapsed,
.cb_template .pkbPackagesSubType.pkbCollapsed,
.cb_template .pkbPresetType.pkbCollapsed {
	border-bottom: 0;
}

.cb_template .pkbPackagesType.pkbCollapsed > .pkbPackagesTypeBody,
.cb_template .pkbPackagesSubType.pkbCollapsed > .pkbPackagesSubTypeBody,
.cb_template .pkbPresetType.pkbCollapsed > .pkbPresetTypeBody,
.cb_template .pkbPackageFooter:not(:has(> *)),
.cb_template .pkbPresetFooter:not(:has(> *)) {
	display: none !important;
}

.cb_template .pkbToggle,
.cb_template .pkbFilesUploadArea,
.cb_template .pkbMediaPreviewHover {
	cursor: pointer;
}

.cb_template .pkbMediaPreviewHover {
	opacity: 0;
	z-index: 3;
}

.cb_template .pkbMediaPreview:hover .pkbMediaPreviewHover {
	opacity: 0.6;
}

.cb_template .pkbMediaModalVideo .pkbMediaVideo {
	top: 0;
	left: 0;
}

.cb_template .pkbMediaModalVideo:before {
	display: block;
	content: '';
	padding-bottom: 56.25%;
}

.cb_template.pkbMediaModal {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.cb_template .pkbMediaModalOverflow {
	overflow-y: auto;
}

.cb_template .pkbMediaModalClose {
	top: 0;
	right: 0;
	z-index: 4;
	text-shadow: -1px -1px 0 #343a40, 1px -1px 0 #343a40, -1px 1px 0 #343a40, 1px 1px 0 #343a40;
	text-shadow: -1px -1px 0 var(--dark, #343a40), 1px -1px 0 var(--dark, #343a40), -1px 1px 0 var(--dark, #343a40), 1px 1px 0 var(--dark, #343a40);
}

.cb_template .pkbMediaModalClose .cbTooltipClose {
	cursor: pointer;
	opacity: 0.6;
}

.cb_template .pkbMediaModalClose .cbTooltipClose:hover {
	opacity: 1;
}

.cb_template .pkbMediaModalScrollLeft,
.cb_template .pkbMediaModalScrollRight {
	cursor: pointer;
	z-index: 2;
	opacity: 0.6;
}

.cb_template .pkbMediaModalScrollLeft:hover,
.cb_template .pkbMediaModalScrollRight:hover {
	opacity: 1;
}

.cb_template .pkbMediaCarousel .pkbMediaModalScrollLeftIcon,
.cb_template .pkbMediaCarousel .pkbMediaModalScrollRightIcon {
	font-size: 30px;
}

.cb_template .pkbMediaCarousel .carousel-caption,
.cb_template .pkbMediaCarousel .pkbMediaModalScrollLeftIcon,
.cb_template .pkbMediaCarousel .pkbMediaModalScrollRightIcon {
	text-shadow: -1px -1px 0 var(--dark, var(--bs-dark, #343a40)), 1px -1px 0 var(--dark, var(--bs-dark, #343a40)), -1px 1px 0 var(--dark, var(--bs-dark, #343a40)), 1px 1px 0 var(--dark, var(--bs-dark, #343a40));
}

.cb_template .pkbMediaCarousel .pkbMediaModalIndicators > .pkbMediaModalIndicator {
	border: 1px solid var(--dark, var(--bs-dark, #343a40));
}

.cb_template .pkbUnpublished {
	opacity: 0.6;
}

.cb_template .pkbDetailsLogo > img {
	max-height: 100px;
}

.cb_template .pkbDetailsDescription > p:only-child {
	margin: 0;
	padding: 0;
}

.cb_template .pkbDetailsMedia,
.cb_template .pkbFeatureTypeMedia .pkbMediaSlideshow,
.cb_template .pkbFeatureTypeGallery .pkbMediaSlideshow {
	height: 400px !important;
}

.cb_template .pkbDetailsMedia:has(> .pkbMediaGrid) {
	height: auto !important;
}

.cb_template .pkbFeatureMedia:not(.pkbFeatureMediaThumbnail) > .pkbMediaPreviewModal {
	max-height: 300px;
}

.cb_template .pkbFeatureVideo {
	aspect-ratio: 16 / 9;
	font-size: 0;
}

.cb_template .pkbFeatureVideo > .pkbMediaVideo {
	top: 0;
	left: 0;
}

.cb_template .pkbFeatureGrid {
	--feature-grid-gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--feature-grid-gap, 1rem);
}

.cb_template .pkbFeatureGrid > .pkbFeatureGridItem {
	flex-grow: 1;
	width: calc( var(--feature-grid-size, 100%) - var(--feature-grid-gap, 1rem) );
}

.cb_template .pkbDetailsActions > .btn,
.cb_template .pkbDetailsActions > .btn-group {
	width: 100%;
}

.cb_template select.pkbPackageVersionSelect,
.cb_template select.pkbPresetVersionSelect {
	text-align-last: center;
}

.cb_template .pkbSiteKeyBlur {
	filter: blur(4px);
}

.cb_template .pkbSiteKeyReveal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: inherit;
	text-align: center;
	z-index: 2;
}

.cb_template .pkbSiteKeyInput {
	cursor: pointer !important;
}

.pkbSiteKeyDescription .tooltip-inner {
	max-width: none;
}

.cb_template .pkbFeature .pkbFeature {
	height: 100%;
}

.cb_template .pkbFeatureTypeButtons h4 {
	line-height: 1.5;
}

.cb_template .pkbPackagesDownload.position-sticky {
	bottom: 0.5rem;
}

.cb_template .pkbFeatureCta .pkbFeatureCta {
	min-width: 200px;
}

.cb_template .pkbFeatureCta .pkbFeatureCta > *,
.cb_template .pkbFeatureTypeButtons > .btn {
	margin: 0 !important;
}

.cb_template .w-40 {
	width: 40%;
}

.cb_template .pkbPackageNavigate,
.cb_template .pkbPresetNavigate {
	cursor: pointer;
}

.cb_template .pkbMediaGrid .pkbMediaContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--pkg-media-grid-size, 200px), 1fr));
	grid-template-rows: repeat(auto-fill, minmax(var(--pkg-media-grid-size, 200px), 1fr));
	gap: 0.25rem;
}

.cb_template .pkbMediaGrid .pkbMediaPreview > img {
	object-fit: cover;
	object-position: center;
	max-width: none;
	max-height: none;
	width: 100%;
	height: 100%;
}

.cb_template .pkbMediaGrid .pkbMediaPreview {
	overflow: hidden;
	max-height: 200px;
}

.cb_template .pkbDetailsHeaderBackground,
.cb_template .pkbPackageBodyMediaBackground,
.cb_template .pkbPresetBodyMediaBackground {
	background-repeat: no-repeat;
	background-size: cover;
}

.cb_template .pkbPackageBodyMediaBackground,
.cb_template .pkbPresetBodyMediaBackground {
	height: 200px;
}

.cb_template .pkbDetailsHeaderBackground,
.cb_template .pkbPackageBodyMediaBackground,
.cb_template .pkbPresetBodyMediaBackground {
	background-position: center;
	background-blend-mode: color;
	background-color: rgba(var(--body-bg-rgb, var(--bs-body-bg-rgb, 255, 255, 255)), 0.75);
}

.cb_template .pkbDetailsHeaderBackground {
	padding: 1rem;
}

.cb_template .pkbDetailsHeaderBackground .pkbDetailsTitle,
.cb_template .pkbDetailsHeaderBackground .pkbDetailsIntro,
.cb_template .pkbDetailsHeaderBackground .pkbButtonsDemo {
	text-shadow: -1px -1px 0 var(--body-bg, var(--bs-body-bg, #fff)), 1px -1px 0 var(--body-bg, var(--bs-body-bg, #fff)), -1px 1px 0 var(--body-bg, var(--bs-body-bg, #fff)), 1px 1px 0 var(--body-bg, var(--bs-body-bg, #fff));
}

.cb_template .pkbDetailsProduct .pkbDetailsMedia {
	height: 300px !important;
}

.cb_template .pkbDetailsProduct .pkbDetailsMedia:has(> .pkbMediaGrid) {
	height: auto !important;
}

.cb_template .pkbDetailsProduct,
.cb_template .pkbDetailsProduct .pkbDetailsFeatures {
	gap: 6rem !important;
}

.cb_template .pkbPackageTable .pkbInfoVersion,
.cb_template .pkbPresetTable .pkbInfoVersion {
	max-width: 250px;
}

.cb_template .pkbCategoryBackground {
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.2;
}

.cb_template .pkbCategoryIcon {
	z-index: 2;
}

.cb_template .pkbCategoryCount {
	bottom: 0;
	right: 0;
	z-index: 3;
}

.cb_template .pkbCategories {
	grid-template-columns: 1fr 1fr;
}

.cb_template .cbPackageBuilderSpotlight .pkbPackageHeaderTitle,
.cb_template .cbPackageBuilderShowcase .pkbPackageHeaderTitle,
.cb_template .cbPackageBuilderSpotlight .pkbPresetHeaderTitle,
.cb_template .cbPackageBuilderShowcase .pkbPresetHeaderTitle {
	font-size: calc(var(--body-font-size, var(--bs-body-font-size, 1rem)) * 1.5);
}

.cb_template .cbPackageBuilderSpotlight .pkbPackageBodyMedia,
.cb_template .cbPackageBuilderShowcase .pkbPackageBodyMedia,
.cb_template .cbPackageBuilderSpotlight .pkbPresetBodyMedia,
.cb_template .cbPackageBuilderShowcase .pkbPresetBodyMedia {
	position: relative;
	height: 180px;
}

.cb_template .cbPackageBuilderSpotlight .pkbPackageBodyMedia > .pkbMediaPreview,
.cb_template .cbPackageBuilderShowcase .pkbPackageBodyMedia > .pkbMediaPreview,
.cb_template .cbPackageBuilderSpotlight .pkbPresetBodyMedia > .pkbMediaPreview,
.cb_template .cbPackageBuilderShowcase .pkbPresetBodyMedia > .pkbMediaPreview {
	position: unset !important;
}

.cb_template .cbPackageBuilder .cbPaginationLinks {
	margin: 0 !important;
}

.cb_template .pkbFeatureMediaContainer {
	justify-content: space-between;
	gap: 1.5rem;
}

.cb_template .pkbDetailsProduct .pkbFeatureMediaContainer {
	gap: 6rem;
}

.cb_template .pkbDetailsProduct .pkbFeatureGrid {
	--feature-grid-gap: 3rem;
}

.cb_template .pkbFeatureAsCard .pkbFeatureMediaContainer {
	position: relative;
	flex-direction: column !important;
	gap: 0 !important;
	min-width: 0;
	height: 100%;
	color: var(--body-color, var(--bs-body-color, #22262a));
	word-wrap: break-word;
	background-color: var(--body-bg, var(--bs-body-bg, #fff));
	background-clip: border-box;
	border: var(--border-width, var(--bs-border-width, 1px)) solid var(--border-color-translucent, var(--bs-border-color-translucent, #0000002d));
	border-radius: var(--border-radius, var(--bs-border-radius, 0.25rem));
}

.cb_template .pkbFeatureAsCard .pkbFeatureMediaContainer > .pkbFeatureMedia {
	order: -1 !important;
	height: 300px;
	width: 100% !important;
	border-top-left-radius: var(--border-radius, var(--bs-border-radius, 0.25rem));
	border-top-right-radius: var(--border-radius, var(--bs-border-radius, 0.25rem));
	background-color: var(--dark-bg-subtle, var(--bs-dark-bg-subtle, #ced4da));
}

.cb_template .pkbFeatureAsCard .pkbFeatureMediaContainer > .pkbFeatureMedia .pkbMediaImage {
	max-height: none !important;
	max-width: 100% !important;
}

.cb_template .pkbFeatureAsCard .pkbFeatureMediaContainer > .pkbFeatureDetails {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1.5rem;
	width: 100%;
	flex-grow: 1;
}

.cb_template .pkbFeatureAsCard .pkbFeatureMediaContainer > .pkbFeatureDetails > .pkbFeatureTitle {
	margin: 0 !important;
}

@media (max-width: 767.98px) {
	.cb_template .pkbFeatureGrid > .pkbFeatureGridItem {
		width: 100%;
	}

	.cb_template .pkbDetailsProduct .pkbFeature .btn-group {
		width: 100%;
	}

	.cb_template .pkbCategories {
		grid-template-columns: 1fr;
	}
}