/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/* General Styling */

html {
  scroll-behavior: smooth;
}


/* Forced Styling for the Floating Sidebar */
#custom-floating-sidebar {
    position: fixed !important;
    top: 50% !important;
    right: 0 !important;
    width: 63px !important; /* Match the icon size */
    z-index: 9999 !important;
    background-color: rgba(255, 255, 255, 0.0) !important; /* Transparent background */
    padding: 0 !important;
    transform: translateY(-50%) !important; /* Center vertically */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Center icons */
    gap: 0px !important; /* Consistent spacing */
}

#custom-floating-sidebar br {
    display: none !important;
}

/* Forced Styling for the nav items */
#custom-floating-sidebar .custom-nav-image {
    display: flex !important;
    justify-content: center !important;
}

/* Forced Styling for the images */
#custom-floating-sidebar .custom-nav-image img {
    width: 63px !important;
    height: 63px !important;
    display: block !important;
    object-fit: contain !important; /* Ensures consistent image scaling */
    margin-top: 2px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important; /* Consistent box model */
}

/* Optional: Hide sidebar on small screens
@media only screen and (max-width: 600px) {
    #custom-floating-sidebar {
        display: none !important;
    } */


/* Smooth transition for showing and hiding the header */
.fusion-header-wrapper {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* When hidden, make the header invisible */
.fusion-header-wrapper.hidden {
    opacity: 0;   /* Make the header invisible */
    /*visibility: hidden;   Hide the header completely */
    pointer-events: none;  /* Prevent interaction with the header */
}

/* When visible, the header will fade in */
.fusion-header-wrapper.visible {
    opacity: 1;  /* Make the header fully visible */
    visibility: visible;  /* Ensure it's visible */
    pointer-events: all;  /* Allow interaction */
}