/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*****************************************************
 ******************** Global *************************
 ****************************************************/
 
 /**
  * Hover Pointer for all buttons
  */
.elementor-widget-button .elementor-button:hover {
    cursor: pointer ! important;
} 
 
/*****************************************************
 ******************* /.Global ************************
 ****************************************************/ 

/*****************************************************
 ****************** Main Menu ************************
 ****************************************************/

.main-menu .e-n-menu-item .e-link {
	text-decoration: none;
}

.main-menu .e-n-menu-item:hover .e-n-menu-title-text,
.main-menu .e-n-menu-item .e-link:hover {
	color: #0050FF;
	cursor: pointer;
}

@media (max-width: 768px) {
	.main-menu .e-n-menu .e-n-menu-wrapper {
		margin-top: 0px ! important;
	}

	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading {
		display: block;
        height: 100vh;
		margin-left: auto;
		padding-top: 40px;
		background-color: #ffffff;
	}
	
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-con-inner .elementor-widget.elementor-widget-heading {
		padding-left: 44px;
    	text-align: left;
	}
	
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item .e-n-menu-title {
		justify-content: space-between !important;
	}
	
	/* Border Menu Item*/
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item {
	 	position: relative !important;
	  	border-bottom: none !important;
	}
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item::after {
	  	content: "" !important;
	  	position: absolute !important;
		width: 96%;
	  	bottom: 10px !important;
	  	left: 2% !important;
	  	height: 1px !important;
	  	background-color: rgba(226, 228, 233, 1) !important;
	}
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item:nth-child(3)::after,
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item:nth-child(4)::after,
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item:nth-child(5)::after {
		height: 0px !important;
	}
	
	/* Buttons Menu */
	
	/* 1. We are forced to display items 4 and 5 and remove the lines */
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4),
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		min-height: 0 !important;
		border-bottom: none !important; /* Removes the line below the item */
	}
	/* 2. CONTENT SETTINGS (Buttons and Languages) */
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) div[id*="e-n-menu-content"],
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) div[id*="e-n-menu-content"],
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-content,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-content {
		display: flex !important;
		position: relative !important; 
		visibility: visible !important;
		opacity: 1 !important;

		height: auto !important;
		max-height: none !important;
		min-height: 0 !important;
		transform: none !important;
		clip-path: none !important;
		width: auto !important;

		/* INDENTS: Change the values here */
		margin-top: 0px !important;
		margin-left: 0px !important;
		padding-left: 16px !important;
		padding-bottom: 8px ! important;

		background-color: #ffffff !important;
		border: none !important;
		box-shadow: none !important;
		pointer-events: all !important;
	}
	
	/* 3. REMOVE THE TEXT (LABELS) AND ARROWS FOR BOTH POINTS */
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-heading,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-title,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-dropdown-icon,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-heading,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-title,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-dropdown-icon {
		display: none !important;
		height: 0 !important;
		visibility: hidden !important;
	}
	/* 4. ADDITIONAL CLEANING OF INTERNAL RECESSES */
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-content .e-con,
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-content .e-con {
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0 !important;
	}
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-content .e-con {
		min-height: 250px !important;
	}
	/* 5. FIX INDENT FOR POINT 5 (if more space is needed between the buttons and the languages) */
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .e-n-menu-content {
		margin-top: 0px !important; 
	}
	/* 6. Disable overflow */
	.main-menu .e-n-menu-wrapper,
	.main-menu .e-n-menu-container,
	.main-menu .e-n-menu-content-wrapper {
		overflow: visible !important;
	}
}

@media (max-width: 768px) {
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-con-inner .elementor-widget.elementor-widget-heading {
		padding-left: 0px;
    	text-align: left;
	}
}
@media (max-width: 480px) {
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading {
		width: 100%;
	}
	.main-menu .e-n-menu .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item::after {
	  	width: 94%;
	}
}
@media (max-width: 470px) {
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-content .e-con .elementor-button {
		padding: 12px 74px 12px 74px;
	}
}
@media (max-width: 392px) {
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-content .e-con .elementor-button {
		padding: 12px 64px 12px 64px;
	}
}
@media (max-width: 375px) {
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4) .e-n-menu-content .e-con .elementor-button {
		padding: 12px 60px 12px 60px;
	}
}

/*
 * Language Switcher
 */
@media (max-width: 1024px) {
	.header__language-switcher .cpel-switcher__toggle.cpel-switcher__lang {
		width: 100% ! important;
	}
	
	.header__language-switcher .cpel-switcher__toggle.cpel-switcher__lang .cpel-switcher__name,
	.header__language-switcher .cpel-switcher__toggle.cpel-switcher__lang .cpel-switcher__icon {
		display: none;
	}
}
@media (min-width: 768px) {
	.cpel-switcher--layout-dropdown .cpel-switcher__lang {
    	width: 167px ! important;
	}
}

.cpel-switcher__toggle.cpel-switcher__lang {
	padding-bottom: 14px;
}

@media (min-width: 768px) {
	.cpel-switcher__toggle.cpel-switcher__lang {
		padding-bottom: 14px;
	}
}

.cpel-switcher__list {
	padding: 0px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
}

.cpel-switcher--layout-dropdown .cpel-switcher__lang {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 0px;
}

.cpel-switcher--layout-dropdown .cpel-switcher__list > .cpel-switcher__lang {
	padding-left: 16px;
}

.cpel-switcher__lang a:hover {
	text-decoration: none ! important;
	color: #0050FF ! important;
}

.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) .cpel-switcher--layout-dropdown .cpel-switcher__lang a {
	font-family: "Inter Regular 400";
	font-weight: 400;
	color: #141418;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0px;
}

@media (min-width: 769px) {
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(4),
	.main-menu .e-n-menu-wrapper > ul > li:nth-child(5) {
		display: none;
	}
}

/*
 * Mega Menu
 */
.mega-menu {
	padding-bottom: 16px !important;
}

.mega-menu .mega-menu__item:hover {
	cursor: pointer;
}

.mega-menu .mega-menu__item:hover .elementor-widget-heading:first-child .elementor-heading-title {
	color: #0050FF;
}

/*
 * All Products 
 */
.header__all-producs .elementor-widget-heading .elementor-heading-title > a {
	text-decoration: none !important;
}
@media (max-width: 768px) {
	.header__all-producs:hover {
		background: none !important;
	}
	
	.header__all-producs .elementor-widget-heading {
		text-align: center !important;
	}

	.header__all-producs .elementor-widget-heading .elementor-heading-title > a {
		display: inline-block !important;
		transition: transform 0.3s ease !important;
		color: #0050FF !important;
	}
	
	.header__all-producs .elementor-widget-heading .elementor-heading-title > a:hover,
	.header__all-producs .elementor-widget-heading .elementor-heading-title > a:focus {
		transform: scale(1.25) !important;
	}
}


	
/*****************************************************
 ****************** /.Main Menu **********************
 ****************************************************/

/*
 * Hero Product Card
 */
.hero-product-card:hover {
	cursor: pointer;
}


/*****************************************************
 **************** Yoast Breadcrumbs ******************
 ****************************************************/

/* 1. STYLES FOR THE HOME PAGE (First link) */
#breadcrumbs span span:first-child a {
    color: #888888 ! important;
    font-family: 'Inter Regular 400', sans-serif ! important;
    font-weight: 400 ! important;
    font-size: 16px ! important;
	line-height: 19px ! important;
	text-decoration: none ! important;
}

/* Hover over Home */
#breadcrumbs span span:first-child a:hover {
    color: #888888 ! important;
}

/* 2. STYLES FOR SEPARATORS AND THE LAST ELEMENT (Current page, usually non-clickable text) */
#breadcrumbs,
#breadcrumbs .breadcrumb_last {
    color: #0050ff ! important; 
    font-family: 'Inter Regular 400', sans-serif ! important;
    font-weight: 400 ! important;
    font-size: 16px ! important;
	line-height: 19px ! important;
	text-decoration: none ! important;
}

/*****************************************************
 *************** /.Yoast Breadcrumbs *****************
 ****************************************************/