
#sidebar .yith-woocompare-widget {
	overflow: hidden;
}

.yith-woocompare-widget .widget_content {
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

	.yith-woocompare-widget ul.products-list { margin-bottom: 0; }

		.yith-woocompare-widget ul.products-list li {
			position: relative;
			border-top: 1px solid #eaeaea;
			padding: 10px 0;
		}

		.yith-woocompare-widget ul.products-list li > a {
			display: block;
		}

		.yith-woocompare-widget ul.products-list li > a {
			padding-right: 35px;
		}

		/*.yith-woocompare-widget ul.products-list li:first-child { padding-top: 0; }*/

		.yith-woocompare-widget ul.products-list li:first-child { border-top: none; }

			.yith-woocompare-widget li .entry-thumb-image {
				float: left;
				margin-right: 15px;
			}

			.yith-woocompare-widget li .entry-post-holder {
				overflow: hidden;
				padding-right: 11px;
			}

					.yith-woocompare-widget ul.products-list a.remove {
						position: absolute;
						right: 10px;
						top: 50%;
						margin-top: -10px;
						padding: 0;
						font-size: 0;
					}

					.yith-woocompare-widget ul.products-list a.remove:before {
						content: '\f00d';
						font-family: 'fontawesome';
						color: inherit;
						font-size: 12px;
						-webkit-transition: color .4s ease;
								transition: color .4s ease;
					}

					.woocommerce .yith-woocompare-widget a.button { margin-bottom: 0; }

					.yith-woocompare-widget .compare.button { float: left; }
					.yith-woocompare-widget .clear-all 	    { float: right; }

		.yith-woocompare-widget .widget_bottom_box {
			padding: 15px 0 0;
			border-top: 1px solid #eaeaea;
		}

#yith-woocompare-preview-bar {
	position: fixed;
	right: 24px;
	bottom: 24px;
	left: 24px;
	z-index: 200000000;
	display: none;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
}

#yith-woocompare-preview-bar.shown {
	display: block;
}

#yith-woocompare-preview-bar .container {
	position: relative;
	width: auto;
	max-width: 620px;
	margin: 0 auto;
	padding: 16px 48px 16px 18px;
	background: #fff;
	border: 1px solid #e5e8eb;
	border-radius: 4px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, .22);
}

#yith-woocompare-preview-bar .mad-compare-preview-close {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 3;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #d8dde3;
	border-radius: 50%;
	background: #fff;
	color: #292f38;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

#yith-woocompare-preview-bar header,
#yith-woocompare-preview-bar footer {
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
}

#yith-woocompare-preview-bar header p {
	margin: 0 0 12px;
	color: #696e6e;
}

#yith-woocompare-preview-bar .content {
	overflow-x: auto;
	padding: 0 0 12px;
}

#yith-woocompare-preview-bar ul.compare-list {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#yith-woocompare-preview-bar .more,
#yith-woocompare-preview-bar .more-products,
#yith-woocompare-preview-bar .yith-woocompare-more {
	display: none;
}

#yith-woocompare-preview-bar ul.compare-list li {
	position: relative;
	flex: 0 0 96px;
	margin: 0;
	padding: 0;
	border: 0;
}

#yith-woocompare-preview-bar .image-wrap {
	position: relative;
	display: block;
	width: 96px;
	height: 96px;
	border: 1px solid #e5e8eb;
	background: #fff;
	overflow: hidden;
}

#yith-woocompare-preview-bar .image-wrap > a {
	display: block;
	width: 100%;
	height: 100%;
}

#yith-woocompare-preview-bar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#yith-woocompare-preview-bar .remove {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 2;
}

#yith-woocompare-preview-bar .remove a {
	display: block;
	width: 22px;
	height: 22px;
	padding: 0;
	overflow: hidden;
	border-radius: 50%;
	background: rgba(41, 47, 56, .9);
	color: #fff;
	font-size: 0;
	line-height: 22px;
	text-align: center;
}

#yith-woocompare-preview-bar .remove a span.remove {
	position: static;
	display: block;
	width: 22px;
	height: 22px;
	color: #fff;
	font-size: 13px;
	line-height: 21px;
}

#yith-woocompare-preview-bar footer .button {
	display: inline-block;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	#yith-woocompare-preview-bar {
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	#yith-woocompare-preview-bar .container {
		padding: 12px 42px 12px 12px;
	}

	#yith-woocompare-preview-bar ul.compare-list li,
	#yith-woocompare-preview-bar .image-wrap {
		width: 76px;
		height: 76px;
		flex-basis: 76px;
	}
}
