/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1763981166
Updated: 2025-11-24 10:46:06

*/


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

p:last-child {
	margin-bottom: 0;
}

@media(width < 800px) {
	.menu-logo {
    	width: 180px !important;
	}
}

@media(width > 767px) {
	.menu-item--centered {
		text-align: center;
	}
}

/* SECTION TITLE START */

@media(width > 460px) {
	.section-title {
	--title-bg-width: 100px;
	--title-bg-height: 55px;
	
		.elementor-heading-title {
			position: relative;
			max-width: max-content;
			padding-right: var(--title-bg-width);
			
			&::before,
			&::after {
				display: inline-block;
				width: var(--title-bg-width);
				height: var(--title-bg-height);
			}
		}
		
		&.section-title--center {
			.elementor-heading-title {
				margin-inline: auto;
				padding-inline: calc(var(--title-bg-width) + 10px);	
			
				&::before,
				&::after {
					content: '';
					position: absolute;
					right: 0;
					top: 50%;
					translate: 0 -50%;
					background: url('/wp-content/uploads/2025/12/title-bg-02.svg') 50% 50%/cover no-repeat;
				}

				&::before {
					right: auto;
					left: 0;
				}

				&::after {
					rotate: 180deg;
					scale: 1 -1;
				}
			}
		}
		
		&.section-title--left {
			.elementor-heading-title {
				display: inline-block;
				margin-left: -40px;
				padding-left: 40px;
				padding-right: 0;
			}
			
			&::before {
				display: none;
			}
			
			&::after {
				content: '';
				display: inline-block;
				width: var(--title-bg-width);
				height: 50px;
				position: absolute;
				left: -40px;
				bottom: -5px;
				background: url('/wp-content/uploads/2025/12/title-bg-03.svg') 50% 50%/contain no-repeat;
				scale: -1 1;
			}
		}
		
	}
}

body.home {
	opacity: 0;
	transition-duration: 0.8s;
	&.shown {
		opacity: 1;
	}
}

#splash-screen {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    cursor: pointer;
	opacity: 0;
	
	&.shown {
		opacity: 1;
	}
	
	&.hidden {
		opacity: 0;
		pointer-events: none;
		transition: opacity 1s ease;
	}
}

#to-top {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	
	&.show {
		opacity: 1;
		visibility: visible;
	}
}