/*
Theme Name: Halp Apply AI
Theme URI: https://www.helpapplyai.com
Template: Divi
Author: Glimmernet Technologies
Author URI: https://www.glimmernet.com
Version: 4.27.4.1760521092
Updated: 2025-10-15 05:38:12

*/

body {
  background-color: #071e2c; 
}
.menu-button a {
    background-color: #D47F00 !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.menu-button a:hover {
    background-color: #e5a610 !important;
    color: #ffffff !important;
}


/* 1) Make sure NOTHING in the header clips overflow */
#main-header,
#main-header .container,
#main-header .et_menu_container,
#main-header .logo_container {
  overflow: visible !important;
}

/* 2) Put the header above the next section so overlap is visible */
#main-header {
  position: relative;
  z-index: 9999 !important;
}

/* 3) Oversize the logo and let it hang below */
#main-header #logo {
  height: 125px !important;     /* your desired size */
  max-height: none !important;  /* Divi often caps this */
  width: auto !important;
  position: relative !important;
  top: 20px !important;         /* adjust: increases the overhang */
  /*display: block !important;*/
  z-index: 10000 !important;
}

/* 4) Sticky header: still allow overflow and keep a smaller hang if you want */
.et-fixed-header {
  overflow: visible !important;
  z-index: 9999 !important;
}
.et-fixed-header #logo {
  height: 100px !important;     /* adjust if preferred */
  top: 10px !important;
  max-height: none !important;
}

/* 5) If your first section is covering the logo, lower its stacking */
#et-main-area .et_pb_section:first-of-type {
  position: relative;
  z-index: 1;                   /* header sits above at 9999 */
}


/* Ensure Divi's internal span behaves like inline text */
.et_pb_text_inner h1,
.et_pb_text_inner h1 span {
    display: inline-block;
    position: relative;
    overflow: visible;
}

/* Fix the <u> wrapper itself */
.et_pb_text_inner h1 u {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

/* Apply the underline SVG */
.et_pb_text_inner h1 u:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 150%;
    height: 20px;
    background-image: url(/wp-content/themes/haai/img/underline.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
}