/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.hero-area::before {
    content: '';
    background: url(https://lovepotionmixology.com/wp-content/uploads/2025/11/Rectangle-7223.png);
    width: 100%;
    height: 35%;
    position: absolute;
    background-size: 100% 100% !important;
    z-index: 1;
    bottom: -7px;
    
}

.hero-area {
    z-index: 2 !important;
}

body , html{
	overflow-x:hidden !important;
}

@font-face {
  font-family: 'Hustle';
  src: url('https://lovepotionmobilebar.codeafinity.com/wp-content/uploads/2025/05/Hustle-Bright.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bright';
  src: url('https://lovepotionmobilebar.codeafinity.com/wp-content/uploads/2025/05/Bright-DEMO.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

body {
  font-family: 'Bright', sans-serif;
}
body {
  font-family: 'Hustle', sans-serif;
}


.bg{
	background-size:100% 100% !important;
}


.contact-col {
    background: #FF9090;
    background: linear-gradient(347deg, rgba(255, 144, 144, 1) -20%, rgba(176, 36, 152, 1) 100%);
    border-radius: 20px;
    padding: 40px 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: -76px;
}

.linear-btn:hover{
	
	 background: linear-gradient(347deg, rgba(255, 144, 144, 1) -20%, rgba(176, 36, 152, 1) 100%);
	border-radius:25px;
	color:#fff !important;
	
	
}

.linear-btn:hover a{
	color:#fff !important;
}

.testi-area .elementor-testimonial {
    padding: 20px 35px;
    background: #fff;
    border-radius: 8px;
}

.testi-area img {border-radius: 10px !important;object-fit: contain;width: 100% !important;}

.testi-area .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 145px;
}

.testi-area cite.elementor-testimonial__cite {
    padding-top: 50px !important;
}

.right img, .left img {
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    top: 0;
}

.right img:hover {transform: rotate(-15deg) translateY(20px);transform-origin: left center;display: block;margin: auto;

}


.left img:hover {transform: rotate(15deg) translateY(20px);transform-origin: right center;display: block;margin: auto;}


.page-id-37 .hero-heading::before {
    content: '';
    position: absolute;
    background: url(http://lovepotionmobilebar.codeafinity.com/wp-content/uploads/2025/05/Rectangle-1705.png);
    width: 65%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 72%;
    right: auto;
    left: 192px;
    bottom: -5px;
}

.page-id-119 .hero-heading::before {
    content: '';
    position: absolute;
    background: url(http://lovepotionmobilebar.codeafinity.com/wp-content/uploads/2025/05/Rectangle-1705-1.png);
    width: 65%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 72%;
    right: auto;
    left: 192px;
    bottom: -5px;
}

.page-id-147 .hero-heading::before {
    content: '';
    position: absolute;
    background: url(http://lovepotionmobilebar.codeafinity.com/wp-content/uploads/2025/05/Rectangle-1705-2.png);
    width: 65%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 72%;
    right: auto;
    left: 192px;
    bottom: -5px;
}

span.heading-bg {
    background: #2f2f2fcc !important;
    padding: 8px 15px !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-b344c81.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    background-size: 100% 100%;
}

.second .right img:hover {
    transform: rotate(
19deg) translateY(-1px);
}
.second .left img:hover{
	transform: rotate(
-19deg) translateY(-1px);
}
.page-id-216 .contact-col{
	margin-bottom:0px !important;
}

.vendor-box p.elementor-image-box-description {
    background-color: #ffffff38;
    padding: 8px 15px;
    position: relative;
    left: -40px;
    border: 1px solid #ffffff66;
	margin-bottom:7px;
	
}
.elementor-element-f35ccc6{
	width:66.4% !important;
}

.elementor-element-f35ccc6 p.elementor-image-box-description{
	left:0px;
	
}

.vendor-box{
	margin-left:70px;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-6d37504.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    background-size: 100% 100%;
}

section.elementor-section.elementor-inner-section.elementor-element.elementor-element-622d617.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3);
    color: #fff;
    background-color: #ffffff2b;
}

h1.entry-title {
  display: none !important;
}







@media(max-width:767px){
	
	    .hero-area::before {
        bottom: 0px !important;
        height: 22% !important;
    }
	
	.elementor-absolute {
    display: none !important;
}
	
	.hero-heading::before{
		display:none !important;
	}
	.bg{
		background-size:cover !important;
		background-position:bottom;
		background-repeat:no-repeat !important;
	}
	
}