/*
   Perfect Love Landing Page Styles 2025
*/

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

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

section[data-pagebuilder="section"].img-border-radius img,
section[data-pagebuilder="section"].img-border-radius video {
    border-radius: 20px !important;
    overflow: hidden;
}

section[data-pagebuilder="section"] h1,
section[data-pagebuilder="section"] h2,
section[data-pagebuilder="section"] h3,
section[data-pagebuilder="section"] h4,
section[data-pagebuilder="section"] h5,
section[data-pagebuilder="section"] h6,
section[data-pagebuilder="section"] .h1,
section[data-pagebuilder="section"] .h2,
section[data-pagebuilder="section"] .h3,
section[data-pagebuilder="section"] .h4,
section[data-pagebuilder="section"] .h5,
section[data-pagebuilder="section"] .h6 {
	color: #D0BD76 !important;
	font-weight: 700 !important;
	font-family: 'Raleway', sans-serif !important;
}

section[data-pagebuilder="section"].body-slider h1,
section[data-pagebuilder="section"].body-slider h2,
section[data-pagebuilder="section"].body-slider h3,
section[data-pagebuilder="section"].body-slider h4,
section[data-pagebuilder="section"].body-slider h5,
section[data-pagebuilder="section"].body-slider h6,
section[data-pagebuilder="section"].body-slider .h1,
section[data-pagebuilder="section"].body-slider .h2,
section[data-pagebuilder="section"].body-slider .h3,
section[data-pagebuilder="section"].body-slider .h4,
section[data-pagebuilder="section"].body-slider .h5,
section[data-pagebuilder="section"].body-slider .h6 {
	color: var(--bs-dark) !important;
}

section[data-pagebuilder="section"].body-slider h1.text-gold,
section[data-pagebuilder="section"].body-slider h2.text-gold,
section[data-pagebuilder="section"].body-slider h3.text-gold,
section[data-pagebuilder="section"].body-slider h4.text-gold,
section[data-pagebuilder="section"].body-slider h5.text-gold,
section[data-pagebuilder="section"].body-slider h6.text-gold,
section[data-pagebuilder="section"].body-slider .h1.text-gold,
section[data-pagebuilder="section"].body-slider .h2.text-gold,
section[data-pagebuilder="section"].body-slider .h3.text-gold,
section[data-pagebuilder="section"].body-slider .h4.text-gold,
section[data-pagebuilder="section"].body-slider .h5.text-gold,
section[data-pagebuilder="section"].body-slider .h6.text-gold {
	color: #D0BD76 !important;
}

section[data-pagebuilder="section"].body-slider h1.text-grey,
section[data-pagebuilder="section"].body-slider h2.text-grey,
section[data-pagebuilder="section"].body-slider h3.text-grey,
section[data-pagebuilder="section"].body-slider h4.text-grey,
section[data-pagebuilder="section"].body-slider h5.text-grey,
section[data-pagebuilder="section"].body-slider h6.text-grey,
section[data-pagebuilder="section"].body-slider .h1.text-grey,
section[data-pagebuilder="section"].body-slider .h2.text-grey,
section[data-pagebuilder="section"].body-slider .h3.text-grey,
section[data-pagebuilder="section"].body-slider .h4.text-grey,
section[data-pagebuilder="section"].body-slider .h5.text-grey,
section[data-pagebuilder="section"].body-slider .h6.text-grey {
	color: #888888 !important;
}

section[data-pagebuilder="section"] h1.text-grey,
section[data-pagebuilder="section"] h2.text-grey,
section[data-pagebuilder="section"] h3.text-grey,
section[data-pagebuilder="section"] h4.text-grey,
section[data-pagebuilder="section"] h5.text-grey,
section[data-pagebuilder="section"] h6.text-grey,
section[data-pagebuilder="section"] .h1.text-grey,
section[data-pagebuilder="section"] .h2.text-grey,
section[data-pagebuilder="section"] .h3.text-grey,
section[data-pagebuilder="section"] .h4.text-grey,
section[data-pagebuilder="section"] .h5.text-grey,
section[data-pagebuilder="section"] .h6.text-grey {
	color: #888888 !important;
}

section[data-pagebuilder="section"] .widget-image-list h5, section[data-pagebuilder="section"] .widget-image-list .h5.text-grey {
	color: #888888 !important;
}

section[data-pagebuilder="section"] h1 small,
section[data-pagebuilder="section"] h2 small,
section[data-pagebuilder="section"] h3 small,
section[data-pagebuilder="section"] h4 small,
section[data-pagebuilder="section"] h5 small,
section[data-pagebuilder="section"] h6 small,
section[data-pagebuilder="section"] .h1 small,
section[data-pagebuilder="section"] .h2 small,
section[data-pagebuilder="section"] .h3 small,
section[data-pagebuilder="section"] .h4 small,
section[data-pagebuilder="section"] .h5 small,
section[data-pagebuilder="section"] .h6 small {
	display: block !important;
	font-weight: 500 !important;
	margin-top: 5px !important;
	letter-spacing: 0.24rem !important;
	font-size: 24px !important;
}

section[data-pagebuilder="section"] p, 
section[data-pagebuilder="section"] span, 
section[data-pagebuilder="section"] ul, 
section[data-pagebuilder="section"] li, 
section[data-pagebuilder="section"] ol, 
section[data-pagebuilder="section"] div {
	  font-family: "Cormorant", serif !important;
}

section[data-pagebuilder="section"] strong,
section[data-pagebuilder="section"] .font-raleway {
	font-family: 'Raleway', sans-serif !important;
}

section[data-pagebuilder="section"] p strong {
	font-family: "Cormorant", serif !important;
}

section[data-pagebuilder="section"] .btn {
	border-radius: 8px !important;
	padding: 10px 15px !important;
	text-transform: uppercase !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 600 !important;
	color: #888888 !important;
	border-color: #D0BD76 !important;
	border-width: 3px !important;
}

section[data-pagebuilder="section"].hero-container .btn {
	color: #fff !important;
}

section[data-pagebuilder="section"] .btn:hover,
section[data-pagebuilder="section"] .btn:focus,
section[data-pagebuilder="section"].hero-container .btn:hover,
section[data-pagebuilder="section"].hero-container .btn:focus {
	background-color: #D0BD76 !important;
	color: var(--bs-dark) !important;
	border-color: #D0BD76 !important;
}

section[data-pagebuilder="section"] .widget-image-list .widget.d-flex {
	justify-content: flex-start !important;
	max-width: 400px !important;
	margin: 0 auto !important;
}

section[data-pagebuilder="section"] .widget-image-list .widget.d-flex .content-block {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

section[data-pagebuilder="section"] .widget-image-list .widget-inner {
	align-self: center !important;
	max-width: 35px !important;
	margin-right: 18px !important;
}

section[data-pagebuilder="section"] .widget-image-list h5,
section[data-pagebuilder="section"] .widget-image-list .h5 {
	color: var(--bs-dark) !important;
}

section[data-pagebuilder="section"].shape-slider .widget .content-block {
	position: relative;
	z-index: 50 !important;
}

section[data-pagebuilder="section"].shape-slider .widget .widget-image-wrapper {
	transition: transform 0.16s linear;
}

section[data-pagebuilder="section"].shape-slider .widget .widget-image-wrapper:hover {
	transform: scale(1.1) !important;
}

section[data-pagebuilder="section"].shape-slider .widget.round-cut .widget-image-wrapper:before { 
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s linear;
	background: url('https://cdn.jewelryimages.net/static/domains/mikedemov6/images/store-pics/Round_Cut_Hover-png.webp');
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

section[data-pagebuilder="section"].shape-slider .widget.princess-cuts .widget-image-wrapper:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	/* visibility: hidden; */
	transition: opacity 0.2s linear;
	background: url('https://cdn.jewelryimages.net/static/domains/mikedemov6/images/store-pics/Princess_Cut_Hover-png.webp');
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

section[data-pagebuilder="section"].shape-slider .widget.oval-cuts .widget-image-wrapper:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	/* visibility: hidden; */
	transition: opacity 0.2s linear;
	background: url('https://cdn.jewelryimages.net/static/domains/mikedemov6/images/store-pics/Oval_Cut_Hover-png.webp');
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

section[data-pagebuilder="section"].shape-slider .widget.pear-cuts .widget-image-wrapper:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	/* visibility: hidden; */
	transition: opacity 0.2s linear;
	background: url('https://cdn.jewelryimages.net/static/domains/mikedemov6/images/store-pics/Pear_Cut_Hover-png.webp');
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

section[data-pagebuilder="section"].shape-slider .widget.cushion-cut .widget-image-wrapper:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	/* visibility: hidden; */
	transition: opacity 0.2s linear;
	background: url('https://cdn.jewelryimages.net/static/domains/mikedemov6/images/store-pics/Cusion_Cut_Hover-png.webp');
	background-size: contain !important;
	background-repeat: no-repeat !important;

}

section[data-pagebuilder="section"].shape-slider .widget:hover .widget-image-wrapper:before {
	opacity: 1;
	visibility: visible;
}

section[data-pagebuilder="section"].shape-slider .widget .widget-image-wrapper img {
	transition: opacity 0.2s linear;
}

section[data-pagebuilder="section"].shape-slider .widget:hover .widget-image-wrapper img {
	opacity: 0;
}

 h1[data-widget-element="widgetHeader"].lead, h2[data-widget-element="widgetHeader"].lead {
    font-size: calc(1.0125rem + 0.1vw) !important;
}

@media (min-width: 768px) {
    h1[data-widget-element="widgetHeader"].lead, h2[data-widget-element="widgetHeader"].lead {
        font-size: 1.4375rem !important;
    }
}

@media (min-width: 1200px) {
    h1[data-widget-element="widgetHeader"].lead, h2[data-widget-element="widgetHeader"].lead {
        font-size: 1.4375rem !important;
    }
}