/*
    Black Friday 2025 Marketing
*/

/* ======== */

main {
	background: #fff !important;
}

small {
	display: block;
	text-align: center;
	margin-bottom: 16px;
	letter-spacing: 0.05rem !important;
	font-weight: 500 !important;
}

/* ========== Banner ========== */
section[data-pagebuilder="section"] span.red-text {
	color: #650705 !important;
}
section[data-pagebuilder="section"].light-buttons .btn-link {
	color: var(--light) !important;
	opacity: 1;
	transition: opacity 0.15s linear;
	}
	
	section[data-pagebuilder="section"].light-buttons .btn-link::after {
	opacity: 1 !important;
	}
	
	section[data-pagebuilder="section"].light-buttons .btn-link:hover, section[data-pagebuilder="section"].light-buttons .btn-link:focus {
	opacity: 0.75 !important;
	}

/* ========== End Banner ========== */

/* ========== Section Colors ========== */

section[data-pagebuilder="section"].inset {
	background: #D3CFC4 !important;
}

section[data-pagebuilder="section"].alt {
	background: #03070A !important;
}

section[data-pagebuilder="section"].red-bg {
	background: #650705 !important;
}

section[data-pagebuilder="section"].grey-bg {
	background: #7E7973 !important;
}

/* ========= End Section Colors ========= */


/* ========== Button Overrides ========== */

section[data-pagebuilder="section"].red-button-text .btn.btn-outline-dark {
	color: #650705 !important;
	border-width: 2px !important;
}
section[data-pagebuilder="section"].red-button-text .btn.btn-outline-dark:hover, section[data-pagebuilder="section"] .red-button-text .btn.btn-outline-dark:focus {
	color: #fff !important;
}

/* ========== End Button Overrides ========== */


/* ====== Product Slider ====== */

.product-slider .product-title, .product-slider .product-price {
	text-align: center !important;
}

.product-slider a.widget-inner {
	border: none !important;
}

.product-slider .owl-nav button.owl-next, .product-slider .owl-nav button.owl-prev {
	background: white !important;
}
/* ====== End Product Slider ====== */

/* ====== Inner Border for Text Box ====== */
.inner-border {
	position: relative !important;
}
.inner-border .widget {
	position: relative !important;
	z-index: 5 !important;
}
.inner-border::before {
    content: "" !important;
    position: absolute !important;
    top: 50px !important;
    left: 50px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: calc(100% - 100px) !important;
    height: calc(100% - 100px) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9) !important;
    border-radius: 0 !important;
    z-index: 1 !important;
}

@media (max-width: 1119px) {
	.inner-border::before {
		top: 19px !important;
		left: 19px !important;
		width: calc(100% - 38px) !important;
		height: calc(100% - 38px) !important;
	}
}