:root {
	--yfwp-search-field-background: #fff;
	--yfwp-search-field-background-active: #fafafa;
	--yfwp-search-field-border: #d3d3d3;
	--yfwp-search-field-border-active: #9ac3c5;
	--yfwp-search-field-placeholder-text: #b6b6b6;
	--yfwp-search-field-active-text: #000;
	--yfwp-search-button-background: #089aa1;
	--yfwp-search-button-background-hover: #09b5bc;
	--yfwp-search-button-icon: #fff;
	--yfwp-search-button-icon-hover: #fff;
	--yfwp-filters-colors-background: #fff;
	--yfwp-filters-colors-background-hover: #fff;
	--yfwp-filters-colors-background-active: #fff;
	--yfwp-filters-colors-border: #a9a9a9;
	--yfwp-filters-colors-border-hover: #68bdb3;
	--yfwp-filters-colors-border-active: #68bdb3;
	--yfwp-filters-colors-text: #000;
	--yfwp-filters-colors-text-hover: #000;
	--yfwp-filters-colors-text-active: #000;
	--yfwp-filters-border-dimensions: 5px 5px 5px 5px;
	--yfwp-icon-colors-background: rgba(255, 255, 255, 0);
	--yfwp-icon-colors-background-hover: rgba(255, 255, 255, 0);
	--yfwp-icon-colors-background-active: rgba(255, 255, 255, 0);
	--yfwp-icon-colors-icon: #000;
	--yfwp-icon-colors-icon-hover: #009f8b;
	--yfwp-icon-colors-icon-active: #009f8b;
	--yfwp-icon-border-dimensions: 5px 5px 5px 5px;
	--yfwp-faq-colors-background: #f8f8f8;
	--yfwp-faq-colors-background-hover: #ececec;
	--yfwp-faq-colors-background-active: #eef5f4;
	--yfwp-faq-colors-border: rgba(255, 255, 255, 0);
	--yfwp-faq-colors-border-hover: rgba(255, 255, 255, 0);
	--yfwp-faq-colors-border-active: rgba(255, 255, 255, 0);
	--yfwp-faq-colors-text: #000;
	--yfwp-faq-colors-text-hover: #000;
	--yfwp-faq-colors-text-active: #0d9c8b;
	--yfwp-faq-colors-content: #000;
	--yfwp-faq-colors-content-hover: #000;
	--yfwp-faq-colors-content-active: #000;
	--yfwp-faq-border-dimensions: 5px 5px 5px 5px;
	--yfwp-faq-copy-button-color-background: #fff;
	--yfwp-faq-copy-button-color-background-hover: #f3f9f9;
	--yfwp-faq-copy-button-color-icon: #009f8b;
	--yfwp-faq-copy-button-color-icon-hover: #009f8b;
	--yfwp-faq-copy-button-color-border: #009f8b;
	--yfwp-faq-copy-button-color-border-hover: #009f8b;
	--yfwp-faq-copy-button-border-dimensions: 20px 20px 20px 20px;
	--yfwp-faq-loader-color: #009f8b;
	--yfwp-pagination-colors-background: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-background-hover: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-background-active: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-border: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-border-hover: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-border-active: rgba(255, 255, 255, 0);
	--yfwp-pagination-colors-text: #8f8f8f;
	--yfwp-pagination-colors-text-hover: #000;
	--yfwp-pagination-colors-text-active: #009f8b;
	--yfwp-pagination-border-dimensions: 5px 5px 5px 5px;
	--ywfp-icon-font-size: 14px;
}

.yith-faqs a {
	box-shadow: none;
}

ul.yith-faqs-categories {
	margin: 0;
	padding: 30px 0;
	font-size: 0;
}

ul.yith-faqs-categories li {
	list-style: none;
	display: inline-block;
}

ul.yith-faqs-categories li a {
	display: block;
	text-decoration: none;
	color: var(--yfwp-filters-colors-text);
	background: var(--yfwp-filters-colors-background);
	border-color: var(--yfwp-filters-colors-border);
	outline: 0;
	font-size: 14px;
}

ul.yith-faqs-categories.pill li a {
	padding: 5px 15px;
	margin: 0 10px 10px 0;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--yfwp-filters-border-dimensions);
}

ul.yith-faqs-categories li a:hover {
	color: var(--yfwp-filters-colors-text-hover);
	background: var(--yfwp-filters-colors-background-hover);
	border-color: var(--yfwp-filters-colors-border-hover);
}

ul.yith-faqs-categories li a.active, ul.yith-faqs-categories li a:active {
	color: var(--yfwp-filters-colors-text-active);
	background: var(--yfwp-filters-colors-background-active);
	border-color: var(--yfwp-filters-colors-border-active);
}

ul.yith-faqs-categories li a.active {
	font-weight: 700;
	border-width: 2px;
}

.yith-faqs-container.pill .yith-faqs-item {
	border-width: 1px;
	border-style: solid;
	border-radius: var(--yfwp-faq-border-dimensions);
	margin-bottom: 30px;
}

.yith-faqs-item {
	background: var(--yfwp-faq-colors-background);
	border-color: var(--yfwp-faq-colors-border);
}

.yith-faqs-item.icon-right .yith-faqs-content {
	padding-right: calc(var(--ywfp-icon-font-size) + 40px);
}

.yith-faqs-title {
	color: var(--yfwp-faq-colors-text);
	line-height: normal;
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 100%;
	padding: 20px;
}

.yith-faqs-container:not(.yith-faq-type-list) .yith-faqs-title {
	cursor: pointer;
}

.yith-faqs-item.icon-right .yith-faqs-title {
	grid-template-columns: calc(100% - calc(var(--ywfp-icon-font-size) + 40px)) calc(var(--ywfp-icon-font-size) + 40px);
}

.yith-faqs-content-wrapper {
	padding: 0 20px 20px 20px;
}

.yith-faqs-content {
	color: var(--yfwp-faq-colors-content);
}

.yith-faqs-content p:last-child {
	margin-bottom: 0;
}

.yith-faqs-title .icon {
	outline: 0;
	position: relative;
	color: var(--yfwp-icon-colors-icon);
	background-color: var(--yfwp-icon-colors-background);
	border-radius: var(--yfwp-icon-border-dimensions);
	font-size: var(--ywfp-icon-font-size);
	height: calc(var(--ywfp-icon-font-size) + 20px);
	width: calc(var(--ywfp-icon-font-size) + 20px);
}

.yith-faqs-title .icon:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.yith-faqs-item.icon-right .yith-faqs-title .icon {
	margin-left: 20px;
	order: 2;
}

.yith-faq-type-accordion .yith-faqs-item:not(.opened) .yith-faqs-content-wrapper, .yith-faq-type-toggle .yith-faqs-item:not(.opened) .yith-faqs-content-wrapper {
	display: none;
}

.yith-faqs-container:not(.yith-faq-type-list) .yith-faqs-item:not(.active):not(.yith-faqs-no-results):hover {
	background: var(--yfwp-faq-colors-background-hover);
	border-color: var(--yfwp-faq-colors-border-hover);
}

.yith-faqs-container:not(.yith-faq-type-list) .yith-faqs-item:not(.active):hover .yith-faqs-title {
	color: var(--yfwp-faq-colors-text-hover);
}

.yith-faqs-container:not(.yith-faq-type-list) .yith-faqs-item:not(.active):hover .yith-faqs-title .icon {
	color: var(--yfwp-icon-colors-icon-hover);
	background-color: var(--yfwp-icon-colors-background-hover);
}

.yith-faqs-container:not(.yith-faq-type-list) .yith-faqs-item:not(.active):hover .yith-faqs-content {
	color: var(--yfwp-faq-colors-content-hover);
}