footer.site-footer section{
    width: 100% !important;
    max-width: unset !important;
}
.header-menu-button { 
background-color:#5D18EB;
border:5px;
border-radius:35px;
}
.header-menu-button a, .header-menu-button a:hover, .header-menu-button a:active { 
color:#fff !important;
}



/* Ensure the header container is positioned relative to the page */
.header {
  position: relative;
}


.header-menu-button {
    display: blockk;
}
/* Position the .header-menu-button above the navigation bar */
.header-menu-button {
  position: absolute;
  top: -50px; /* Adjust this value based on your layout */
 
  transform: translateX(-10%); /* Centers the button exactly */
  z-index: 10; /* Ensures the button is on top of other elements */
}

/* Style the navigation bar */
.navbar {
  position: relative; /* Keeps navbar in normal flow */
  margin-top: 50px; /* Adjust this to ensure space for the button */
}
/* General button styles */
.header-menu-button {
  padding: 10px 20px;
  width: auto; /* Ensure the button width is not 100% */
  max-width: 220px; /* Optional: set a maximum width if needed */
  margin-right: 10px; /* Space between buttons */
}

/* On mobile, stack the buttons and prevent them from stretching */
@media (max-width: 768px) {
  .header-menu-button {
    width: auto; /* Ensure the button doesn't stretch */
    margin-right: 10; /* Optional: Remove the margin between buttons */
    margin-bottom: -35px; /* Add some space between stacked buttons */
		margin-top: 60px;
		max-width: 95px;
		

  }

  .header-menu-button {
  display: block; /* Stack the buttons vertically */
  }
}
/* On mobile, add padding above buttons to move them down */
@media (max-width: 768px) {
  .header-menu-button {
    padding-top: 10px; /* Add space inside the container above the buttons */
  }
}

/*from Tuan for mobile stacking */
@media screen and (max-width:767px) {
    li.header-menu-button {
    margin: unset !important;
    margin-top: 20px !important;
    position: static !important;
    transform: unset !important;
    float: none !important;
    text-align: center !important;
}
ul#menu-primary-1 {
    flex-wrap: wrap;
    flex-direction: column !important;
}}
li.header-menu-button {
    left: unset !important;
}
/* Ensure footer spans across the full width of the screen */
.site-footer {
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Adjust for centering */
    left: ;
}
.site-footer {
    padding: 0; /* Optional, if there's unwanted padding */
    margin: 0;  /* Optional, if there's unwanted margin */
}
.um-faicon-user{
	display:none!important!;
}
/* Ensure body takes full height */
html, body {
    height: 100%;
    margin: 0;
}

/* Make the main content area flex */
.site-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Push the footer to the bottom */
.site-footer {
    margin-top: auto;  /* Pushes footer down */
}