.cpt-archive-section {
	@apply !pt-[100px] sm:!pt-[200px] 2xl:!pt-[350px];
	.cpt-chip.is-active {
		@apply !bg-black !text-white !border-black border !pr-12;
		position: relative;
	}

	.cpt-chip.is-active:after {
		@apply w-2.5 h-2.5 right-5 top-1/2 transform -translate-y-1/2 absolute;
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22326 1.23145L11.3005 11.3088M11.3005 1.23145L1.22314 11.3088' stroke='white'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
	}

	.cpt-card-excerpt,
	.cpt-card-title {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cpt-pg {
		button {
			@apply md:w-10 md:h-10 w-8 h-8 flex items-center justify-center border font-bold border-transparent;
		}
	}

	.cpt-archive.is-loading .cpt-grid {
		opacity: 0.3;
	}
	.cpt-archive .cpt-loader {
		display: none;
		text-align: center;
		margin: 24px 0;
	}
	.cpt-archive.is-loading .cpt-loader {
		display: block;
	}
	.cpt-archive .cpt-empty {
		display: none;
		text-align: center;
		margin: 24px 0;
	}

	/* Dropdown layout */
	.cpt-tax-dropdown {
		@apply w-[290px];
	}
	.cpt-dd-toggle {
		@apply w-full text-left;
	}
	.cpt-dd-toggle .cpt-dd-count-badge {
		@apply hidden ml-2.5 mr-auto items-center justify-center rounded-full bg-black text-white text-xs font-bold;
		min-width: 20px;
		height: 20px;
		padding: 0 6px;
		line-height: 20px;
	}
	.cpt-dd-toggle.has-selected .cpt-dd-count-badge {
		@apply inline-flex;
	}
	.cpt-dd-panel {
	}
	.cpt-dd-item.is-active {
		@apply !bg-black !text-white !pr-10 relative;
	}
	.cpt-dd-item.is-active:after {
		@apply w-2.5 h-2.5 right-3 top-1/2 transform -translate-y-1/2 absolute;
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22326 1.23145L11.3005 11.3088M11.3005 1.23145L1.22314 11.3088' stroke='white'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
	}
	.cpt-clear-tax {
		@apply transition-colors duration-200 hover:opacity-80;
	}

	.cpt-selected-chips {
		.cpt-chip {
			@apply rounded-full px-5 py-2 border cursor-pointer transition-all duration-200 hover:opacity-80;
		}
	}
}

.cpt-single-section {
	.header-bg-wrap {
		@apply !pt-[100px] sm:!pt-[200px] 2xl:!pt-[350px];
	}

	.sticky-box {
		@apply lg:mr-5;
	}
}

.cpt-single-section .content-wrap {
	.header-bg-wrap {
		@apply !bg-red-600;
	}

	.left {
		.spacing-px {
			@apply !px-0;
		}
	}

	.different-bg-padding section {
		@apply !px-6;
	}

	.entry-content {
		@apply flex flex-col pb-10;
	}

	.entry-content .left,
	.entry-content .right {
		@apply w-full;
	}

	.entry-content .right {
		@apply static top-auto max-h-none overflow-visible my-10 lg:mt-20 lg:ml-5 px-sm xs:px-md sm:px-offsetMd md:px-offsetLg lg:px-0;
	}

	@media (min-width: 1024px) {
		.entry-content {
			@apply grid grid-cols-3 items-start;
		}

		.entry-content .left {
			@apply w-auto col-span-2;
		}

		.entry-content .right {
			@apply sticky top-32 2xl:top-40 overflow-y-auto;
		}
	}

	.anchors {
		@apply p-0;

		.anchor-item {
			@apply font-normal p-0 m-0;

			&:before {
				@apply hidden;
			}

			.anchor-link {
				@apply no-underline;
			}
		}
	}
}

.navigation__wrapper {
  @apply pr-5 xl:pr-20 2xl:pr-[140px];
}