/**
 * WooCommerce Sales Bump: Upsell, Cross-sell & Related Products Popup Pro - Frontend CSS
 *
 * @version 3.0.0
 *
 * @author  WPFactory
 */

.loadingPopup > * {
	opacity: 0.2;
}

.loadingPopup:before {
	position: fixed;
	content: "";
	font-size: 2em;
	padding: 22px;
	background: #000;
	background: url(../images/loading.gif) no-repeat center center;
	color: #777;
	width: 50%;
	height: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	text-align: center;
}

.woocommerce .up-sells {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.woocommerce .up-sells .wrapper {
	background-color: #fefefe;
	margin: 0 auto !important;
	padding: 20px !important;
	overflow: hidden;
	width: 80%;
}

.woocommerce .up-sells .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	z-index: 9999999999;
}

.woocommerce .up-sells .close:hover,
.woocommerce .up-sells .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

@media(max-width:767px) {
	.woocommerce .up-sells .wrapper {
		width: 90%;
	}
}