/* ======

Valentine's Campaign Styles

====== */


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

Hero Button Mobile Styles - Outline Button

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

@media (max-width: 767px) {
    section[data-pagebuilder="section"] .btn-outline-light.hero-mobile-btn-style {
        color: #5E031D;
        border-color: #5E031D;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    section[data-pagebuilder="section"] .btn-outline-light.hero-mobile-btn-style:hover, section[data-pagebuilder="section"] .btn-outline-light.hero-mobile-btn-style:focus, section[data-pagebuilder="section"] .btn-outline-light.hero-mobile-btn-style:active {
        color: #fff;
        border-color: #5E031D;
        background-color: #5E031D;
    }
    section[data-pagebuilder="section"] .btn-outline-light.hero-mobile-btn-style:focus {
        box-shadow: 0 0 0 0.25rem rgba(205, 187, 169, 0.5);
    }
}

/* ========

End Hero Button Mobile Styles - Outline Button

======== */

/* ====== Color Backgrounds ====== */

section.pink-bg {
    background: #FEEDF0 !important;
    background-color: #FEEDF0 !important;
}

section.cream-text-box .content-block > span {
    background: #F4E8DC !important;
    background-color: #F4E8DC !important;
    padding: 30px !important;

}

section.bottom-pseudo {
    position: relative;
}


section.bottom-pseudo .widget {
    position: relative;
    z-index: 2;
}

section.bottom-pseudo::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100px;
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    section.bottom-pseudo::after {
        display: none !important;
    }
}

/* ========= Large Square Button Section ========= */

section[data-pagebuilder="section"].square-buttons-section .btn {
	padding: 180px 30px 85px !important;
	font-size: 3rem !important;
	background: #5E031D !important;
	color: #fff !important;
	border: none !important;
}

section[data-pagebuilder="section"].square-buttons-section .btn:hover, section[data-pagebuilder="section"].square-buttons-section .btn:focus {
	background: #3d0213 !important;
	color: #fff !important;
}

section[data-pagebuilder="section"].square-buttons-section .btn:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 80px;
	height: 81px;
	width: 67px;
	background: url('https://cdn.jewelryimages.net/static/domains/tomsfinejewelrydemo/images/store-pics/gift-icon-valentines.png');
	background-size: contain;
	background-repeat: no-repeat;
}

/* ========== End Large Square Button Section ========== */

/* ====== Primary Color Override ====== */

section[data-pagebuilder="section"] .text-primary {
	color: #5E031D !important;
}
section[data-pagebuilder="section"] .btn-primary {
	background-color: #5E031D;
	color: #fff;
	border-color: #5E031D;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

section[data-pagebuilder="section"] .btn {
	font-size: 1.15rem !important;
}
section[data-pagebuilder="section"] .btn-primary:hover, section[data-pagebuilder="section"] .btn-primary:focus, section[data-pagebuilder="section"] .btn-primary:active {
	background-color: #3d0213;
	border-color: #3d0213;
}
section[data-pagebuilder="section"] .btn-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(205, 187, 169, 0.5);
} 
section[data-pagebuilder="section"] .btn-outline-primary {
	color: #5E031D;
	border-color: #5E031D;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
section[data-pagebuilder="section"] .btn-outline-primary:hover, section[data-pagebuilder="section"] .btn-outline-primary:focus, section[data-pagebuilder="section"] .btn-outline-primary:active {
	color: #fff;
	border-color: #5E031D;
	background-color: #5E031D;
}
section[data-pagebuilder="section"] .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(205, 187, 169, 0.5);
}

/* ============= End Primary Color Override ============= */

/* ======== Clean Links ======== */

section[data-pagebuilder="section"].clean-links .btn-link:after {
    display: none !important;
}
/* ======== End Clean Links ======== */

/* ====== 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 ====== */