/* 14-mobile-header — Final mobile header alignment.
   Loaded on every page in file-name order (see inc/core/assets.php). */

/* =========================================================
   MOBILE HEADER FINAL ALIGNMENT
   Logo LEFT | Post Requirement CENTER | Menu RIGHT
   ========================================================= */

@media (max-width:640px){

  header.main{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
  }

  /* LOGO - LEFT */
  header.main .logo{
    position:relative !important;
    left:auto !important;
    margin:0 !important;
    flex:0 0 auto !important;
    z-index:10 !important;
  }

  /* POST BUY REQUIREMENT - EXACT CENTER */
  header.main .headcta{
    display:flex !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    padding:0 !important;
    z-index:8 !important;
  }

  header.main .headcta .btn-outline{
    display:none !important;
  }

  header.main .headcta .btn-gold{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    height:28px !important;
    padding:0 10px !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:28px !important;
    border-radius:14px !important;
  }

  /* MENU - RIGHT */
  header.main .mobile-menu-btn{
    display:flex !important;
    position:relative !important;
    right:auto !important;
    margin:0 !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    z-index:10 !important;
  }

}