/* =========================
   MOBILE NAV – Universal Styling 
   ========================= */

@media (max-width: 1199px) {

  /* 1. Force ALL Backgrounds to White */
  .mobile-nav-goldstar nav.cms-default-nav,
  .mobile-nav-goldstar .cms-default-nav,
  .mobile-nav-goldstar .sub-menu,
  .mobile-nav-goldstar .drop-holder,
  .mobile-nav-goldstar .cms-default-nav ul,
  .mobile-nav-goldstar .cms-default-nav li {
    background-color: #ffffff !important;
    background-image: none !important;
    left: 0 !important; /* Fixes Main Menu shifting */
  }

  /* 2. Unified Header Styling (Main Menu & Back Button) */
  .mobile-nav-goldstar .nav-header,
  .mobile-nav-goldstar .back-btn-holder {
    background-color: #ffffff !important;
    border-bottom: 4px solid #2d4668 !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-nav-goldstar .nav-header .title,
  .mobile-nav-goldstar .btn-back {
    color: #2d4668 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    font-family: inherit;
  }
  .mobile-nav-goldstar .cms-default-nav li:hover {
  	background:none!important;
  }
  
  .fork-active {background:none !important}
.mobile-nav-goldstar .cms-default-nav ul li.active a
{
	color:var(--color-goldstar-gold) !important;
}
  /* 3. Universal Link Styling */
  .mobile-nav-goldstar .cms-default-nav ul li a {
    color: #2d4668;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    padding: 16px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-indent: 0 !important;
    text-decoration: none !important;
  }

  /* 4. The "Gold" Hover State (Universal) */
  /* This ensures that when the LI is hovered/active, the text turns gold */
  .mobile-nav-goldstar .cms-default-nav ul li:hover > a,
  .mobile-nav-goldstar .cms-default-nav ul li.hover > a {
  /* Gray background */
    color: #f09e31 !important;           /* Gold/Orange text */
  }
   /* 5. Chevron / Icon Fix */
  .mobile-nav-goldstar .cms-default-nav a.has-drop-down-a::after {
    color: inherit !important; /* Takes the gold color on hover */
    position: relative !important;
    display: inline-block !important;
    margin-left: auto;
  } 

  /* Force the pseudo-element inside the icon to inherit the Blue color */
  .mobile-nav-goldstar .btn-back .icon-arrow-white::after {
    color: #2d4668 !important;
    border-color: #2d4668 !important;
  }


  /* 6. Clean up padding and resets */
  .mobile-nav-goldstar .cms-default-nav ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
}
  
  /* Hide submenu title row */
.mobile-nav-goldstar nav.cms-default-nav .sub-menu-title {

  display: none !important;

}

}

/* =========================

   MOBILE FOOTER RESPONSIVE

   ========================= */

@media (max-width: 768px) {
.goldstar-intro-contact__inner {
	padding-left:15px;
	padding-right:15px;
}
  .goldstar-bottom-info-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Hide vertical divider lines */
  .goldstar-tall-white-line {
    display: none;
  }

  /* Stack sections */
  .goldstar-bottom-info,
  .goldstar-bottom-column-links,
  .goldstar-bottom-gifs {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .goldstar-bottom-info:last-child,
  .goldstar-bottom-column-links:last-child,
  .goldstar-bottom-gifs:last-child {
    margin-bottom: 0;
  }

  .goldstar-bottom-p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .goldstar-bottom-text-container {
    text-align: center;
    width: 100%;
  }

  .goldstar-bottom-icons,
  .goldstar-left-footer-logos {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
  }

  .goldstar-bottom-h1 {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
  }

.goldstar-intro-contact_content
{
	padding-left: 16px;
	padding-right: 16px;
}

}