/* Demo 1.0.0 */
.lvd-demo                       {position:relative; padding:40px;}
.lvd-demo-nav                   {width:280px;}
.lvd-demo-menu                  {position: -webkit-sticky; /* Safari */ position: sticky; top: 90px; overflow-y: auto;}
.lvd-demo-menu li               {margin-bottom:16px; display:inline-block;}
.lvd-demo-menu a                {background-color:var(--lvd-color-primary-light); color:var(--lvd-color-primary-light-on); font-weight: 700; display:inline-block; padding:5px 16px; border-radius:20px;   }
.lvd-demo-menu a:hover          {background-color:var(--lvd-color-primary); color:var(--lvd-color-white);} 
.lvd-demo-body                  {width: calc(100% - 320px); min-height:2000px; } 
.lvd-demo-hero                  {padding:40px; margin-bottom:30px; border-radius:var(--lvd-rounded-md); background:var(--lvd-color-primary); color:var(--lvd-color-white);} 
.lvd-demo-hero a                {color:var(--lvd-color-white);}

.lvd-demo-component-card        {position:relative; border-radius:var(--lvd-rounded); }
.lvd-demo-component-card-details   {padding:20px;}
.lvd-demo-smart-badge           {background:var(--lvd-color-secondary); color:var(--lvd-color-white); position:absolute; top:10px; right:10px; border-radius:10px; font-size:var(--lvd-text-s2); padding:2px 8px;}
.lvd-demo-component-card .lvd-title {color:var(--lvd-color-black); font-size:var(--lvd-text-h4);}       

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
    .lvd-demo                       {padding:40px 16px;}
    .lvd-demo-nav                   {width:100%;}
    .lvd-demo-body                  {width:100%;} 
} 


/* Bt */
@media (min-width:768px) and (max-width:1023px)
{

}