/*
Theme Name: Hello Elementor Child
Theme URI: http://yourwebsite.com
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: http://yourwebsite.com
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* Your custom CSS goes here */
/* GLOBAL BODY BACKGROUND */
/* Your custom CSS goes here */
/* GLOBAL BODY BACKGROUND */
[data-aos] {
  transition-property: transform, opacity !important;
}

/* Ensure the starting state is hidden */
[data-aos^="fade"] {
  opacity: 0 !important;
}

/* Ensure the ending state is visible */
[data-aos^="fade"].aos-animate {
  opacity: 1 !important;
}

#main_header {
    display: flex;
    justify-content: space-between;
    /* Header Logo */
    .logo_container_header {
        width: fit-content;
    }
    /* WP Menu link styling */
    nav {
        ul {
            li {
                a {
                    padding: 8px 12px;
                    color: rgba(255, 255, 255, 0.75);
                    transition: color 0.3s;
                    &::before,
                    &::after {
                        content: "";
                        width: 10px;
                        height: 1px;
                        background: rgba(255, 255, 255, 0.5);
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        transition: all 0.3s ease 0s;
                        opacity: 1;
                    }
                    &::before {
                        left: -5px;
                    }
                    &::after {
                        right: -5px;
                    }
                }
                &.current_page_item,
                &:hover {
                    a {
                        color: #FFF;
                        transition: color 0.3s;
                        &::before {
                            left: 0;
                            width: 100%;
                            top: 0;
                            background: rgba(255, 255, 255, 1);
                            transform: translateY(0);
                        }
                        &::after {
                            right: 0;
                            width: 100%;
                            top: 100%;
                            background: rgba(255, 255, 255, 1);
                            transform: translateY(0);
                        }
                    }
                }
            }
        }
    }
    /* WPML language switcher styling */
    .language_switcher_header {
        width: fit-content;
    }
}