/* CSS Document */
#cgkitpf-loading {
	display: none;
	position:fixed;
	inset: 0px;
	width: 100%;
	height: 100%;
	background: rgba(52, 53, 55, 0.4);
	z-index: 999999;
	text-align: center;
	align-items: center;
  justify-content: center;
}
.cgkitpf-wrap .pf-label .pf-input {
	display: none;
}
.cgkitpf-wrap .pf-image.active,
.cgkitpf-wrap .pf-color.active,
.cgkitpf-wrap .pf-image:hover,
.cgkitpf-wrap .pf-color:hover {
	opacity: 1;
}
.cgkitpf-wrap .pf-color .color {
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
}
.cgkitpf-wrap .pf-color .pf-input,
.cgkitpf-wrap .pf-image .pf-input {
	display: flex;
	width: 100%;
}
.cgkitpf-wrap .pf-image .image {
	display: block;
	cursor: pointer;
	position: relative;
	width: 34px;
	height: 34px;
	position: relative;
	flex-shrink: 0;
}
.cgkitpf-wrap .pf-image .image img {
	position: absolute;
	height: 100%;
	width: auto;
	overflow: hidden;
	max-width: unset;
	border-radius: 50%;
}
.cgkitpf-wrap .pf-color .color {
	width: 24px;
	height: 24px;
	margin-left: 1px;
}
.cgkitpf-wrap .pf-image .image:before,
.cgkitpf-wrap .pf-color .color:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1.5px solid #e2e2e2;
	margin: -2.5px;
	border-radius: 50%;
}
.cgkitpf-wrap .pf-color.active .color:before,
.cgkitpf-wrap .pf-image.active .image:before {
	border-color: #111;
}
.cgkitpf-wrap .pf-color .color:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #fff;
  margin: -1px;
	border-radius: 50%;
}
.cgkitpf-wrap .pf-image.active .image:before {
	border-color: #353c4e;
}
.cgkitpf-wrap .pf-image .image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #fff;
	margin: -0.5px;
	border-radius: 50%;
}
.cgkitpf-wrap .pf-label label,
.cgkitpf-wrap .pf-radio label,
.cgkitpf-wrap .pf-checkbox label {
	cursor: pointer;
}
#secondary .cgkitpf-wrap .pf-label,
.cgkitpf-wrap .pf-label {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.cgkitpf-label-wrap ul {
	padding: 5px 0;
}
.cgkitpf-wrap .pf-label label {
	display: inline-block;
	border: 1px solid #333;
	padding: 7px 10px;
	border-radius: 2px;
	background: #fff;
	font-size: 12px;
	line-height: 1;
	color: #333;
	white-space: nowrap;
	position: relative;
	text-align: center;
	transition: background 0.2s;
}
.cgkitpf-wrap .pf-label label:hover {
	background-color: #f1f1f1;
}
.cgkitpf-wrap .pf-label.active label {
	background: #111;
	border-color: #111;
	color: #fff;
}
.cgkitpf-wrap .pf-label .pf-count {
	font-size: 10px;
	margin-left: 3px;
}
.cgkitpf-wrap .pf-label.active .pf-count {
	color: #ccc;
}
.cgkitpf-wrap input:checked + .ckit-filter-label > .ckit-primary-label,
.cgkitpf-wrap input:checked + .ckit-filter-label .pf-count {
	color: #000;
}
.cgkitpf-wrap .pf-price-labels {
	width: 100%;
	font-size: 12px;
}
.cgkitpf-wrap .pf-price-labels #pf-price-from {
	text-align: left;
}
.cgkitpf-wrap .pf-price-labels #pf-price-to {
	text-align: right;
	float: right;
}
.cgkitpf-wrap #pf-price-range {
	position: relative;
	height: 30px;
	margin-top: 3px;
}
.cgkitpf-wrap #pf-price-range input[type=range]:nth-child(1)::-webkit-slider-thumb::before {
	background-color: #808080;
}
.cgkitpf-wrap #pf-price-range input[type=range]:nth-child(2) {
	background: none;
}
.cgkitpf-wrap #pf-price-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before {
	background-color: #808080;
}
.cgkitpf-wrap #pf-price-range input[type=range]::-moz-range-track {
	background: none;
}
.cgkitpf-wrap #pf-price-range input[type=range] {
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	background: linear-gradient(#222, #222) no-repeat center;
	background-size: 100% 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	pointer-events: none;
	margin-left: 2px;
}
.cgkitpf-wrap #pf-price-range input[type=range]:active,
.cgkitpf-wrap #pf-price-range input[type=range]:focus,
.cgkitpf-wrap #pf-price-range input[type=range]::-moz-focus-outer {
	border: none;
	outline: none;
}
.cgkitpf-wrap.cgkitpf-image-wrap input[type=checkbox] {
	display: none;
}
.cgkitpf-color-wrap .pf-color label {
	gap: 0.9em;
	position: relative;
	align-items: center;
}
#secondary .commercekit-product-filters ul li,
.commercekit-product-filters ul li {
	position: relative;
	margin: 0;
}
.cgkitpf-color-wrap .pf-color input[type=checkbox],
.cgkitpf-color-wrap .pf-color.active input[type=checkbox] {
	position: absolute;
	left: 7px;
	top: 11px;
	background: none;
	border: none;
}
.cgkitpf-image-wrap .pf-image label {
	display: grid;
	grid-template-columns: 34px auto;
	gap: 0.9em;
	align-items: center;
	
}
.cgkitpf-wrap #pf-price-range input[type=range]::-webkit-slider-thumb {
	position: relative;
	height: 16px;
	width: 16px;
	margin: 5px 0;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 1px 4px 0.5px rgba(0,0,0,0.3);
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
}
.cgkitpf-wrap ul::-webkit-scrollbar {
    width: 4px;
  border-radius: 3px;
}
.cgkitpf-wrap ul::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 100px;
}
.cgkitpf-wrap ul::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 100px;
}
.cgkitpf-wrap {
	margin-bottom: 25px;
	margin-left: 0;
	list-style: none;
	font-size: 14px;
}
.cgkitpf-wrap.cgkitpf-dropdown-wrap {
	margin-bottom: 30px;
} 
#cgkitpf-wrapper .cgkitpf-wrap:not(.cgkitpf-price-filter-wrap):not(.cgkitpf-label-wrap) ul {
	display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0 -10px;
}
#cgkitpf-wrapper .cgkitpf-wrap .pf-select {
	margin-bottom: 25px;
}
.ckit-filter-title {
	color: #111;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	padding-right: 20px;
	display: flex;
  flex-wrap: wrap;
}
.ckit-filter-title .ckit-individual-filter-count {
	margin-right: 5px;
}
.ckit-filter-title button {
	flex-shrink: 0;
	margin-top: 4.5px;
	text-indent: -9999px;
	border-radius: 99px;
	padding: 0;
	background-color: #555;
	display: block;
	box-sizing: content-box;
	padding: 2px;
	background-color: #555;
	border-radius: 50%;
	opacity: 0.8;
	transition: opacity 250ms ease 0s;
	height: 8px;
	width: 8px;
	position: relative;
}
.ckit-filter-title button span {
	display: block;
	height: 8px;
	width: 8px;
}
.ckit-filter-title button span:before,
.ckit-filter-title button span:after {
	content: "";
	position: absolute;
	width: 1px;
	top: 50%;
	left: 50%;
	height: 7px;
	background-color: #fff;
	transition: transform 250ms ease-in-out 0s;
}
.ckit-filter-title button span:before{
	transform: translate(-50%, -50%) rotate(45deg);
}
.ckit-filter-title button span:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.cgkitpf-radio-wrap .pf-input,
.cgkitpf-checkbox-wrap .pf-input,
.cgkitpf-rating-filter-wrap .pf-input,
.cgkitpf-onsale-filter-wrap .pf-input,
.cgkitpf-stock-filter-wrap .pf-input {
	display: grid;
	grid-template-columns: 20px auto;
	gap: 0.8em;
	width: 100%;
}
.pf-count {
	color: #555;
	font-size: 11px;
	flex-shrink: 0;
}
.cgkitpf-wrap:not(.cgkitpf-label-wrap) .pf-count {
	margin-left: 15px;
}
.cgkitpf-wrap input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	margin: 0;
	font: inherit;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1.5px solid #111;
	border-radius: 50%;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	flex-shrink: 0;
	position: relative;
	top: 2px;
}
.cgkitpf-wrap input[type=radio]::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: CanvasText;
}
.cgkitpf-wrap input[type=radio]:checked::before {
  transform: scale(1);
}
#secondary .widget .ckit-filters-container ul li.pf-checkbox,
.ckit-filters-container li.pf-checkbox,
#secondary .widget .ckit-filters-container ul li.pf-radio,
.ckit-filters-container li.pf-radio {
	margin-top: 0px;
	margin-bottom: 0px;
}
.cgkitpf-wrap li.pf-checkbox:not(.pf-price):hover,
.cgkitpf-wrap li.pf-radio:hover,
.cgkitpf-wrap li.pf-color:hover,
.cgkitpf-wrap li.pf-image:hover {
	background-color: #f8f8f8;
}
.cgkitpf-wrap li label {
	padding: 4px 10px;
	display: flex;
	cursor: pointer;
}
.cgkitpf-wrap .cgkitpf-label-wrap ul li label {
	align-items: center;
	padding: 7px 10px;
	margin: 0 4px 4px 0;
}
.cgkitpf-wrap li.pf-color label,
.cgkitpf-wrap li.pf-image label {
	padding-top: 6px;
	padding-bottom: 6px;
}
.cgkitpf-wrap input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
	appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1.5px solid #111;
  border-radius: 3px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  flex-shrink: 0;
	margin-top: 1px;
}
.cgkitpf-wrap .pf-checkbox input[type=checkbox]:checked {
	background: #111;
	border-color: #111;
}
.cgkitpf-wrap input[type=checkbox]:checked::before,
.cgkitpf-color-wrap .pf-color input[type=checkbox]:checked::before {
	content: "";
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L9 17L19 7' stroke='%234A5568' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L9 17L19 7' stroke='%234A5568' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 15px;
	content: "";
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	background-color: #fff;
	top: 1px;
	left: 1px;
}
.cgkitpf-wrap.cgkitpf-color-wrap input[type=checkbox]:checked::before {
	top: 0px;
	left: 8px;
}
button.ckit-filter-show-more {
	background: transparent;
	color: #0564c2;
	font-size: 13px;
	font-weight: bold;
	padding: 0.25rem;
	margin: 0.25rem -0.25rem 0 -0.25rem;
}
button.ckit-filter-show-more:focus {
	color: #00318f;
	box-shadow: 0 0 0 3px #40a1f8;
	outline: none;
}
/* Select2 styling */
.select2-container {
	display: block;
}
.cgkitpf-dropdown-wrap .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 13px;
}
.ckit-filters-dropdown .select2-results__option {
	font-size: 13px;
}
.select2-container--open .select2-dropdown--below.ckit-filters-dropdown {
	border: 1px solid #e2e2e2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.select2-dropdown.ckit-filters-dropdown {
	border-color: #e2e2e2;
}
.select2-container--open .select2-dropdown--above.ckit-filters-dropdown {
	border: 1px solid #e2e2e2;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* Mobile filters buttons */
.ckit-filters-button-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.ckit-filters-button-wrapper button {
	font-size: 14px;
	width: 100%;
	cursor: pointer;
	padding: 0.75em 1.3em;
	background: transparent;
	border: 1.5px solid #111;
	color: #111;
	font-weight: normal;
}
.ckit-filters-button-wrapper button.ckit-apply-filters {
	background: #111;
	color: #fff;
	font-weight: bold;
}
/* Selected filters */
.ckit-selected-filters {
	margin-bottom: 25px;
}
.ckit-selected-filters_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #111;
}
.ckit-selected-filters_list button.ckit-selected-filters_clear {
	background: transparent;
	padding: 0;
	color: #111;
	font-weight: normal;
	font-size: 13px;
	border-bottom: 1px solid;
	cursor: pointer;
	border-radius: 0;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ckit-selected-filters_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.ckit-selected-filters_list button.ckit-selected-filter {
	display: flex;
	align-items: center;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	padding: 3px 13px;
	border-radius: 99px;
	font-weight: normal;
	margin: 5px 5px 5px 0;
	cursor: pointer;
}
.ckit-selected-filters_list button:nth-last-of-type(2) {
	margin-right: 15px;
}
.ckit-selected-filters_list button.ckit-selected-filter span {
	margin-left: 5px;
	display: block;
	box-sizing: content-box;
	padding: 2px;
	background-color: #555;
	border-radius: 50%;
	opacity: 0.8;
	transition: opacity 250ms ease 0s;
	position: relative;
	height: 8px;
	width: 8px;
}
.ckit-selected-filters_list button.ckit-selected-filter span:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.ckit-selected-filters_list button.ckit-selected-filter span:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.ckit-selected-filters_list button.ckit-selected-filter span:before,
.ckit-selected-filters_list button.ckit-selected-filter span:after {
	content: "";
	position: absolute;
	width: 1px;
	top: 50%;
	left: 50%;
	height: 7px;
	background-color: #fff;
	transition: transform 250ms ease-in-out 0s;
}
.ckit-selected-filters_list button.ckit-selected-filter:hover {
	border-color: #ccc;
}
button.ckit-mobile-filters {
	background: #fff;
	line-height: 1.2;
	border: 1px solid #e2e2e2;
	border-radius: 99px;
	padding: 7px 16px 7px 16px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 13px;
}
button.ckit-mobile-filters svg {
	width: 18px;
	height: 18px;
	margin-right: 7px;
	position: relative;
	top: auto;
	transform: none;
	left: auto;
}
.ckit-mobile-filters:hover {
	border-color: #ccc;
}
.ckit-mobile-filters span {
	display: flex;
	align-items: center;
	font-size: 13px;
}
.ckit-mobile-filters .filters-count {
	background: #e51111;
	color: #fff;
	font-size: 9px;
	border-radius: 99px;
	padding: 2px 6px;
	margin-left: 6px;
}
/* Shoptimizer only */
.theme-shoptimizer .ckit-mobile-filters {
	border-radius: 0;
}
.theme-shoptimizer.woocommerce.archive.filter-open .filters.close-drawer {
	display: none;
}
/* Hide these on desktop */
.ckit-mobile-header,
.ckit-filters-button-wrapper,
.ckit-mobile-filters {
	display: none;
}

/* Mobile - 992px needs to be a plugin setting so it can be adjustable with other themes */
@media (max-width: 992px) {
	.ckit-mobile-header {
		display: block;
	} 
	.ckit-mobile-filters {
		display: inline-block;
	}
	.ckit-filters-button-wrapper {
		display: grid;
	} 
	#cgkitpf-wrapper .cgkitpf-wrap ul {
		max-height: inherit;
	}
	.ckit-horizontal-filters ul.cgkitpf-wrap {
		max-height: inherit !important; /* Overwrite dynamic inline value */
		overflow-y: inherit;
	}
	/* Body Toggled */
	body.ckit-filter-open {
		overflow: hidden;
	}
	body.ckit-filter-open:before {
		display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000%;
		background: rgba(52,53,55,.4);
    content: "";
    cursor: pointer;
    transition: opacity .2s,visibility .2s;
	}
	.commercekit-product-filters.widget,
	#secondary .commercekit-product-filters.widget {
    visibility: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 92%;
    margin: 0;
    padding: 0;
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 11;
    transform: translateY(92%);
    transition: all 250ms ease-out;
	}
	.ckit-filter-open #secondary .commercekit-product-filters.widget {
		opacity: 1;
    visibility: visible;
		transform: translateY(0%);
		transition: transform 280ms ease-in;
		transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	}
	.ckit-filters-button-wrapper {
		padding: 20px;
	}
	.ckit-mobile-header {
		position: relative;
		display: flex;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		font-weight: bold;
		color: #111;
		padding: 0 20px;
		border-bottom: 1px solid #eee;
	}
	.ckit-mobile-header .ckit-mobile-header_title {
    padding: 0px;
    margin: 0px;
    letter-spacing: 0;
    text-align: left;
    overflow: hidden;
    padding-right: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
	}
	.ckit-mobile-header .ckit-close-button {
		position: absolute;
		top: 12px;
		right: 14px;
		width: 26px;
    height: 26px;
    color: #111;
    background: transparent;
		padding: 0;
	}
	.ckit-mobile-header .ckit-close-button span {
		display: block;
    width: 24px;
    top: 1px;
    left: 1px;
    height: 24px;
    position: absolute;
	}
	.ckit-filters-container {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-overflow-scrolling: touch;
    z-index: 10;
    top: auto;
    left: auto;
    height: calc(100% - 50px);
    margin: 0;
	}
	#cgkitpf-wrapper {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: inset 0 -15px 15px -15px rgb(0 0 0 / 16%);
		padding: 20px 20px 10px 20px;
	}
	/* Shoptimizer only */
	.theme-shoptimizer.woocommerce.archive #secondary,
	.theme-shoptimizer.woocommerce.archive.left-woocommerce-sidebar #secondary,
	.theme-shoptimizer.woocommerce.archive.right-woocommerce-sidebar #secondary {
		float: none;
		visibility: visible;
		position: relative;
		left: inherit;
		width: 100% !important;
		z-index: 0;
		padding: 0;
		opacity: 1;
		background: transparent;
	}
	.ckit-filter-open.theme-shoptimizer.woocommerce.archive #secondary {
		z-index: 99;
	}
	.theme-shoptimizer.woocommerce.archive.left-woocommerce-sidebar #secondary,
	.theme-shoptimizer.woocommerce.archive.right-woocommerce-sidebar #secondary {
		float: none;
	}
	.theme-shoptimizer.post-type-archive-product .woocommerce-info {
		font-size: 13px;
	}
	.theme-shoptimizer .woocommerce-products-header + .woocommerce-info {
		margin-top: 0;
	}
	.theme-shoptimizer.post-type-archive-product .mobile-filter + .woocommerce-info {
		margin-top: 20px;
	}
}
li.pf-checkbox {
    line-height: 1;
}
.ckit-filter-label {
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* Horizontal filters */
/* No JS fallback */
.ckit-horiziontal-click-menu.no-js li:hover > ul {
  visibility: visible;
}
.ckit-horiziontal-click-menu.no-js li:focus-within > ul {
  visibility: visible;
}
/**
 * Open/Close Menu Behavior with JS
 */
.ckit-horiziontal-click-menu ul[aria-hidden=false] {
  visibility: visible;
}
/* Prevent offscreen-submenus */
.ckit-horiziontal-click-menu .sub-menu--right {
  left: auto !important;
  right: 0 !important;
}
/* Hidden SVG used for down arrows */
svg[hidden] {
  display: none;
  position: absolute;
}
ul.ckit-horiziontal-click-menu .cgkitpf-wrap li {
	line-height: 1;
	margin-bottom: 0;
}
ul.ckit-horiziontal-click-menu .cgkitpf-wrap.cgkitpf-label-wrap li {
	margin-right: 0px;
	margin-bottom: 5px;
}
.ckit-horiziontal-click-menu {
	margin: 0;
  padding: 0;
  list-style: none;
}
/* General Link & Button Styles */
.ckit-horiziontal-click-menu a,
.ckit-horiziontal-click-menu button {
  padding: 0em;
  background: transparent;
  text-decoration: none;
	color: #111;
  font-size: 14px;
  margin-bottom: 10px;
}
.ckit-horiziontal-click-menu a:hover,
.ckit-horiziontal-click-menu button:hover {
  background: #fff;
}
.ckit-horizontal-close-filter {
	display: flex;
}
.ckit-horizontal-close-filter span {
	display: block;
	box-sizing: content-box;
	padding: 2px;
	background-color: #555;
	border-radius: 50%;
	opacity: 0.8;
	transition: opacity 250ms ease 0s;
	position: relative;
	height: 8px;
	width: 8px;
}
.ckit-horizontal-close-filter span:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.ckit-horizontal-close-filter span:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.ckit-horizontal-close-filter span:before,
.ckit-horizontal-close-filter span:after {
	content: "";
	position: absolute;
	width: 1px;
	top: 50%;
	left: 50%;
	height: 7px;
	background-color: #fff;
	transition: transform 250ms ease-in-out 0s;
}
.ckit-horiziontal-click-menu button svg {
	display: none;
}
ul.ckit-horiziontal-click-menu > li {
	margin-bottom: 20px;
}
.ckit-horizontal-close-filter:focus {
	outline: 1.5px dotted #222;
	outline-offset: 1px;
}
.ckit-horizontal-filters .cgkitpf-wrap {
	overflow-y: scroll;
}
.ckit-horizontal-filters .cgkitpf-wrap.cgkitpf-checkbox-wrap,
.ckit-horizontal-filters .cgkitpf-wrap.cgkitpf-radio-wrap,
.ckit-horizontal-filters .cgkitpf-wrap.cgkitpf-color-wrap,
.ckit-horizontal-filters .cgkitpf-wrap.cgkitpf-image-wrap  {
	margin-left: -10px;
	margin-right: -10px;
}
@media (min-width: 993px) {
	.ckit-horiziontal-click-menu button svg {
		display: block;
	} 
	.ckit-horiziontal-click-menu > li > a.ckit-horizontal-toggle,
	.ckit-horiziontal-click-menu > li > button.ckit-horizontal-toggle {
	  flex: 1 0 auto;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  border: 0;
	  border-radius: 0;
	  font-size: inherit;
	  cursor: pointer;
	  color: #111;
	  font-size: 14px;
	  font-weight: bold;
	  padding: 12px 28px 12px 10px;
	  position: relative;
	}
	.ckit-horiziontal-click-menu > li > button.ckit-horizontal-close-filter {
		padding: 0;
    position: absolute;
    right: 30px;
		top: 50%;
    margin-top: -6px;
	}
	/* Icon */
	.ckit-horiziontal-click-menu .ckit-horizontal-toggle svg {
	  width: 1em;
	  position: absolute;
	  right: 10px;
	}
	.ckit-horiziontal-click-menu [aria-expanded=true] svg {
		transform: scaleY(-1);
	}
	#ckit-horizontal-filters-navigation {
		display: inline-block;
	}
	.ckit-horiziontal-click-menu {
    display: flex;
    flex-wrap: wrap;
  }
	.ckit-horizontal-filters {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    margin-bottom: 15px;
	}
	.ckit-horiziontal-click-menu ul {
		position: absolute;
	  top: 100%;
	  left: 0;
	  visibility: hidden;
  	min-width: 100%;
    width: 12em;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 15px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    z-index: 10;
	}
	.ckit-horiziontal-click-menu ul .pf-price {
		padding-left: 10px;
		padding-right: 10px;
	}
	.ckit-horiziontal-click-menu ul.cgkitpf-label-wrap {
		padding: 25px;
	}
	ul.ckit-horiziontal-click-menu > li {
	  position: relative;
	  margin-bottom: 0;
	  display: flex;
	  justify-content: stretch;
	  flex-wrap: wrap;
	}
	.ckit-horiziontal-click-menu > li:first-child > a.ckit-horizontal-toggle,
	.ckit-horiziontal-click-menu > li:first-child > button.ckit-horizontal-toggle {
		padding-left: 0;
	}
	.ckit-horiziontal-click-menu > li > a.ckit-horizontal-toggle.ckit-filters-active,
	.ckit-horiziontal-click-menu > li > button.ckit-horizontal-toggle.ckit-filters-active {
		padding-right: 48px;
	}
	.ckit-horiziontal-click-menu > li > button.ckit-horizontal-toggle[aria-expanded=true]:after {
		content: "";
    height: 3px;
    width: 100%;
    background: #222;
    bottom: -1px;
    display: block;
    left: 0px;
    margin-left: 10px;
    width: calc(100% - 20px);
    position: absolute;
    z-index: 6;
	}
  .ckit-horiziontal-click-menu ul[aria-hidden=false] {
    position: absolute;
    width: auto;
    z-index: 5;
    width: 270px;
    margin-left: 10px;  
  }
  .ckit-horiziontal-click-menu .cgkitpf-color-wrap .pf-color label {
  	position: relative;
  }
  ul.ckit-horiziontal-click-menu > li {
		margin-bottom: 0px;
	}
  .ckit-horiziontal-click-menu > li:first-child ul[aria-hidden=false] {
  	margin-left: 0;
  }
  .ckit-horiziontal-click-menu > li:first-child > button.ckit-horizontal-toggle[aria-expanded=true]:after {
  	margin-left: 0;
  	width: calc(100% - 10px);
  }
  .ckit-horiziontal-click-menu a,
	.ckit-horiziontal-click-menu button {
		margin-bottom: 0;
	}
}