/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*#region Fonts*/
@font-face
{
    font-family: sweetcandy;
    src: url("fonts/sweetcandy.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: boogaloo;
    src: url("fonts/boogaloo.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*#endregion*/

/*#region Main*/
html
{
	scroll-behavior: smooth;
}

body
{
	--p: var(--e-global-color-primary);
	--s: var(--e-global-color-secondary);
	--t: var(--e-global-color-text);
	--a: var(--e-global-color-accent);
	font-family: Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, .eael-simple-menu, .hfe-nav-menu
{
	font-family: boogaloo, cursive;
}

a
{
	color: var(--p);
}

a:hover
{
	color: var(--p);
	text-decoration: underline;
}

.ald-font-b, .ald-font-b *
{
	font-family: boogaloo, cursive !important;
}

.ald-font-s, .ald-font-s *
{
	font-family: sweetcandy, sans-serif !important;
}
/*#endregion*/

/*#region Footer & Header*/
footer .elementor-widget-icon-list a:hover,
footer .elementor-widget-icon-list a:hover .elementor-icon-list-text
{
	color: var(--p) !important;
	text-decoration: none !important;
}

footer a.elementor-icon:hover svg
{
	fill: var(--p) !important;
}


header.page-header
{
	display: none;
}

header .menu-item-weglot > a::before
{
    position: relative !important;
	opacity: 1 !important;
	margin: 4px 0 0 0 !important;
}

.ald-mobile-menu ul.eael-simple-menu
{
	display: none;
	top: 75px !important;
	width: 100vw !important;
}
/*#endregion*/

/*#region Lead and Trail sections*/
.ald-lead::before
{
	content: "";
	position: absolute;
	background-color: var(--p);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	clip-path: ellipse(70% 70% at bottom);
	z-index: -1;
}

.ald-trail > .e-con-inner
{
	z-index: 2;
}

.ald-trail::after
{
	content: "";
	position: absolute;
	bottom: -200px;
	left: 0;
	height: 350px;
	width: 100%;
	clip-path: ellipse(60% 100% at top);
	z-index: 1;
}

.ald-trail.v1::after
{
	background-color: #fff;
}

.ald-trail.v2::after
{
	background-image: url('/wp-content/uploads/2023/12/product-bg_02.webp');
	background-repeat: repeat;
}

.ald-trail.v3::after
{
	background-image: url('/wp-content/uploads/2023/12/lead-bg.webp');
	background-repeat: repeat;
}
/*#endregion*/

/*#region Carousel*/
.ald-product-carousel.owl-carousel .owl-stage
{
    display: flex;
}

.ald-product-carousel.owl-carousel .owl-stage > .owl-item
{
    display: flex;
    align-self: stretch;
}

.ald-product-carousel.owl-carousel .item
{
	padding: 0 2vw 3vw 2vw;
}


.ald-product-carousel.owl-carousel .owl-nav 
{
  margin: 0px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
  z-index: 3;
}

.ald-product-carousel.owl-carousel .owl-nav button.owl-prev
{
	width: 150px;
	height: 108px;
	background-image: url('/wp-content/uploads/2023/12/back.webp');
	position: absolute;
	left: 20px;
	background-size: contain;
}

.ald-product-carousel.owl-carousel .owl-nav button.owl-prev:hover
{
	background-color: transparent;
}

.ald-product-carousel.owl-carousel .owl-nav button.owl-next
{
	width: 150px;
	height: 108px;
	background-image: url('/wp-content/uploads/2023/12/next.webp');
	position: absolute;
	right: 20px;
	background-size: contain;
}

.ald-product-carousel.owl-carousel .owl-nav button.owl-next:hover
{
	background-color: transparent;
}

.ald-product-carousel.owl-carousel .ald-product-title
{
	text-align: center;
	font-size: 2.5rem;
	text-transform: uppercase;
	color: #000;
	margin-top: 0 0 1rem 0;
	min-height: 4rem;
}


.ald-product-carousel.owl-carousel .ald-product-price
{
	text-align: center;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.ald-product-carousel.owl-carousel .ald-product-hover-image
{
	display: none;
}

.ald-product-carousel.owl-carousel .ald-product-image-wrapper:hover .ald-product-image
{
	display: none;
}

.ald-product-carousel.owl-carousel .ald-product-image-wrapper:hover .ald-product-hover-image
{
	display: block;
}

.ald-product-carousel.owl-carousel .ald-product-button-wrapper
{
	text-align: center;
}

.ald-product-carousel.owl-carousel .ald-product-button,
.ald-product-button a.elementor-button,
#ald-cf7 .ald-product-button
{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.25rem;
    padding: 1rem 1.65rem;
	color: #fff;
	background-color: transparent !important;
	background-image: url('/wp-content/uploads/2023/12/bg-pink-btn.webp') !important;
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.25s linear;
	line-height: 1em;
	font-family: boogaloo, cursive;
	border: none;
}
/*#endregion*/

/*#region Contact Form*/
#ald-cf7 .ald-product-button
{
	background-image: url('/wp-content/uploads/2023/12/bg-btn.webp');
	padding: 1rem 3.5rem;
}

.ald-product-carousel.owl-carousel .ald-product-button:hover,
.ald-product-button a.elementor-button:hover,
#ald-cf7 .ald-product-button:hover
{
	transform: scale(1.05);
	text-decoration: none;
}

#ald-cf7 input:not([type="submit"]),
#ald-cf7 textarea
{
	outline: none;
	border: none;
	font-size: 1.25rem;
	background-color: #fff;
	border-radius: 24px;
	font-weight: normal;
}

.wpcf7 form.sent .wpcf7-response-output
{
	font-size: 1.5rem;
	font-family: boogaloo, cursive;
	background: #fff;
	border-radius: 24px;
}
/*#endregion*/

/*#region Misc*/
.ald-button a.elementor-button
{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: bold;
    padding: 1rem;
	color: #fff;
	transition: 0.25s linear;
	line-height: 1em;
	font-family: boogaloo, cursive;
	border: none;  
	border-radius: 2.25rem;
}

.ald-button a.elementor-button:hover
{
    transform: scale(1.05);
	text-decoration: none;
}

#cmplz-document
{
	margin: auto;
}

#ald-to-top
{
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 9999;
	padding: 1rem;
	background-color: #fff;
	border: 2px solid var(--p);
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.75rem;
	line-height: 1.75rem;
	opacity: .6;
}

#ald-to-top:hover
{
	opacity: 1;
}
/*#endregion*/

/*#region @media*/
@media (max-width: 1024px) 
{
	.ald-product-carousel.owl-carousel .owl-nav button.owl-prev,
	.ald-product-carousel.owl-carousel .owl-nav button.owl-next
	{
		width: 75px;
		height: 54px;
	}
	
	.ald-product-carousel.owl-carousel .ald-product-title
	{
		font-size: 1.75rem;

	}
	
	.ald-product-carousel.owl-carousel .ald-product-price
	{
		font-size: 1.25rem;
	}
	
	.ald-product-carousel.owl-carousel .ald-product-button,
	.elementor-element.ald-product-button a.elementor-button
	{
		font-size: 1rem;
	}
}

@media (max-width: 576px) 
{
	.ald-product-carousel.owl-carousel .owl-nav button.owl-prev,
	.ald-product-carousel.owl-carousel .owl-nav button.owl-next
	{
		width: 38px;
		height: 27px;
	}

	.ald-product-carousel.owl-carousel .ald-product-title
	{
		font-size: 1.5rem;

	}
	
	.ald-product-carousel.owl-carousel .ald-product-price
	{
		font-size: 1rem;
	}
	
	.ald-product-carousel.owl-carousel .ald-product-button,
	.elementor-element.ald-product-button a.elementor-button
	{
		font-size: .8rem;
	}
	
	.ald-lead::before
	{
		clip-path: ellipse(100% 70% at bottom);
	}

	.ald-trail::after
	{
		clip-path: ellipse(70% 100% at top);
		bottom: -100px;
		height: 150px;
	}
}
/*#endregion*/