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

/* COMMON START */
html {
	/* 11 - 16 px */
	font-size: clamp(0.688rem, 0.063rem + 0.781vw, 1rem);
}
@media screen and (max-width: 767px) {
	html {
		/* 16 - 24 px */
		font-size: clamp(1rem, 0.523rem + 2.036vw, 1.5rem);
	}
}
@media (768px <= width <= 1023px) {
	html {
		/* 16 - 20 px */
		font-size: clamp(1rem, 0.25rem + 1.563vw, 1.25rem);
	}
}
/* button */
.btn-icon .elementor-button-icon {
    align-items: flex-start !important;
}
.callback .elementor-button * {
	transition: all .3s ease !important;
}
.callback .elementor-button:hover .elementor-button-icon {
    transform: rotateY(180deg);
}
.callback .elementor-button-text {
	position: relative;
}
.callback .elementor-button-text:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: white;
    opacity: 0;
	transition: all .3s ease !important;
}
.callback .elementor-button:hover .elementor-button-text:after {
	bottom: -5px;
	opacity: 1;
}
/* title line */
.title--line .elementor-heading-title {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.title--line .elementor-heading-title:before {
    content: "";
    display: block;
    width: 3rem;
    height: 1px;
    background-color: var(--e-global-color-primary);
}
/* COMMON END */

/* HEADER START */
.header__wrapper {
	width: 100% !important;
	transition: all .3s ease !important;
}
.header__wrapper.elementor-sticky--effects {
    background-color: rgb(17 17 17 / 90%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/* logo */
.logo .elementor-icon-wrapper {
    display: flex;
}
.logo svg {
	height: auto !important;
}
/* burger menu */
.burger-popup .dialog-widget-content {
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.burger-popup .elementor-location-popup,
.burger-popup .elementor-location-popup .wrapper {
	height: 100% !important;
}
/* wpml */
.wpml-ls-legacy-dropdown {
    width: auto !important;
    max-width: none !important;
    background-color: transparent !important;
}
.wpml-ls-item-legacy-dropdown * {
	transition: all .3s ease;
}
.wpml-ls-item-legacy-dropdown a {
    color: #ffffff;
    border: 1px solid transparent;
	border-bottom: 0 !important;
    font-weight: 500;
    background-color: transparent;
    padding: 8px;
    line-height: 1;
}
.wpml-ls-item-legacy-dropdown:hover a {
	border-color: white !important;
	background: #e6e0dd !important;
}
.wpml-ls-item-legacy-dropdown .wpml-ls-sub-menu a {
    border: none !important;
    background-color: transparent !important;
}
.wpml-ls-item-legacy-dropdown:hover .wpml-ls-sub-menu a {
	color: black;
}
.wpml-ls-item-legacy-dropdown .wpml-ls-sub-menu a:hover {
	color: #a67b5b;
}
.wpml-ls-item-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-item-legacy-dropdown a:focus,
.wpml-ls-item-legacy-dropdown a:hover {
    color: #000;
    background: #e6e0dd;
}
.wpml-ls-item-legacy-dropdown a.wpml-ls-item-toggle:after {
	top: 50%;
    transform: translateY(-50%);
    border: none !important;
    width: 12px;
    height: 6px;
	-webkit-mask-image: url(/wp-content/uploads/wpml-arrow-icon.svg);
    mask-image: url(/wp-content/uploads/wpml-arrow-icon.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: white;
}
.wpml-ls-item-legacy-dropdown:hover a.wpml-ls-item-toggle:after {
	background-color: black;
}
.wpml-ls-item-legacy-dropdown .wpml-ls-sub-menu {
	border: 1px solid transparent;
    border-top: none !important;
}
.wpml-ls-item-legacy-dropdown:hover .wpml-ls-sub-menu {
	border-color: white !important;
	background-color: #e6e0dd;
}
/* HEADER END */

/* HOME START */
/* portfolio */
.portfolio .elementor-widget-image {
    transition: all .3s ease !important;
}
.portfolio .elementor-widget-image:hover {
    scale: 1.02;
}
.portfolio .elementor-widget-image a {
    width: 100%;
}
/* contact form */
@media screen and (max-width: 767px) {
	.form__wrapper .elementor-field-group {
		margin-bottom: 8vw !important;
	}
	.form__wrapper .elementor-field-group.e-form__buttons {
		margin-bottom: 0 !important;
	}
	.form__wrapper .elementor-button {
		padding-left: 8vw;
		padding-right: 8vw;
	}
}
/* HOME END */