/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ----- custom ----- */
body {
	--offsetX:0.32;
	--offsetY:0.83
	overflow-x: hidden;
	background-color: var(--e-global-color-c99a720);
}
.flex-1 {
	flex: 1 !important;
}

#draggable-item {
	position: fixed;
	top: 0;
    left: 0;
	z-index: 9999;
	cursor: grab;
	user-select: none;
	touch-action: none;
	width: 96px;
	height: 96px;
	background-color: #3b82f6;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	display: none;
}

#draggable-item.dragging {
	cursor: grabbing;
}

/* img */
.aspect-3-2 img,
.img-single-post img,
.img-contact img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.aspect-3-2 img {
	aspect-ratio: 3 / 2;
}

/* text */
.elementor-widget-text-editor p {
	margin-bottom: 0;
}

/* header */
header {
	position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--e-global-color-c99a720);
}
.elementor-slideshow__header {
	background-color: rgba(0, 0, 0, .8);
}
.sc-gtranslate a.glink {
	color: #00000066;
	font-family: "Roboto", Sans-serif;
}
.sc-gtranslate a.glink:hover,
.sc-gtranslate a.glink.gt-current-lang {
	color: var( --e-global-color-4654eab );
}
.sc-gtranslate a.glink:first-child {
	border-right: 1px solid #00000066;
	padding-right: 5px;
}

/* banner */
.img-logo-banner {
	transform: translate(-50%, -50%);
}
.container-banner-home {
	--wh: calc(100 * 1svh);
}
.col-logo-banner-home {
	position: sticky !important;
	top: var(--wh);
	z-index: 9;
}
.col-logo-banner-home>div {
	position: absolute;
	height: var(--wh);
    margin-top: calc(-1 * var(--wh));
}
.img-banner-home {
	position: sticky;
	top: 0;
	height: var(--wh);
}

/* decor */
.img-decor {
	aspect-ratio: 4 / 5;
    overflow: hidden;
	border-radius: 15px;
	width: 100%;
}
.img-decor * {
	width: 100% !important;
	height: 100% !important;
}
.img-decor img {
	object-fit: cover;
}
.col-card-decor:hover {
	background-color: var(--e-global-color-primary);
	color: white;
}
.col-card-decor:hover .elementor-heading-title {
	color: currentcolor !important;
}

/* post */
.img-single-post img {
	aspect-ratio: 2/1;
	border-radius: 20px;
	object-position: center;
}
.tt-post-card .elementor-heading-title {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* contact */
.img-contact img {
	aspect-ratio: 8 / 9;
}
body .wpcf7-form .wpcf7-response-output {
	font-size: 14px;
	margin-left: 0;
	margin-right: 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
	font-size: 12px;
}
.sc-form-contact .form-contact-us .row-ip input,
.sc-form-contact .form-contact-us .row-ip textarea {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid black;
	background-color: transparent;
	outline: none;
	padding-left: 0;
    padding-right: 0;
    height: 50px !important;
}
.sc-form-contact .form-contact-us .row-ip input::placeholder,
.sc-form-contact .form-contact-us .row-ip textarea::placeholder {
	text-transform: uppercase;
}
.sc-form-contact .form-contact-us .row-button {
	position: relative;
}
.sc-form-contact .form-contact-us .row-button p {
	text-align: center;
    margin: 0;
}
.sc-form-contact .form-contact-us .row-button .wpcf7-submit {
	border-radius: 100px;
    padding: 10px 30px;
    text-transform: uppercase;
    color: white;
    background-color: black;
    border-color: black;
}
.sc-form-contact .wpcf7-form.submitting .form-contact-us .row-button .wpcf7-submit {
	pointer-events: none;
	opacity: 0.75;
}
.sc-form-contact .form-contact-us .row-button .wpcf7-spinner {
	position: absolute;
    left: 50%;
    bottom: 50%;
    margin: 0;
    transform: translate(50%, 50%);
}

/* tablet */
@media (max-width: 1024px) {
	/* header */
	.menu-header-mobile .uc-list-menu {
		display: none !important;
	}
}

/* mobile */
@media (max-width: 767px) {
	/* decor */
	.img-decor {
		display: flex;
	}
	
	/* blog */
	.d-block-mb {
		display: block !important;
	}
}

/* ----- end custom ----- */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: var(--e-global-color-primary);
}