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

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

.elementor-button:hover svg {
	margin-left: 10px;
	transition: margin-left 0.7s;

}
.elementor-button svg {
	margin-left: 0;
	transition: margin-left 0.7s;
}

/*######## Line ##########*/


.line-left p {
	display: flex;
	gap: 8px;
}

.e-n-menu-wrapper {
	background-color: white !important;
}
@media screen and (max-width: 767px) {
	.e-n-menu-heading {
		padding: 24px !important;
	}
	#grid-news {
		max-width: 451px;
	}
}

#search-container {
display: none;
}

@media screen and (min-width: 700px) {
	
#search-container {

	&.active {
		display: flex;
	}

}
#menu-container {
	display: flex;
		&.hidden {
		display: none;
	}
}
}
.elementor-67 .elementor-element.elementor-element-b9be369 .swiper-wrapper {
	gap:24px !important;
}

/*######## List ##########*/
ol li {
	position: relative;
	padding-bottom: 16px;
}

ol {
	counter-reset: item;
	list-style-type: none;
	padding: 0;
}

ol li::before {
	content: counter(item);
	counter-increment: item;
	background-color: #1F6E99;
	z-index: -1;
	border-radius: 100px;
	color: #D2E2EB;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-right: 16px;
	padding-top: 4px;
}

/*######## Responsive ##########*/

@media screen and (max-width: 1134px) {
	#parallelogram {
		position: fixed;
		bottom: 0;
		min-height: 55px;
		right: 0 !important;
	}


	.parallelogram-div {
		clip-path: none !important;
		max-width: 100px;
		margin: 0;
		padding: 0;
		min-height: 55px;
	}
	.parallelogram-text {
		display: none;
	}
}

@media screen and (min-width: 1134px) {
	#parallelogram-grey {
		left: 18px;
	}

	#parallelogram {
		right: -245px;
	}

}


@media screen and (min-width: 1024px) {
	.overlay-hero {
		display: none;
	}


	#overlay-container {
		width: 50%;
	}
}

@media screen and (min-width: 1371px) {
	.overlay-hero {
		display: block;
	}

	#overlay-container {
		width: 100%;
	}
}

@media screen and (min-width: 1400px) {
	#parallelogram {
		right: 0;
	}
	#parallelogram-grey {
		left: 0;
	}
}