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

/* Fonts */
@font-face {
	font-family: 'Recoleta';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('./assets/fonts/recoleta/Recoleta-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Recoleta';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('./assets/fonts/recoleta/Recoleta-Regular.woff2') format('woff2');
}

body ul.hfe-nav-menu {
	width: 100%;
	align-items: center;
	gap: 24px;
}

body ul.hfe-nav-menu li:is(:first-child, :last-child) {
	margin-left: auto;
}

body ul.hfe-nav-menu::before,
body ul.hfe-nav-menu::after {
	content: none;
}

body :is(h1, h2, h3, h4, h5, h6),
.logo {
	font-family: 'Recoleta', sans-serif;
}

/* Marquee */
body .marquee-wrapper {
	overflow: hidden;
	position: relative;
	box-sizing: content-box;
}

.logo a {
	vertical-align: bottom;
}

.marquee.e-con.e-flex {
	--top: 40px;
	--right: 2rem;
	position: absolute;
	top: var(--top);
	display: flex;
	will-change: transform;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: unset;
	width: max-content;
	padding-right: var(--right);
}

.marquee.e-con.e-flex,
.marquee.e-con.e-flex * {
	transition: none !important;
}

.elementor.elementor .marquee.e-con .elementor-widget {
	max-width: unset;
}

.marquee.e-con.e-flex :is(.elementor-widget-heading, .elementor-widget-image) {
	flex-shrink: 0;
}

.marquee.e-con.e-flex span.elementor-heading-title {
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	.marquee.e-con.e-flex {
		top: 24px;
	}
}

/* Sticker */
#message-wrapper {
	height: 100%;
}

#message-wrapper::after {
	content: '';
	position: absolute;
	top: 16px;
	height: 140px;
	width: 240px;
	right: -48px;
	rotate: -8deg;
	background: url('/wp-content/uploads/2025/11/message.png') no-repeat center / contain;
}

/* Polaroid hover animation */
.home .elementor-element .elementor-image-box-wrapper .elementor-image-box-img {
	flex-shrink: 0;
}

.home .elementor-element .elementor-image-box-wrapper:not(:has(.elementor-image-box-content p)) img {
	height: 80px;
	object-fit: cover;
}

.polaroid-cursor {
	position: fixed;
	width: 420px;
	height: 280px;
	pointer-events: none;
	z-index: 9999;
	background: white;
	padding: 15px;
	box-shadow: 0 4px 80px rgb(from #0a0a45 r g b / 0.3);
	border-radius: 2px;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.8) rotate(0deg);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
	visibility: hidden;
	--rotation: 0deg;
}

.polaroid-cursor.visible {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1) rotate(var(--rotation));
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s;
}

.polaroid-cursor img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	border: 12px solid #fff;
}

/* Images gallery section */
#images-gallery .wp-caption {
	position: relative;
}

#images-gallery figcaption {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

#images-gallery-span .elementor-widget-image {
	height: 100%;
}

#images-gallery-span.bag-sticker::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 400px;
	width: 400px;
	translate: 50% 24%;
	background: url('/wp-content/uploads/2025/11/chips.png') no-repeat center / contain;
	z-index: 4;
}

@media screen and (max-width: 1024px) {
	#images-gallery-span.bag-sticker::after {
		height: 300px;
		width: 300px;
	}
}

@media screen and (max-width: 767px) {
	#images-gallery-span.bag-sticker::after {
		height: 200px;
		width: 200px;
	}
}

/* Big image right section */

.image-right {
	overflow: visible;
}

.image-right .e-con-inner {
	margin: 0 0 0 max(calc((100% - 1300px) / 2), 0px);
	max-width: max(calc(100% - (100% - 1300px) / 2), 1024px);
}

.image-right .e-con-inner .e-con.e-child:first-child {
	width: min(calc(1300px / 2), 100%);
}

.image-right .e-con-inner .e-con.e-child:last-child {
	flex: 1;
}

.image-right:not(.image-right--inside) .e-con-inner .e-con.e-child:last-child::before {
	background-position: bottom left 80px;
	height: 108%;
	z-index: 2;
}

/* Press logos */
#logos {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#logos::-webkit-scrollbar {
	display: none;
}

/* Quote */
#quote-sign .attachment-full {
	max-width: unset;
	width: 40px;
}

/* Posts */
/* #posts .elementor-widget-text-editor {
	display: none;
} */

#posts .elementor-widget-button:last-child {
	margin-top: auto;
}

#posts .elementor-widget-text-editor p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.history-title span {
	font-size: 1.5rem;
}

.image-overlay .elementor-widget-container {
	position: relative;
}

.image-overlay.image-overlay--rounded .elementor-widget-container {
	width: fit-content;
}

.image-overlay .elementor-widget-container::after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: hsla(18, 74%, 51%, 0.2);
}

body.home .image-overlay .elementor-widget-container::after,
body .image-overlay.image-overlay--rounded .elementor-widget-container::after {
	border-radius: 400px;
}

body #cookie-notice .cn-button:not(.cn-button-custom) {
	color: var(--e-global-color-secondary);
	border-radius: 80px;
	font-weight: 600;
}

body #cn-close-notice {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: var(--e-global-color-primary);
}

body #cn-close-notice::before,
body #cn-close-notice::after {
	top: unset;
	background-color: var(--e-global-color-secondary);
}