/*
    Mothers Day Marketing
*/

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

section[data-pagebuilder="section"] small {
	text-transform: uppercase !important;
	font-weight: 300 !important;
	letter-spacing: 0.0725rem;
	display: block;
	margin-bottom: 10px;
}

section[data-pagebuilder="section"] .heading-pseudo,
section[data-pagebuilder="section"] .heading-pseudo-green {
	position: relative;
	z-index: 1;
}

section[data-pagebuilder="section"] .heading-pseudo:after {
	content: '';
	position: absolute;
	bottom: -13px;
	height: 32px;
	width: 105%;
	left: 50%;
	transform: translateX(-50%);
	background: #F8DCCF;
	z-index: -1;
}

section[data-pagebuilder="section"] .heading-pseudo-green:after {
	content: '';
	position: absolute;
	bottom: -13px;
	height: 32px;
	width: 105%;
	left: 50%;
	transform: translateX(-50%);
	background: #DDE0D4;
	z-index: -1;
}

@media (max-width: 767px) {
	section[data-pagebuilder="section"] .heading-pseudo-green:after,
	section[data-pagebuilder="section"] .heading-pseudo:after {
		bottom: -17px;
		width: 80%;
	}
}

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


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

section[data-pagebuilder="section"] .text-primary {
	color: #D89FA1 !important;
}
section[data-pagebuilder="section"] .btn-primary {
	background-color: #D89FA1;
	color: #fff;
	border-color: #D89FA1;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
section[data-pagebuilder="section"] .btn-primary:hover, 
section[data-pagebuilder="section"] .btn-primary:focus {
	background-color: #b74f53;
	border-color: #b74f53;
}
section[data-pagebuilder="section"] .btn-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(128, 179, 200, 0.5);
} 
section[data-pagebuilder="section"] .btn-outline-primary {
	color: #D89FA1;
	border-color: #D89FA1;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
section[data-pagebuilder="section"] .btn-outline-primary:hover, 
section[data-pagebuilder="section"] .btn-outline-primary:focus {
	color: #fff;
	border-color: #D89FA1;
	background-color: #D89FA1;
}
section[data-pagebuilder="section"] .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(128, 179, 200, 0.5);
} 
/* ====== End Primary Color Override ====== */

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

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

   Prices Sections

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

section[data-pagebuilder="section"].price-section [data-pagebuilder="row"] {
    justify-content: center !important;
}

section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] {
    font-size: 16px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-family: var(--bs-p-family) !important;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
	color: var(--bs-dark);
	letter-spacing: 0.0725rem;
}

section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] > span {
    display: block !important;
    font-size: 35px !important;
    line-height: 1 !important;
    font-family: var(--bs-h3-family) !important;
    font-weight: 400 !important;
	color: #D89FA1;
	transition: color 0.18s linear;
}

section[data-pagebuilder="section"].price-section.inset [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"] span {
    color: var(--bs-dark) !important;
}

section[data-pagebuilder="section"].price-section.inset [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"],
section[data-pagebuilder="section"].price-section.default [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"] {
    color: var(--bs-dark) !important;
}

@media (max-width: 767px) {
    section[data-pagebuilder="section"].price-section {
        border-top: 1px solid #0F0F0F !important;
        border-bottom: 1px solid #0F0F0F !important;
    }
    section[data-pagebuilder="section"].price-section,
    section[data-pagebuilder="section"].price-section [data-pagebuilder="section-container"] {
        padding: 0 !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
        border-bottom: 1px solid #0F0F0F !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:nth-child(odd) {
        border-right: 1px solid #0F0F0F !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:last-child,
	section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:nth-last-child(2) {
        border-bottom: 0 !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:nth-child(5):last-child {
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
        border-right: 1px solid #0F0F0F !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:last-child {
        border-right: 0 !important;
    }
}
@media (min-width: 992px) {
    section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] > span {
        font-size: 62px !important;
        font-weight: 300 !important;
    }
}

/*========= 

Inset Shroud - bottom of sections 

=========*/

section[data-pagebuilder="section"].inset-shroud {
    position: relative;
    padding-bottom: 70px !important;
	overflow: visible !important;
}

section[data-pagebuilder="section"].inset-shroud .row {
    position: relative;
    z-index: 2;
}

section[data-pagebuilder="section"].inset-shroud:after {
    content: '';
    position: absolute;
    height: 120px;
    width: 100%;
    background: #FFF8F8;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

@media (min-width: 992px) {
    section[data-pagebuilder="section"].inset-shroud {
        padding-bottom: 50px !important;
    }
    section[data-pagebuilder="section"].inset-shroud:after {
        display: block;
    }
}

/* ====== 

Flower pseudo shapes

====== */

section[data-pagebuilder="section"] .flower-shapes,
section[data-pagebuilder="section"] .flower-shape-large {
	position: relative;
	z-index: 1;
}

section[data-pagebuilder="section"] .flower-shapes:before {
	content: '';
	position: absolute;
	bottom: -75px;
	left: -110px;
	height: 224px;
	width: 304px;
	background: url('https://cdn.jewelryimages.net/static/domains/tomsfinejewelrydemo/images/store-pics/flower-2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

section[data-pagebuilder="section"] .flower-shapes:after {
	content: '';
	position: absolute;
	top: -88px;
	right: -96px;
	height: 224px;
	width: 304px;
	background: url('https://cdn.jewelryimages.net/static/domains/tomsfinejewelrydemo/images/store-pics/flower-1.svg');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

section[data-pagebuilder="section"] .flower-shape-large:after {
	content: '';
	position: absolute;
	top: -158px;
	left: -66px;
	height: 697px;
	width: 369px;
	background: url('https://cdn.jewelryimages.net/static/domains/tomsfinejewelrydemo/images/store-pics/flower.svg');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
	transform: rotate(-23deg);
}

@media (max-width: 767px) {
	section[data-pagebuilder="section"] .flower-shapes:before,
	section[data-pagebuilder="section"] .flower-shapes:after,
	section[data-pagebuilder="section"] .flower-shape-large:after {
		display: none;
	}
}

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

Content Bloc Grid

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

section.overlay-boxes {
	overflow: visible !important;
}

section.overlay-boxes .widget .content-block {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: calc(100% - 45px);
}

section.overlay-boxes .widget {
	padding: 10px !important;
}

@media (max-width: 767px) {
	section.overlay-boxes .no-widget-padding-mobile .widget {
		padding: 0 !important;
	}
}