/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.wad-discount
{
    color: red;
}
.wad-facebook, .wad-instagram
{
    display: inline-block;
    padding: 5px;
    /*background: gray;*/
    padding-left: 40px;
    color: white;
    background-size: 22px !important;
}

.wad-facebook
{
    background: url("../images/facebook.png") 10px center #3B5998 no-repeat;
}
.wad-instagram
{
    background: url("../images/instagram.png") 10px center #D8CDBC no-repeat;
}
.order-discount img
{
    display: inline-block;
    max-width: 15px;
    vertical-align: text-bottom;
}

.kt-akc-ribbon-front {
	color: red;
	font-weight: 100;
}

.kt-akc-option-type-icon {
	cursor: pointer;
}

.kt-akc-expiry-explanation {
	display: none;
	padding: 0;
}

.kt-akc-order-only-note {
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 11px;
}

.kt-akc-filter-buttons {
	position: absolute;
	top: -65px;
	right: 0;
}

.woocommerce-variation-price {
	width: 100%;
}

.entry-summary .ribbon-wrapper {
	position: relative;
	z-index: 998;
	margin-top: 20px;
}

.woocommerce-variation-price .ribbon-wrapper {
	margin-bottom: 20px;
}

.entry-summary .ribbon-front {
	background-color: #d71f36;
	height: 50px;
	width: 100%;
	position: relative;
	z-index: 2;
	font: 1.4em/50px bold Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-align: center;
	text-shadow: 0 1px 2px #cc6666;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}

.entry-summary .ribbon-front,
.entry-summary .ribbon-back-left,
.entry-summary .ribbon-back-right {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.55);
}

.entry-summary .ribbon-edge-topleft,
.entry-summary .ribbon-edge-topright,
.entry-summary .ribbon-edge-bottomleft,
.entry-summary .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style: solid;
	height: 0;
	width: 0;
}

.entry-summary .ribbon-edge-bottomleft,
.entry-summary .ribbon-edge-bottomright {
	top: 50px;
}

.entry-summary .ribbon-edge-topleft,
.entry-summary .ribbon-edge-bottomleft {
	border-color: transparent #9b1724 transparent transparent;
}

.entry-summary .ribbon-edge-topleft {
	top: -5px;
	border-width: 5px 10px 0 0;
}

.entry-summary .ribbon-edge-bottomleft {
	border-width: 0 10px 0 0;
}

.entry-summary .ribbon-edge-topright,
.entry-summary .ribbon-edge-bottomright {
	right: 0;
	border-color: transparent transparent transparent #9b1724;
}

.entry-summary .ribbon-edge-topright {
	top: 0;
	border-width: 0 0 0 10px;
}

.entry-summary .ribbon-edge-bottomright {
	border-width: 0 0 5px 10px;
}

@keyframes kt-akc-ribbon-flow {
	0% {
		left: -20px;
		opacity: 0;
	}

	50% {
		left: 100px;
		opacity: 0.3;
	}

	100% {
		left: 180px;
		opacity: 0;
	}
}

.entry-summary .glow {
	background: rgb(255, 255, 255);
	width: 40px;
	height: 100%;
	z-index: 999;
	position: absolute;
	animation: kt-akc-ribbon-flow 1.5s linear infinite;
	transform: skew(20deg);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
	border-left: 1px solid #fff;
}

.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9991;
	display: none;
	align-items: center;
	justify-content: center;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.2);
	border-top: 4px solid #333;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: kt-akc-spinner-spin 0.8s linear infinite;
}

@keyframes kt-akc-spinner-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}