/* Scrollspy 1.0.0 */
#lvd-scrollspy-nav                                  {height: 50px; position: relative; z-index: 9990;}
#lvd-scrollspy-nav ul                               {display: flex; font-size: 16px; font-weight: 700;}
#lvd-scrollspy-nav ul li                            {flex-basis: 100%; text-align: center; padding: 10px; position: relative; transition: var(--lvd-transition); color: var(--lvd-color-black) }
#lvd-scrollspy-nav ul li:before                     {content: ""; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: var(--lvd-transition);}
#lvd-scrollspy-nav ul li.active:before              {width: 100%;}
#lvd-scrollspy-nav ul li:hover:before               {width: 100%;}
#lvd-scrollspy-nav ul li a                          {color: var(--lvd-color-black); width:100%; display:block;}

#lvd-scrollspy-nav .lvd-scrollspy-menu-inner                {background: var(--lvd-color-white); z-index: 6; border-bottom: 3px solid var(--lvd-color-gray-200);}
#lvd-scrollspy-nav .lvd-scrollspy-menu-inner ul li:before   {background: var(--lvd-color-primary);}
#lvd-scrollspy-nav .lvd-scrollspy-menu-innert ul li a       {color: var(--lvd-color-gray);}
#lvd-scrollspy-nav .lvd-scrollspy-menu-inner ul li.active a {color: var(--lvd-color-primary);}
#lvd-scrollspy-nav .lvd-scrollspy-menu-inner ul li:hover a  {color: var(--lvd-color-primary);}

#lvd-scrollspy-nav .lvd-scrollspy-menu-inner.fixed                      {position: fixed; left: 0;  width: 100%; border-top: 1px solid var(--lvd-color-gray-200);}
#lvd-scrollspy-nav .lvd-scrollspy-menu-inner.fixed ul li.active:before  {background: var(--lvd-color-primary);}

#lvd-scrollspy-nav .spy-mobile-activator            {display: none;}
#lvd-scrollspy-nav .spy-mobile-activator .text      {height: 42px; display: grid; place-items: center;}

@media (max-width: 767px) {
#lvd-scrollspy-nav .spy-mobile-activator                {display: flex; text-align: left; align-items: start; justify-content: space-between; width: 100%; padding:0 20px;}
#lvd-scrollspy-nav .spy-mobile-activator .icon          {width:42px; height:42px; display: grid; place-items: center;}
#lvd-scrollspy-nav .spy-mobile-activator .icon::after   {content: "\e94f"; font-family: 'icomoon'; font-size: 18px; color: var(--lvd-color-black);}
#lvd-scrollspy-nav .spy-mobile-activator .icon.active   {transform: rotate(-180deg);}

#lvd-scrollspy-nav .lvd-scrollspy-menu-inner            {height: 42px; display: flex; align-items: left; justify-content: space-between; flex-wrap: wrap;}
#lvd-scrollspy-nav .lvd-scrollspy-menu-inner.fixed      {border-bottom: 0 none; box-shadow: var(--lvd-shadow-100);}
#lvd-scrollspy-nav ul                                   {width: 100%;display: none; background: var(--lvd-color-white); transform: translateY(-2px); padding-top: 30px; padding-bottom: 30px; box-shadow:var(--lvd-shadow-200);}
#lvd-scrollspy-nav ul li:before                         {display: none;}
#lvd-scrollspy-nav ul li a                              {color: var(--lvd-color-gray);font-size: 15px;}
}