/* 
 * Header and Footer Padding Styles
 * This file adds substantial padding to header and footer elements
 */

/* Navigation Bar Padding */
.navbar-2.w-nav {
  padding: 25px 70px !important; /* Force important to override any inline styles */
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* Position navigation menu all the way to the right */
.nav-menu.w-nav-menu {
  margin-left: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: auto !important;
  padding-left: 100px !important; /* Add extra space between logo and nav */
}

/* Add space between navigation items */
.nav-link.w-nav-link {
  margin: 0 8px !important;
  padding: 10px 15px !important;
}

/* Logo spacing */
.w-nav-brand {
  margin-right: 20px !important;
}

/* Footer Padding */
.hero.footerark {
  padding: 50px 70px !important; /* Force important to override any inline styles */
  box-sizing: border-box !important;
}

/* Footer logo spacing */
.hero.footerark img.image-3 {
  margin: 20px 0 30px 0 !important;
}

/* Footer container spacing */
.hero.footerark .container {
  padding: 20px 0 !important;
}

/* Copyright text spacing */
.footer-wrap {
  padding: 15px 0 !important;
}