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

body{
	background: #FCF3EC !important;
}


/* main menu
----------------------------------------*/

#tac-main-menu li:not(:last-child) a{
	background-image: url("/wp-content/uploads/2026/09/menu-star-1.png");
	background-position: center right;
	background-size: contain;
	background-repeat: no-repeat;
	padding:5px 40px 5px 0;
	margin: 0 20px 0 0;
}

.atom-overlay.fixed {
	position:fixed;
	z-index:99999;
	height:100%;
	width:100%;
	background:rgba(255,255,255,.8);
}

.atom-overlay.absolute {
	position:absolute;
	z-index:9999;
	height:100%;
	width:100%;
	background:rgba(255,255,255,.8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.css-loader{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@keyframes atom {
	from { transform: none; }
	to { transform: translateY(-10px); }
}

@keyframes electron-circle1 {
	from { transform: rotateY(70deg) rotateZ(20deg); }
	to { transform: rotateY(70deg) rotateZ(380deg); }
}

@keyframes electron1 {
	from { transform: rotateZ(-20deg) rotateY(-70deg); }
	to { transform: rotateZ(-380deg) rotateY(-70deg); }
}

@keyframes electron-circle2 {
	from { transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg); }
	to { transform: rotateY(60deg) rotateX(60deg) rotateZ(330deg); }
}

@keyframes electron2 {
	from { transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg); }
	to { transform: rotateZ(-330deg) rotateX(-60deg) rotateY(-60deg); }
}

@keyframes electron-circle3 {
	from { transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg); }
	to { transform: rotateY(-60deg) rotateX(60deg) rotateZ(460deg); }
}

@keyframes electron3 {
	from { transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg); }
	to { transform: rotateZ(-460deg) rotateX(-60deg) rotateY(60deg); }
}

.atom {
	margin: 50px auto;
	width: 120px;
	height: 120px;
	position: relative;
	animation: atom 1s ease-in-out infinite alternate;
	perspective: 300px;
	transform-style: preserve-3d;
}

.atom:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #5E1886;
}

.atom .electron {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 2px solid #666;
	transform-style: preserve-3d;
}

.atom .electron:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #666;
	transform-origin: 50% 50% 0;
}

.atom .electron:nth-child(1) {
	transform: rotateY(70deg) rotateZ(20deg);
	animation: electron-circle1 3s linear infinite;
	border: 2px solid #ff8739;  
}

.atom .electron:nth-child(2) {
	transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
	animation: electron-circle2 3s linear infinite;
	border: 2px solid #06748C;
}

.atom .electron:nth-child(3) {
	transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
	animation: electron-circle3 3s linear infinite;
	border: 2px solid #AB1502;
}

.atom .electron:nth-child(1):before {
	transform: rotateZ(-20deg) rotateY(-70deg);
	animation: electron1 3s linear infinite;
	background: #ff8739;
}

.atom .electron:nth-child(2):before {
	transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
	animation: electron2 3s linear infinite;
	background: #06748C;
}

.atom .electron:nth-child(3):before {
	transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
	animation: electron3 3s linear infinite;
	background: #AB1502;
}

@media (min-width: 768px) {
	.mobile-popup-menu {
		display: none;
	}
}