/* Catalog page */
body[class*="page-id-417"] {
	.page-content {
		.elementor {
			.elementor-element {
				.e-con-inner {
					max-width: 1220px;
				}
				/* Filters */
				.catalog-filter-bar {
					display: flex;
					justify-content: center;
				}

				/* Posts holder */
				div#pt-cv-view-f399421rp5 .pt-cv-page, div#pt-cv-view-a05649bagl .pt-cv-page {
				}
			}
		}
	}
}


/* Catalog Filters */
.catalog-filter-bar {
	display: flex;
	gap: 20px;

	@media (max-width: 1344px) {
		justify-content: center;
		flex-wrap: wrap;
	}

	.catalog-filter-bar-search {
		display: flex;
		border: 1px solid #666;
		border-radius: 20px;
		padding: 8px 20px;
        background-color: white;

		@media (max-width: 595px) {
			width: 100%;
		}

		.catalog-filter-bar-search-input {
			border: unset;
			padding: 0;
			border-radius: unset;
			background-color: transparent;
			width: 100%;
			min-width: 150px;

			&:focus-visible {
				outline: unset;
			}
		}

		.catalog-filter-bar-search-btn {
			border: unset;
			padding: 0;
			border-radius: unset;
			background-color: transparent;
			width: unset;
			color: var(--e-global-color-primary);
		}
	}

	.catalog-filter-bar-cat {
		border-color: #666;
		border-radius: 20px;
		padding: 8px 20px;
		max-width: 250px;
		background-color: white;
		color: var(--primary-color);

		@media (max-width: 595px) {
			width: 100%;
			max-width: unset;
		}
	}

	.catalog-filter-checkbox-wrapper {
		display: inline-block;
		position: relative;
		padding-left: 26px;
		cursor: pointer;
		font-size: 16px;
		user-select: none;
		align-self: center;
	}

	.catalog-filter-checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #e0e0e0;
		border-radius: 4px;
		transition: background-color 0.3s ease;
	}

	.catalog-filter-checkbox-wrapper input:checked+.checkmark {
		background-color: var(--e-global-color-primary);
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
		left: 7px;
		top: 3px;
		width: 6px;
		height: 12px;
		border: solid white;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.catalog-filter-checkbox-wrapper input:checked+.checkmark:after {
		display: block;
	}
}