/*
 Theme Name:   Dante Bland, LLC
 Theme URI:    https://dantebland.com
 Description:  Child Theme for Divi
 Author:       Dante Bland, LLC
 Author URI:   https://dantebland.com
 Template:     Divi
 Version:      1.0.0
*/

/***** Add any custom CSS below this line *****/

/* =========================================================
   1. DBLLC
   ========================================================= */

.db-llc {
  overflow: visible;
  font-family: 'Comfortaa', display;
}

.db-llc::before {
  content: "";
  position: relative;
  top: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://dantebland.com/wp-content/uploads/db-logo-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
}

/* =========================================================
   2. Other General Styling
   ========================================================= */

@media only screen and (min-width: 1200px) {
  .et_header_style_left #et-top-navigation,
  .et_header_style_split #et-top-navigation {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .et_header_style_left #et-top-navigation nav > ul > li > a,
  .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding: 10px !important;
  }

  .et_header_style_left #et-top-navigation nav > ul > li.menu-item-has-children > a,
  .et_header_style_split #et-top-navigation nav > ul > li.menu-item-has-children > a {
    padding-right: 10px !important;
    border-radius: 5px 5px 0 0;
  }

  #et-top-navigation .et-cart-info,
  #et_top_search,
  #et_search_icon {
    margin-top: 10px;
  }

  #main-header .nav li ul {
    background-color: #1b1b1b;
    color: #ffffff;
    border-radius: 10px;
  }

  .et_pb_menu li.mega-menu > ul > li:hover {
    opacity: 1;
  }
}

@media only screen and (max-width: 1200px) {
  #main-header .nav li ul,
  .et-search-form,
  #main-header .et_mobile_menu,
  #mobile_menu {
    background-color: #FAF7F2!important
  }

  .pa-open-mobile-menu .et_pb_menu__menu {
    display: flex !important;
  }

  .pa-open-mobile-menu .et_mobile_nav_menu {
    display: none !important;
  }

  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: left !important;
    text-align: left !important;
  }
}

@media (min-width: 981px) and (max-width: 1200px) {
    #top-menu-nav { 
		display: none !important; 
	}
    #et_mobile_nav_menu { 
		display: block !important; 
	}
	#main-header .et_mobile_menu {
        background-color: transparent !important;
    }
	#main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
		background-color: #faf7f2 !important;
	}
}
	
	

#et-secondary-nav .menu-item-has-children > a:first-child::after,
#top-menu .menu-item-has-children > a:first-child::after {
  right: -10px !important;
  top: 10px !important;
}

.pa-inline-buttons {
  text-align: center !important;
}

.pa-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}

.li-100 li {
  display: block !important;
  width: 100% !important;
  justify-content: left !important;
  text-align: left;
}

.li-100 .et_pb_menu .et_pb_menu__menu > nav {
  width: 100% !important;
}

.et_mobile_menu li a,
#top-menu li.mega-menu>ul>li>a:first-child {
  padding-top: 8px !important;
}

#top-menu li a:hover {
  color: #5E5943;
  background-color: #C9A14A !important;
}

#top-menu li.mega-menu > ul > li > a:first-child:hover,
.et_mobile_menu li a:hover,
.nav ul li a:hover {
  color: #e4d9a3;
  background-color: transparent;
}

.current_page_item,
#main-header .nav li ul .current_page_item a {
  color: #c8a722 !important;
}

.nav li ul,
.et_mobile_menu {
  border: none !important;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-wide .pp-form-submit-button-wrap input[type="submit"] {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pp-form-field-wrap.has-password-visibility-icon input {
  padding-left: 40px !important;
}

.price-suffix {
  font-size: 0.5em;
}

@media only screen and (min-width: 981px) {
    #logo {
		max-height: 50px !important;
	}
}

/* Fixed / sticky desktop logo swap */
#main-header.et-fixed-header #logo {
  content: url("/wp-content/uploads/lightning-vip-logo-white.webp");
}

/* Fixed / sticky mobile logo swap */
@media only screen and (max-width: 980px) {
  #main-header.et-fixed-header #logo {
    content: url("/wp-content/uploads/lightning-vip-logo-name-white.webp");
  }
}

#logo { 
	max-height: 40px !important;
}

/* =========================================================
   3. Gold Styles
   ========================================================= */

.bg-gold {
  background-color: #dcc773;
  background: rgb(200, 167, 34);
  background: linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%);
}

.et_mobile_menu li.color-gold,
.et_mobile_menu li li.color-gold,
.h-color-gold,
.h1-color-gold,
.h2-color-gold,
.h3-color-gold,
.h4-color-gold,
.h5-color-gold,
.h6-color-gold {
  display: block !important;
}

.et_mobile_menu li.color-gold a,
.et_mobile_menu li li.color-gold a,
.mobile_menu_bar::before,
.h-color-gold h1,
.h-color-gold h2,
.h-color-gold h3,
.h-color-gold h4,
.h-color-gold h5,
.h-color-gold h6,
.h1-color-gold h1,
.h2-color-gold h2,
.h3-color-gold h3,
.h4-color-gold h4,
.h5-color-gold h5,
.h6-color-gold h6,
.color-gold,
.color-gold a,
a.color-gold,
a.a-color-gold,
.a-color-gold a,
.color-gold-active:active,
.color-gold-active a:active,
.color-gold-active.current_page_item a,
a.color-gold-active:active,
#et_search_icon::before,
#et-top-navigation .et-cart-info span::before,
#main-header .nav li.btn-gold ul a,
#main-header .nav li.btn-border-gold ul a {
  position: relative;
  color: transparent;
  background: -webkit-linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mobile_menu_bar::before,
#et-top-navigation .et-cart-info span::before {
  color: transparent !important;
}

/* Hamburger icon color: DARK on transparent/light (non-fixed) header,
   GOLD on the dark (fixed/sticky) header. */

/* Non-fixed (transparent/light header): solid dark icon. */
#main-header:not(.et-fixed-header) .mobile_menu_bar::before,
.et_header_style_left:not(.et-fixed-header) .mobile_menu_bar::before {
  color: #0A0A0A !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* Fixed (dark header): gold icon via the gold gradient. */
#main-header.et-fixed-header .mobile_menu_bar::before {
  color: transparent !important;
  background: -webkit-linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.color-gold-solid-warm {
  color: #c9a14a;
}

.color-gold-solid-light {
  color: #e1d576;
}

.color-gold-solid-dark {
  color: #8a6d2b;
}

.et_mobile_menu .menu-item-has-children.color-gold {
  display: block;
}

.et_mobile_menu li.color-gold a {
  padding-left: 0;
}

.et_mobile_menu .menu-item-has-children > a {
  font-weight: inherit;
  background-color: transparent !important;
}

#top-menu .btn-gold a,
#top-menu .btn-gold a:hover,
footer .btn-gold a,
footer .btn-gold a:hover,
.et-fixed-header #top-menu li.btn-gold.current-menu-item > a,
.et-fixed-header #top-menu li.btn-gold.current_page_item > a,
.et_header_style_left #et-top-navigation nav > ul > li.btn-gold.menu-item-has-children.btn-gold > a {
  background-color: #f0b519;
  background: rgb(235, 199, 138);
  background: linear-gradient(90deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%);
  border-radius: 50px;
  color: #000000 !important;
  padding: 10px !important;
  text-align: center;
}

@media only screen and (min-width: 981px) {
  .et-fixed-header #top-menu .btn-gold a {
    color: #111111 !important;
  }
}

#top-menu .btn-border-gold a,
#top-menu .btn-border-gold a:hover,
footer .btn-border-gold a,
footer .btn-border-gold a:hover {
  padding: 10px;
  border-radius: 3px;
}

#top-menu-nav>ul>li>a:hover {
	opacity: 1 !important;
}

a.btn-border-gold,
a.btn-border-gold:hover {
  border: none !important;
}

a.btn-border-gold,
a.btn-border-gold:hover,
#top-menu .btn-border-gold a,
#top-menu .btn-border-gold a:hover,
footer .btn-border-gold a,
footer .btn-border-gold a:hover {
  position: relative !important;
  display: inline-block !important;
  text-align: center;
  color: transparent !important;
  background: -webkit-linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.btn-gold.et_pb_button {
  color: #000000 !important;
  background-image: linear-gradient(90deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%) !important;
  -webkit-text-fill-color: #000000 !important;
  background-color: #c8a722;
}

/* Header/navigation gold button typography — matches .lvip-nav-item > a typography only. */
.et_pb_menu .et-menu li > a,
#top-menu li > a,
#et-secondary-nav li > a,
.et_mobile_menu li > a,
.et_pb_menu .et-menu li.btn-gold > a,
.et_pb_menu .et-menu li.btn-gold.menu-item-has-children > a:first-child,
#top-menu li.btn-gold > a,
#top-menu li.btn-gold.menu-item-has-children > a:first-child,
#et-secondary-nav li.btn-gold > a,
#et-secondary-nav li.btn-gold.menu-item-has-children > a:first-child,
.et_mobile_menu li.btn-gold > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

#top-menu .btn-border-gold.menu-item-has-children > a:first-child {
  padding: 10px 10px 10px 20px !important;
}

.et_header_style_left #et-top-navigation nav > ul > li.menu-item-has-children.btn-border-gold > a,
.et_header_style_split #et-top-navigation nav > ul > li.menu-item-has-children.btn-border-gold > a,
.et_header_style_left #et-top-navigation nav > ul > li.menu-item-has-children.btn-gold > a,
.et_header_style_split #et-top-navigation nav > ul > li.menu-item-has-children.btn-gold > a {
  border-radius: 0 !important;
}

@media only screen and (min-width: 981px) {
  #top-menu .btn-border-gold.menu-item-has-children > a:first-child,
  #et-secondary-nav .btn-border-gold.menu-item-has-children > a:first-child,
  #top-menu .btn-gold.menu-item-has-children > a:first-child,
  #et-secondary-nav .btn-gold.menu-item-has-children > a:first-child,
  #top-menu .lvip-nav-item.menu-item-has-children > a:first-child,
  #et-secondary-nav .lvip-nav-item.menu-item-has-children > a:first-child {
    padding-right: 20px !important;
  }
}

#top-menu .btn-border-gold.menu-item-has-children > a:first-child::after,
#et-secondary-nav .btn-border-gold.menu-item-has-children > a:first-child::after,
#top-menu .btn-gold.menu-item-has-children > a:first-child::after,
#et-secondary-nav .btn-gold.menu-item-has-children > a:first-child::after,
#top-menu .lvip-nav-item.menu-item-has-children > a:first-child::after,
#et-secondary-nav .lvip-nav-item.menu-item-has-children > a:first-child::after {
  right: 5px !important;
  top: 8px !important;
}

#main-header .nav li.btn-gold ul a,
#main-header .nav li.btn-border-gold ul a,
#main-header .nav li.btn-lvip ul a,
#main-header .nav li.btn-border-lvip ul a,
#main-header .nav li.lvip-nav-item ul a {
  text-align: left !important;
}

a.btn-border-gold::before,
#top-menu .btn-border-gold a::after,
footer .btn-border-gold a::after {
  content: '';
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 0 !important;
  padding: 1px;
  background: linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

@media only screen and (max-width: 1200px) {
  .et_mobile_menu li.btn-gold a,
  .et_mobile_menu li.btn-gold a:hover,
  .et_mobile_menu li.btn-border-gold a,
  .et_mobile_menu li.btn-border-gold a:hover,
  #top-menu .btn-gold a,
  #top-menu .btn-gold a:hover,
  footer .btn-gold a,
  footer .btn-gold a:hover,
  #top-menu .btn-border-gold a,
  #top-menu .btn-border-gold a:hover,
  footer .btn-border-gold a,
  footer .btn-border-gold a:hover {
    position: relative;
    display: inline-block;
    padding: 10px 0 !important;
    color: transparent;
    background: -webkit-linear-gradient(0deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}


/* Mobile navigation gold button — remains a full-width button while keeping the same typography as .lvip-nav-item > a. */
@media only screen and (max-width: 1200px) {
  .et_mobile_menu li.btn-gold > a,
  .et_mobile_menu li.btn-gold > a:hover {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 18px !important;
    text-align: center !important;
    color: #0A0A0A !important;
    -webkit-text-fill-color: #0A0A0A !important;
    background-color: #C9A14A !important;
    background: linear-gradient(90deg, #dcc773 0%, #e4d9a3 50%, #c8a722 100%) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    border-radius: 50px !important;
  }

  .et_mobile_menu li.btn-gold > a:hover {
    background-color: #E0B863 !important;
    background: linear-gradient(90deg, #e4d9a3 0%, #f0e5ad 50%, #d6b545 100%) !important;
    border-color: #E0B863 !important;
  }
}

/* =========================================================
   4. LVIP Styles
   ========================================================= */

.lvip-ornament {
  width: 60px;
  height: 1px;
  background: #C9A14A;
  margin: 0 auto 24px;
  position: relative;
}

.lvip-ornament::before {
  content: '◆' !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  padding: 0 10px;
  color: #C9A14A;
  font-size: 10px;
}

.section-ornament {
  width: 40px;
  height: 1px;
  background: #C9A14A;
  margin: 20px auto 28px;
}

.ornament {
  width: 60px;
  height: 1px;
  background: #C9A14A;
  margin: 0 auto 24px;
  position: relative;
}

/* Lightning VIP reusable Divi stylesheet — direct colors only; no layout grid helpers */
.lvip-section,
.lvip-section p,
.lvip-section li,
.lvip-section a,
.lvip-section .et_pb_text_inner {
  font-family: 'Inter', sans-serif;
}

.lvip-section h1,
.lvip-section h2,
.lvip-section h3,
.lvip-section h4,
.lvip-section h5,
.lvip-section h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.12;
}

.lvip-section h1 {
  font-size: clamp(44px, 6vw, 72px);
}

.lvip-section h2 {
  font-size: clamp(34px, 4.5vw, 52px);
}

.lvip-section h3 {
  font-size: clamp(24px, 2.6vw, 34px);
}

.lvip-section h4 {
  font-size: 20px;
}

.lvip-hero-text em,
.lvip-section-heading em {
  color: #C9A14A;
  font-style: italic;
}

.lvip-eyebrow,
.lvip-card-meta,
.lvip-stat-label {
  color: #C9A14A;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.lvip-hero-text p,
.lvip-section-heading p {
  font-size: 17px;
  line-height: 1.75;
}

.lvip-kicker,
.lvip-subline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  color: #C9A14A;
  font-size: 18px;
}

.lvip-card-text p,
.lvip-card-text li,
.lvip-note-text p,
.lvip-footnote-text p,
.lvip-data-text p {
  font-size: 15px;
  line-height: 1.65;
}

.lvip-card-text ul,
.lvip-toggle ul {
  margin: 18px 0 18px 0;
  padding-left: 19px;
}

.lvip-card-text li,
.lvip-toggle li {
  margin-bottom: 8px;
}

.lvip-card-text a,
.lvip-footer-text a {
  color: #C9A14A;
  text-decoration: none;
}

.lvip-card-text a:hover,
.lvip-footer-text a:hover {
  color: #E0B863;
}

.lvip-price {
  color: #C9A14A;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1;
  margin: 16px 0 8px;
}

.lvip-price span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: inherit;
}

.lvip-price-stack p {
  border-top: 1px solid #F0E9DA;
  margin: 0;
  padding: 12px 0;
}

.lvip-dark-card .lvip-price-stack p {
  border-top-color: #8A6D2B;
}

.lvip-data-label,
.lvip-data-price {
  font-weight: 700;
}

.lvip-data-price {
  color: #C9A14A;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px !important;
}

.lvip-diamond {
  color: #C9A14A;
  font-size: 16px !important;
  margin-bottom: 8px;
}

.lvip-feature-text h4 {
  margin-bottom: 0;
}

.lvip-footnote,
.lvip-footnote-text,
.lvip-shipping {
  font-size: 13px !important;
  line-height: 1.55;
  opacity: 0.88;
}

.lvip-ornament .et_pb_divider_internal,
.lvip-section-divider .et_pb_divider_internal {
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.btn-lvip.et_pb_button,
.et_pb_button.btn-lvip,
.btn-lvip .et_pb_button {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
}

.btn-lvip.et_pb_button:hover,
.et_pb_button.btn-lvip:hover,
.btn-lvip .et_pb_button:hover {
  color: #0A0A0A !important;
  background-color: #C9A14A !important;
  border-color: #C9A14A !important;
}

.btn-lvip-fill.et_pb_button:hover,
.et_pb_button.btn-lvip-fill:hover,
.btn-lvip-fill .et_pb_button:hover {
  background-color: #E0B863 !important;
  border-color: #E0B863 !important;
}

.lvip-toggle .et_pb_toggle_title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 24px !important;
  color: #FAF7F2 !important;
}

.lvip-toggle.et_pb_toggle {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.lvip-toggle .et_pb_toggle_content {
  color: #FAF7F2;
  padding-top: 10px;
}

/* LVIP nav item: based on the reference nav-link / nav-link--accent behavior, translated to Divi menu selectors.
   Non-fixed header uses the light-header treatment; fixed header uses the dark/sticky-reference treatment. */
.et_pb_menu .et-menu li.lvip-nav-item,
#top-menu li.lvip-nav-item,
#et-secondary-nav li.lvip-nav-item,
.et_mobile_menu li.lvip-nav-item {
  border: none !important;
}

.et_pb_menu .et-menu li.lvip-nav-item > a:first-child,
#top-menu li.lvip-nav-item > a:first-child,
#et-secondary-nav li.lvip-nav-item > a:first-child {
  color: #0A0A0A !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 8px 14px !important;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
}

.et_pb_menu .et-menu li.lvip-nav-item > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item:hover > a:first-child,
#top-menu li.lvip-nav-item > a:first-child:hover,
#top-menu li.lvip-nav-item:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item:hover > a:first-child {
  color: #C9A14A !important;
  background: rgba(201, 161, 74, 0.08) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #C9A14A !important;
}

/* Desktop/non-mobile active state: current top-level LVIP item keeps the accent border. */
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-item > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current_page_item > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-parent > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-ancestor > a:first-child,
#top-menu li.lvip-nav-item.current-menu-item > a:first-child,
#top-menu li.lvip-nav-item.current_page_item > a:first-child,
#top-menu li.lvip-nav-item.current-menu-parent > a:first-child,
#top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-item > a:first-child,
#et-secondary-nav li.lvip-nav-item.current_page_item > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-parent > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-ancestor > a:first-child {
  color: #C9A14A !important;
  background: transparent !important;
  border: 1px solid rgba(201, 161, 74, 0.4) !important;
  -webkit-text-fill-color: #C9A14A !important;
}

.et_pb_menu .et-menu li.lvip-nav-item.current-menu-item > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.current_page_item > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-parent > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-item:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current_page_item:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-parent:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.current-menu-ancestor:hover > a:first-child,
#top-menu li.lvip-nav-item.current-menu-item > a:first-child:hover,
#top-menu li.lvip-nav-item.current_page_item > a:first-child:hover,
#top-menu li.lvip-nav-item.current-menu-parent > a:first-child:hover,
#top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
#top-menu li.lvip-nav-item.current-menu-item:hover > a:first-child,
#top-menu li.lvip-nav-item.current_page_item:hover > a:first-child,
#top-menu li.lvip-nav-item.current-menu-parent:hover > a:first-child,
#top-menu li.lvip-nav-item.current-menu-ancestor:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-item > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.current_page_item > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.current-menu-parent > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.current-menu-item:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.current_page_item:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-parent:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.current-menu-ancestor:hover > a:first-child {
  color: #0A0A0A !important;
  background: #C9A14A !important;
  border-color: #C9A14A !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #0A0A0A !important;
}


/* LVIP dark nav item: gives .lvip-nav-item the same visual treatment it uses in the fixed/sticky header, without requiring the header to be fixed. */
.et_pb_menu .et-menu li.lvip-nav-item.dark > a:first-child,
#top-menu li.lvip-nav-item.dark > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark > a:first-child {
  color: rgba(250, 247, 242, 0.7) !important;
  background: transparent !important;
  border-color: transparent !important;
  -webkit-text-fill-color: rgba(250, 247, 242, 0.7) !important;
}

.et_pb_menu .et-menu li.lvip-nav-item.dark > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.dark:hover > a:first-child,
#top-menu li.lvip-nav-item.dark > a:first-child:hover,
#top-menu li.lvip-nav-item.dark:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.dark:hover > a:first-child {
  color: #C9A14A !important;
  background: rgba(201, 161, 74, 0.08) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #C9A14A !important;
}

.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-item > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current_page_item > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-parent > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-ancestor > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-item > a:first-child,
#top-menu li.lvip-nav-item.dark.current_page_item > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-parent > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-ancestor > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-item > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current_page_item > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-parent > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-ancestor > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.lvip-active-id > a:first-child,
#top-menu li.lvip-nav-item.dark.lvip-active-id > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.lvip-active-id > a:first-child {
  color: #C9A14A !important;
  background: transparent !important;
  border: 1px solid rgba(201, 161, 74, 0.4) !important;
  -webkit-text-fill-color: #C9A14A !important;
}

.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-item > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current_page_item > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-parent > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-ancestor > a:first-child:hover,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-item:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current_page_item:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-parent:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.dark.current-menu-ancestor:hover > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-item > a:first-child:hover,
#top-menu li.lvip-nav-item.dark.current_page_item > a:first-child:hover,
#top-menu li.lvip-nav-item.dark.current-menu-parent > a:first-child:hover,
#top-menu li.lvip-nav-item.dark.current-menu-ancestor > a:first-child:hover,
#top-menu li.lvip-nav-item.dark.current-menu-item:hover > a:first-child,
#top-menu li.lvip-nav-item.dark.current_page_item:hover > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-parent:hover > a:first-child,
#top-menu li.lvip-nav-item.dark.current-menu-ancestor:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-item > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.dark.current_page_item > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-parent > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-ancestor > a:first-child:hover,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-item:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current_page_item:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-parent:hover > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.current-menu-ancestor:hover > a:first-child,
.et_pb_menu .et-menu li.lvip-nav-item.lvip-active-id > a:first-child,
#top-menu li.lvip-nav-item.lvip-active-id > a:first-child,
#et-secondary-nav li.lvip-nav-item.lvip-active-id > a:first-child {
  color: #0A0A0A !important;
  background: #C9A14A !important;
  border-color: #C9A14A !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* Scroll-spy active state for DARK nav items (desktop + mobile menu).
   The .dark variant forces border-color:transparent !important and transitions it,
   so we draw the gold ring with an inset box-shadow and paint text via
   -webkit-text-fill-color. Matches the intended gold active look. */
.et_pb_menu .et-menu li.lvip-nav-item.dark.lvip-active-id > a:first-child,
.et_pb_menu .et_mobile_menu li.lvip-nav-item.dark.lvip-active-id > a,
#top-menu li.lvip-nav-item.dark.lvip-active-id > a:first-child,
#et-secondary-nav li.lvip-nav-item.dark.lvip-active-id > a:first-child {
  color: #C9A14A !important;
  -webkit-text-fill-color: #C9A14A !important;
  background-color: rgba(201, 161, 74, 0.08) !important;
}

/* Dropdown children: keep normal dropdown structure, but restore child-link hover backgrounds. */
.et_pb_menu .et-menu li.lvip-nav-item ul li > a,
#main-header .nav li.lvip-nav-item ul li > a,
#top-menu li.lvip-nav-item ul li > a,
#et-secondary-nav li.lvip-nav-item ul li > a {
  border: none !important;
}

.et_pb_menu .et-menu li.lvip-nav-item ul li > a:hover,
#main-header .nav li.lvip-nav-item ul li > a:hover,
#top-menu li.lvip-nav-item ul li > a:hover,
#et-secondary-nav li.lvip-nav-item ul li > a:hover {
  color: #C9A14A !important;
  background: rgba(201, 161, 74, 0.08) !important;
  border: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #C9A14A !important;
}

/* Divi fixed header override: the fixed/sticky header uses the dark background with light
   nav-link text at ALL screen sizes, including the collapsed hamburger range. */

#main-header.et-fixed-header {
	background: #1a1a1a !important;
}

.et-fixed-header #top-menu li.lvip-nav-item > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item > a:first-child {
	color: rgba(250, 247, 242, 0.7) !important;
	background: transparent !important;
	border-color: transparent !important;
}

/* When the header is fixed, the collapsed hamburger panel also uses the dark surface so the
   light nav text remains readable at <=1200px. */
#main-header.et-fixed-header .et_mobile_menu,
#main-header.et-fixed-header #mobile_menu,
#main-header.et-fixed-header .nav li ul {
	background-color: #1a1a1a !important;
}

#main-header.et-fixed-header .et_mobile_menu li.lvip-nav-item > a:first-child {
	color: rgba(250, 247, 242, 0.7) !important;
	-webkit-text-fill-color: rgba(250, 247, 242, 0.7) !important;
}

.et-fixed-header #top-menu li.lvip-nav-item > a:first-child:hover,
.et-fixed-header #top-menu li.lvip-nav-item:hover > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item > a:first-child:hover,
#main-header.et-fixed-header #top-menu li.lvip-nav-item:hover > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item > a:first-child:hover,
#main-header.et-fixed-header li.lvip-nav-item:hover > a:first-child {
  color: #C9A14A !important;
  background: rgba(201, 161, 74, 0.08) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #C9A14A !important;
}

.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current_page_item > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current_page_item > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-item > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current_page_item > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-parent > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-ancestor > a:first-child {
  color: #C9A14A !important;
  background: transparent !important;
  border: 1px solid rgba(201, 161, 74, 0.4) !important;
  -webkit-text-fill-color: #C9A14A !important;
}

.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item > a:first-child:hover,
.et-fixed-header #top-menu li.lvip-nav-item.current_page_item > a:first-child:hover,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent > a:first-child:hover,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item:hover > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current_page_item:hover > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent:hover > a:first-child,
.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor:hover > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item > a:first-child:hover,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current_page_item > a:first-child:hover,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent > a:first-child:hover,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-item:hover > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current_page_item:hover > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-parent:hover > a:first-child,
#main-header.et-fixed-header #top-menu li.lvip-nav-item.current-menu-ancestor:hover > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-item > a:first-child:hover,
#main-header.et-fixed-header li.lvip-nav-item.current_page_item > a:first-child:hover,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-parent > a:first-child:hover,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-item:hover > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current_page_item:hover > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-parent:hover > a:first-child,
#main-header.et-fixed-header li.lvip-nav-item.current-menu-ancestor:hover > a:first-child {
  color: #0A0A0A !important;
  background: #C9A14A !important;
  border-color: #C9A14A !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

@media only screen and (max-width: 1200px) {
  .et_mobile_menu li.lvip-nav-item {
    border: none !important;
  }
	
  .et_mobile_menu li.lvip-nav-item.dark > a:first-child {
    color: rgba(250,247,242,0.72)!important;
  }

  .et_mobile_menu li.lvip-nav-item > a:first-child {
    color: #0A0A0A !important;
    background: transparent !important;
    border-radius: 2px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    padding: 8px 14px !important;
  }

  .et_mobile_menu li.lvip-nav-item > a:first-child:hover,
  .et_mobile_menu li.lvip-nav-item:hover > a:first-child {
    color: #C9A14A !important;
    background: rgba(201, 161, 74, 0.08) !important;
    border-color: transparent !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #C9A14A !important;
  }

  /* Mobile top-level active: border only when the LVIP item itself is current, not when it is only an ancestor. */
  .et_mobile_menu li.lvip-nav-item.current-menu-item > a:first-child,
  .et_mobile_menu li.lvip-nav-item.current_page_item > a:first-child {
    color: #C9A14A !important;
    background: transparent !important;
    border: 1px solid rgba(201, 161, 74, 0.4) !important;
    -webkit-text-fill-color: #C9A14A !important;
  }

  .et_mobile_menu li.lvip-nav-item.current-menu-item > a:first-child:hover,
  .et_mobile_menu li.lvip-nav-item.current_page_item > a:first-child:hover,
  .et_mobile_menu li.lvip-nav-item.current-menu-item:hover > a:first-child,
  .et_mobile_menu li.lvip-nav-item.current_page_item:hover > a:first-child {
    color: #0A0A0A !important;
    background: #C9A14A !important;
    border-color: #C9A14A !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #0A0A0A !important;
  }

  /* Mobile ancestor state: child-active branch can highlight text, but the ancestor itself stays background-free and borderless. */
  .et_mobile_menu li.lvip-nav-item.current-menu-parent > a:first-child,
  .et_mobile_menu li.lvip-nav-item.current-menu-ancestor > a:first-child,
  .et_mobile_menu li.lvip-nav-item.current-menu-parent > a:first-child:hover,
  .et_mobile_menu li.lvip-nav-item.current-menu-ancestor > a:first-child:hover,
  .et_mobile_menu li.lvip-nav-item.current-menu-parent:hover > a:first-child,
  .et_mobile_menu li.lvip-nav-item.current-menu-ancestor:hover > a:first-child {
    color: #C9A14A !important;
    background: transparent !important;
    border-color: transparent !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #C9A14A !important;
  }
	
	.et_mobile_menu li.lvip-nav-item.current-menu-ancestor {
		background: transparent;
	}

  /* Mobile dropdown children: the actual active child link can carry the border; the ancestor cannot. */
  .et_mobile_menu li.lvip-nav-item ul li > a {
    border: none !important;
  }

  .et_mobile_menu li.lvip-nav-item ul li > a:hover {
    color: #C9A14A !important;
    background: rgba(201, 161, 74, 0.08) !important;
    border: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #C9A14A !important;
  }

  .et_mobile_menu li.lvip-nav-item ul li.current-menu-item > a,
  .et_mobile_menu li.lvip-nav-item ul li.current_page_item > a {
    color: #C9A14A !important;
    background: transparent !important;
    border: 1px solid rgba(201, 161, 74, 0.4) !important;
    -webkit-text-fill-color: #C9A14A !important;
  }

  .et_mobile_menu li.lvip-nav-item ul li.current-menu-item > a:hover,
  .et_mobile_menu li.lvip-nav-item ul li.current_page_item > a:hover {
    color: #0A0A0A !important;
    background: #C9A14A !important;
    border-color: #C9A14A !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #0A0A0A !important;
  }

  .lvip-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lvip-section h1 {
    font-size: 44px;
  }

  .lvip-section h2 {
    font-size: 34px;
  }

  .lvip-section h3 {
    font-size: 26px;
  }

  .lvip-data-text,
  .lvip-data-text p {
    text-align: left !important;
  }
}

/* Half specialty layout support for Maintenance Membership.
   Divi handles the actual 1/2 + 1/2 columns natively; this only refines spacing. */
.lvip-specialty-half .lvip-specialty-sidebar-col,
.lvip-specialty-half .lvip-specialty-content-col {
  align-self: stretch;
}

@media only screen and (max-width: 980px) {
  .lvip-specialty-half .lvip-specialty-sidebar-col,
  .lvip-specialty-half .lvip-specialty-content-col {
    margin-bottom: 24px !important;
  }
}

/* Provider section — mirrors the live Services Menu reference: dark section, image left, copy right, credential cards below copy. */
.lvip-section-provider .lvip-row {
  align-items: center;
}

.lvip-provider-copy h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  margin-bottom: 10px;
  color: #FAF7F2;
}

.lvip-provider-copy h2 em {
  color: #C9A14A;
  font-style: italic;
}

.lvip-provider-copy p {
  color: rgba(250, 247, 242, 0.75);
  line-height: 1.7;
  font-size: 14px;
  margin-bottom: 12px;
}

.lvip-provider-copy strong {
  color: #FAF7F2;
  font-weight: 600;
}

.lvip-provider-copy em {
  color: #C9A14A;
  font-style: italic;
}

.lvip-subtitle {
  color: #C9A14A !important;
  font-size: 13px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  margin-bottom: 18px !important;
}

.lvip-provider-image img {
  max-height: 520px;
  width: auto;
  object-fit: cover;
}

.lvip-provider-image-column {
  display: flex;
  align-items: flex-end;
}

.lvip-provider-content-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lvip-stats-row {
  margin-top: 18px !important;
}

.lvip-stat-card .lvip-stat-label {
  color: #C9A14A !important;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 10px !important;
  margin-bottom: 6px !important;
  font-family: 'Inter', sans-serif !important;
}

.lvip-stat-card h4 {
  font-size: 18px;
  color: #FAF7F2;
  line-height: 1.15;
  margin-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .lvip-provider-image-column,
  .lvip-provider-content-column {
    display: block;
  }

  .lvip-provider-image img {
    max-height: 420px;
    margin-bottom: 28px;
  }

  .lvip-section-provider .lvip-row {
    text-align: center;
  }
}