.elementor-kit-16{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Nimbus";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Nimbus";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nimbus";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nimbus";--e-global-typography-accent-font-weight:400;background-color:#090909;font-family:"Nimbus", Sans-serif;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16 a{font-family:"Nimbus", Sans-serif;}.elementor-kit-16 h1{font-weight:400;}.elementor-kit-16 h2{font-weight:400;}.elementor-kit-16 h3{font-weight:400;}.elementor-kit-16 h4{font-weight:400;}.elementor-kit-16 h5{font-weight:400;}.elementor-kit-16 h6{font-weight:300;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-family:"Nimbus", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.lytbox-button {
    --hamburger-color: white;
    --close-x-color: black;
    display: block;
    height: 18px;
    cursor: pointer;
    position: relative;
    z-index: 101;
}

/* Full-width menu for specific Elementor template */
.elementor-80 {
    width: 100%;
    z-index: 10;
}

/* Navigation panel */
/* Navigation panel */
.lytbox-navigation {
    position: fixed;
    top: 0;
    right: 0; /* Align the panel to the right */
    transform: translateX(100%); /* Start off-screen to the right */
    overflow: hidden;
    transition: transform 1s ease-in-out; /* Smooth transition */
    width: 40%; /* Take up 40% of the screen on desktop */
    height: 100vh;
    z-index: 99;
    display: flex;
    justify-content: flex-end; /* Keep content aligned to the right */
    align-items: center;
    background: white; /* Ensure the panel has a background */
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); /* Add a subtle shadow for separation */
}


/* Make the panel full-width on smaller screens */
@media (max-width: 768px) {
    .lytbox-navigation {
        width: 100%; /* Take up the full screen width on smaller devices */
    }
}

/* Toggle button (Hamburger icon) */
.lytbox-button .hamburguer {
    position: relative;
}

.lytbox-button .hamburguer span {
    display: block;
    height: 2px;
    width: 24px;
    background: var(--hamburger-color);
    transform-origin: 50% 50%;
    transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
    transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
    transform: translate(0, 12px);
}

.lytbox-nav_control {
    position: absolute;
    left: -9999px; /* Hide the input */
    width: 100%;
    z-index: 9999;
    clip: rect(0, 0, 0, 0);
}

/* Show navigation when checkbox is checked */
.lytbox-nav_control:checked ~ .lytbox-navigation {
    transform: translateX(0); /* Bring the panel into view */
    opacity: 1;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

/* Animate hamburger to X */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer {
    transition: all 0.1s 0s ease;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span {
    background: var(--close-x-color);
    transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:first-child {
    opacity: 0;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(2) {
    transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(3) {
    transform: translate(0, 4px) rotate(-45deg);
}

/* Make the panel full-width on smaller screens */
@media (max-width: 768px) {
    .lytbox-navigation {
        width: 100%; /* Take up the full screen width on smaller devices */
    }
}

/* Define the fade-in-right animation */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px); /* Start slightly to the right */
    }
    to {
        opacity: 1;
        transform: translateX(0); /* End at its original position */
    }
}

/* Define the fade-out-right animation */
@keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translateX(0); /* Start at its original position */
    }
    to {
        opacity: 0;
        transform: translateX(50px); /* Move slightly to the right */
    }
}

/* Base styles for items in the side menu */
.lytbox-navigation .animated-slow {
    opacity: 0; /* Start invisible */
    transform: translateX(50px); /* Start slightly off-screen */
    pointer-events: none; /* Prevent interaction when hidden */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Match sidebar transition */
}

/* When the side menu is open, apply the fade-in styles */
.lytbox-nav_control:checked ~ .lytbox-navigation .animated-slow {
    opacity: 1; /* Fade in */
    transform: translateX(0); /* Slide into position */
    pointer-events: auto; /* Enable interaction */
}

/* When the side menu is closed, apply the fade-out styles */
.lytbox-nav_control:not(:checked) ~ .lytbox-navigation .animated-slow {
    opacity: 0; /* Fade out */
    transform: translateX(50px); /* Slide out */
    pointer-events: none; /* Prevent interaction while hidden */
}

/* Add delays for each item when fading in */
.lytbox-nav_control:checked ~ .lytbox-navigation [data-id="ed90b35"] {
    transition-delay: 0s; /* First item, no delay */
}

.lytbox-nav_control:checked ~ .lytbox-navigation [data-id="140809e"] {
    transition-delay: 0.2s; /* Second item, 0.2s delay */
}

.lytbox-nav_control:checked ~ .lytbox-navigation [data-id="0b127cb"] {
    transition-delay: 0.4s; /* Third item, 0.4s delay */
}

/* Add delays for each item when fading out */
.lytbox-nav_control:not(:checked) ~ .lytbox-navigation [data-id="ed90b35"] {
    transition-delay: 0.4s; /* Last item fades out first */
}

.lytbox-nav_control:not(:checked) ~ .lytbox-navigation [data-id="140809e"] {
    transition-delay: 0.2s; /* Second item fades out next */
}

.lytbox-nav_control:not(:checked) ~ .lytbox-navigation [data-id="0b127cb"] {
    transition-delay: 0s; /* First item fades out last */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nimbus';
	font-display: auto;
	src: url('https://gmakcon.pixeldev.com.au/wp-content/uploads/2024/11/NimbusSanL-Reg.ttf') format('truetype');
}
/* End Custom Fonts CSS */