/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/



/* code is for cookies notification at z-index 999 */
.nasa-cookie-notice-container.nasa-active {
    z-index: 999 !important;
}


/* code is for hidding theme by defalut footer */


.nasa-bottom-bar {
    display: none !important;
}

/* Using the provided hex code and code is for sticky bottom bar  */

.mobile-bottom-sticky-container {
  position: fixed !important; /* Ensures it stays at the bottom */
  background-color: #54595F;
  bottom: 0;
  left: 0;
  width: 100%; /* Full width of the viewport */
  z-index: 998; /* Ensures it's above other elements */
  
}

.mobile-bottom-stickey-menu {
  
  display: flex; /* Enables flexbox for layout */
  justify-content: space-around; /* Distributes items evenly with space around them */
  align-items: center; /* Vertically aligns items in the center */
  padding: 0px 0; /* Adds some vertical padding */
}

.mobile-bottom-stickey-menu a {
  color: #ffffff; /* Sets a contrasting text color */
  text-decoration: none; /* Removes underlines from links */
  padding: 0px 0px; /* Adds padding around link text */
  border-radius: 4px; /* Optional: Adds rounded corners to links */
}

.mobile-bottom-stickey-menu a:hover {
  background-color: rgba(255, 255, 255, 0.1); /* Optional: Adds a subtle hover effect */
}

/* Optional: Style for icons within the menu items */
.mobile-bottom-stickey-menu a i {
  margin-right: 4px; /* Adds spacing between icon and text */
}