/* Header compact sticky 1.0.1*/
.lvd-header-spacer                                  {position:relative; height:64px;}

.lvd-header                                         {position:fixed; top:0; width:100%; padding:0 16px 0 16px; background: var(--lvd-color-white); height:64px; z-index:9991; }
    .lvd-header-in                                      {background: var(--lvd-color-primary); position:relative; padding:0 16px; height:64px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;  box-shadow: 0 8px 24px rgb(43 56 87 / 8%); border-radius: 8px;}
        .lvd-logo                                           {width:170px; margin-right:40px; display:block; align-self: center;}
            .lvd-logo img                                         {width:170px;}
        .lvd-nav                                            {max-width:calc(100% - 480px); margin-right:20px; width:100%; visibility: visible; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
        .lvd-header-cta                                     {width:240px; position:relative; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: end;}
            .lvd-header-cta-button                              {align-self:center;}
            .lvd-header-search-button                           {font-size:20px; align-self:center; color:var(--lvd-color-black); }
    .lvd-menu-button                                    {display: none;}

.lvd-search-popup                                   {position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;  width:100%; z-index:999999; background: #fff; }
.lvd-search                                         {display:flex; align-self:center; flex-direction: row; flex-wrap: wrap; height:40px; width:80%; margin:0 auto;}
.lvd-search .lvd-search-input                       {align-self:center; border:0;  border-radius:20px 0 0 20px; height:40px; line-height:40px; text-indent:20px; background:var(--lvd-color-gray-200); font-size:16px; width:calc(100% - 120px); padding:0; margin:0; color:var(--lvd-regular-text-color);}
.lvd-search-input placeholder                       {color:var(--lvd-color-text);}
.lvd-search-button                                  {align-self:center; border:0; height:40px;  line-height: 40px; font-weight:700; font-size:16px; border-radius:0 20px 20px 0;  padding:0; margin:0 0 0 0; width:120px; color:var(--lvd-color-white); background:var(--lvd-color-primary); }
.lvd-search-close                                   {display:block; color:var(--lvd-color-black); font-size:28px; font-weight:400; align-self:center;}
.lvd-search-close span                              {vertical-align:middle;}

/*---- Menu ----*/
/* 
Settings
Submenu list: add class -> lvd-menu-list
Submenu columns: default state
Submenu number of columns: default 4, lvd-menu-cols3, lvd-menu-cols2
Mobile submenu activator: add class -> lvd-submenu-activator
Mobile onclick drop category: add class -> lvd-menu-nolink
*/

.lvd-menu                                               {width:100%; max-width:calc(100% - 200px); align-self:center; font-family: var(--lvd-secondary-font);}

    /* level 1 */
    .lvd-menu ul                                        {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: start; list-style: none;}
    .lvd-menu ul li                                     {margin-right:30px; line-height:40px; font-size: 16px; font-weight:500;}
    .lvd-menu ul li a                                   {display:inline-block; color:var(--lvd-color-white);}
    .lvd-menu ul li a:hover                             {color:var(--lvd-color-white); opacity:0.7;}
    .lvd-menu ul li.menu-item-has-children:after        {content: "\e94f";font-family: 'icomoon';font-size: 10px; color:var(--lvd-color-white); margin-left: 2px;}
    .lvd-menu ul li.menu-item-has-children:hover:after  {display:inline-block; transform: rotate(-180deg);}

            /* level 2 - default is column view*/
            .lvd-menu ul ul                                          {display:grid; visibility: hidden; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; position: absolute; top:10px; left:0; z-index: 9999;  width:100%; max-width:100%; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:30px; padding:40px; background-color: var(--lvd-color-white);  box-shadow: var(--lvd-shadow-200); list-style: none;}
            .lvd-menu .lvd-menu-cols3 ul                             {grid-template-columns: repeat(3, minmax(0, 1fr));} /*grid 3 cols*/
            .lvd-menu .lvd-menu-cols2 ul                             {grid-template-columns: repeat(2, minmax(0, 1fr));} /*grid 2 cols*/
            .lvd-menu .lvd-menu-cols3 ul ul, .lvd-menu .lvd-menu-cols2 ul ul  {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0;}
            .lvd-menu ul li:hover > ul                               {visibility: visible;}
            .lvd-menu ul ul li                                       {height: auto; line-height:1.2; font-size:20px; font-weight:700; margin-right:0;}
            .lvd-menu ul ul li a                                     {color:var(--lvd-color-black);}
            .lvd-menu ul ul li a:before                              {content:none !important;} 
            .lvd-menu ul ul li a:hover                               {color:var(--lvd-color-gray-400); }
            .lvd-menu ul li.hover, .lvd-menu ul li:hover             {z-index: 9999; cursor: default;}    
            .lvd-menu ul *.dir                                       {} /*current page*/
            /*list view*/
            .lvd-menu ul .lvd-menu-list                              {position:relative;}
            .lvd-menu ul .lvd-menu-list ul                           {display:block; visibility: hidden; position: absolute; top:0; left:0;  z-index: 9999;  width: 300px; max-width: 300px; padding:20px; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:38px; background-color: var(--lvd-color-white);  box-shadow: var(--lvd-shadow-200); list-style: none;}
            .lvd-menu ul .lvd-menu-list ul li                        {height: auto; line-height:1.2; font-size:unset; font-weight:unset; margin-right:0;}
            .lvd-menu ul .lvd-menu-list ul li a                      {padding:8px 0; width:100%;}

                    /* level 3*/
                    .lvd-menu ul ul ul                                  {visibility: hidden; position:relative; grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0; left:auto; top:auto;  padding: 0; margin-top:8px; width: 100%; box-shadow:none; border:0;}
                    .lvd-menu ul li:hover > ul ul                       {visibility: visible;}
                    .lvd-menu ul ul ul:before                           {border:0;}
                    .lvd-menu ul ul ul li                               {width:100%; height:auto; line-height:1.2; font-size:14px; font-weight:300; margin-right:0; margin-bottom:8px;}
                    .lvd-menu ul ul ul li a                             {color:var(--lvd-color-gray-400);}
                    .lvd-menu ul ul ul li:hover  a                      {color:var(--lvd-color-black);}
                    .lvd-menu ul ul *.menu-item-has-children::after        {all: unset;}


/*---- Menu Secondary ----*/
.lvd-secondary-menu                                               {align-self:center;}

    /* level 1 */
    .lvd-secondary-menu ul                                        {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: start; list-style: none; position:relative;}
    .lvd-secondary-menu ul li                                     {margin-left:30px; line-height:40px; font-size: 16px; font-weight:700;}
    .lvd-secondary-menu ul li a                                   {display:inline-block; color:var(--lvd-color-black);}
    .lvd-secondary-menu ul li a:hover                             {color:var(--lvd-color-gray-400);}
    .lvd-secondary-menu ul *.menu-item-has-children:after         {content: "\e94f";font-family: 'icomoon';font-size: 10px; color:var(--lvd-color-black); margin-left: 2px;}
    .lvd-secondary-menu ul li.menu-item-has-children:hover:after  {display:inline-block; transform: rotate(-180deg);}

            /* level 2 */
            .lvd-secondary-menu ul  ul                              {display:block; visibility: hidden; position: absolute; top:0; right:0;  z-index: 9999;  width: 300px; padding:20px; border:1px solid var(--lvd-gray-300); border-radius:16px; margin-top:38px; background-color: var(--lvd-color-white);  box-shadow: var(--lvd-shadow-200); list-style: none;} 
            .lvd-secondary-menu ul ul li                            {height: auto; line-height:1.2; font-size:unset; font-weight:unset; margin-left:0; font-weight:400; text-align:right;}
            .lvd-secondary-menu ul li:hover > ul                    {visibility: visible;}
            .lvd-secondary-menu ul  ul li a                         {padding:8px 0; width:100%;}



/* MOBILE (bm) */
@media (min-width:1px) and (max-width:767px)
{
/* Header */
.lvd-header                                         {padding:0;}
    .lvd-header-in                                      {position:unset; margin:0; border-radius:0; padding-left:60px;}
    .lvd-logo                                           {width:150px; z-index:99999; margin-right:0;}
    .lvd-header-cta                                     {width:120px;}
    .lvd-header-cta .lvd-header-cta-button              {height:38px; line-height:36px; padding:0 12px; font-size:var(--lvd-text-s2);}

.lvd-search-popup                                   {padding:0 10px; width:100%; max-width:100%;}
.lvd-search                                         {width:calc(100% - 60px);}
.lvd-search .lvd-search-input                       {width:calc(100% - 100px);}
.lvd-search-button                                  {width:100px;}

/* Hamburger menu button */
.lvd-menu-button                                    {display: block; width: 24px; height: 18px; cursor: pointer; position: absolute; left:16px; top:20px; z-index:9999;}
.lvd-menu-button span                               {display: block; width: 100%; position: absolute; left: 0; height: 2px; transform: rotate(0deg); background: var(--lvd-color-white); transition: 0.25s ease-in-out;}
.lvd-menu-button span:nth-child(1)                  {top: 0px;}
.lvd-menu-button span:nth-child(2)                  {top: 9px;}
.lvd-menu-button span:nth-child(3)                  {top: 18px;}
.lvd-header .lvd-menu-button.active                 {top:20px;}
.lvd-menu-button.active span:nth-child(1)           {top: 9px; transform: rotate(135deg);}
.lvd-menu-button.active span:nth-child(2)           {opacity: 0; left: -40px;}
.lvd-menu-button.active span:nth-child(3)           {top: 9px; transform: rotate(-135deg);}
.lvd-menu-button-bar.active                         {position:fixed; top:10px; left:7px; display:block; height:41px; width:41px; border-radius: 22px; background:var(--lvd-color-secondary); z-index:9993;}


/*---- Nav ----*/
.lvd-nav                                            {opacity: 0; visibility: hidden; height:0; position:fixed; top:60px; left:0; bottom:0; right:0; display:block; background:var(--lvd-color-white); overflow-y: auto; padding:20px 0 20px 0;  max-width:100%;}
.lvd-nav.active                                     {opacity: 1; visibility: visible; height:auto; z-index:9992;}   

/* Submenu arrow */
.lvd-submenu-arrow                                  {position:absolute; z-index:2; top:0; bottom:0; right:20px; width:36px; height:auto;   text-align:right;}
.lvd-submenu-arrow:before                           {margin-top:8px; width:34px; height:34px; line-height:34px; text-align:center;  border-radius:18px; display:inline-block;     content: "\e94f"; font-family: 'icomoon'; font-size: 14px; background: var(--lvd-color-gray-200); color: var(--lvd-color-black);}
.lvd-submenu-arrow.active:before                    {transform: rotate(-180deg);}
.lvd-menu-nolink > .lvd-submenu-arrow               {width:calc(100% - 20px);} /* Submenu arrow no link */

/*---- Menu ----*/
.lvd-menu                                               {max-width:100%; margin-top:0;}

    /* level 1 */
    .lvd-menu ul                                        {display:block;  width:100%;}
    .lvd-menu ul li                                     {font-size: 20px; font-weight:700;  position:relative; padding: 0 40px; margin-right:0; line-height:1; border-bottom:1px solid var(--lvd-color-white);}
    .lvd-menu ul li a                                   {display:inline-block; padding:20px 0; color:var(--lvd-color-black);}
    .lvd-menu ul *.menu-item-has-children::after        {display:none;}
    .lvd-menu ul li.menu-item-has-children:hover:after  {display:none;}

        /* level 2 */
        .lvd-menu ul ul                                     {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
        .lvd-menu ul ul li                                  {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-black);}
        .lvd-menu ul ul li a                                {color:var(--lvd-color-black);}
        .lvd-menu ul ul  .lvd-submenu-arrow:before          {margin-top:14px; background:var(--lvd-color-white);}
        .lvd-menu ul li:hover > ul                          {visibility: visible;}
        /* list view */
        .lvd-menu ul .lvd-menu-list ul                           {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
        .lvd-menu ul .lvd-menu-list ul li                        {position:relative; padding:0 30px; font-weight:400;}
        .lvd-menu ul .lvd-menu-list ul li a                      {padding:20px 0; width:100%; color:var(--lvd-color-black);}

            /* level 3 */
            .lvd-menu ul ul ul                                  {display:none; visibility: visible; left:auto; top:auto;  padding: 0; margin-top:8px; margin-left:0; margin-right:0; width: 100%; box-shadow:none; border:0;}
            .lvd-menu ul ul .lvd-submenu-activator.active ul    {display:block;}
            .lvd-menu ul ul ul li                               {border-bottom:0; padding:0; font-size: 16px;}
            .lvd-menu ul ul ul li  a                            {padding:6px 0;}


/*---- Menu Secondary ----*/
/* level 1 */
.lvd-secondary-menu ul                                        {display:block;  width:100%;}
.lvd-secondary-menu ul li                                     {font-size: 20px; font-weight:700;  position:relative; padding: 0 40px; margin-left:0; line-height:1; border-bottom:1px solid var(--lvd-color-gray-200);}
.lvd-secondary-menu ul li a                                   {display:inline-block; padding:20px 0; color:var(--lvd-color-black);}
.lvd-secondary-menu ul *.menu-item-has-children::after        {display:none;}
.lvd-secondary-menu ul li.menu-item-has-children:hover:after  {display:none;}

    /* level 2 */
    .lvd-secondary-menu ul ul                                     {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
    .lvd-secondary-menu ul ul li                                  {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-black); text-align:left;}
    .lvd-secondary-menu ul ul li a                                {padding:20px 0; width:100%; color:var(--lvd-color-black);}
    .lvd-secondary-menu ul ul  .lvd-submenu-arrow:before          {margin-top:14px; background:var(--lvd-color-white);}
    .lvd-secondary-menu ul li:hover > ul                          {visibility: visible;}

}


/* Bt */
@media (min-width:768px) and (max-width:1024px)
{
/* Header */
.lvd-header                                         {padding:0;}
    .lvd-header-in                                      {position:unset; margin:0; border-radius:0; padding-left:60px;}
    .lvd-logo                                           {width:150px; z-index:99999; margin-right:0;}
    .lvd-header-cta                                     {width:120px;}
    .lvd-header-cta .lvd-header-cta-button              {height:38px; line-height:36px; padding:0 12px; font-size:var(--lvd-text-s2);}

.lvd-search-popup                                   {padding:0 10px; width:100%; max-width:100%;}
.lvd-search                                         {width:calc(100% - 60px);}
.lvd-search .lvd-search-input                       {width:calc(100% - 100px);}
.lvd-search-button                                  {width:100px;}

/* Hamburger menu button */
.lvd-menu-button                                    {display: block; width: 24px; height: 18px; cursor: pointer; position: absolute; left:16px; top:20px; z-index:9999;}
.lvd-menu-button span                               {display: block; width: 100%; position: absolute; left: 0; height: 2px; transform: rotate(0deg); background: var(--lvd-color-white); transition: 0.25s ease-in-out;}
.lvd-menu-button span:nth-child(1)                  {top: 0px;}
.lvd-menu-button span:nth-child(2)                  {top: 9px;}
.lvd-menu-button span:nth-child(3)                  {top: 18px;}
.lvd-header .lvd-menu-button.active                 {top:20px;}
.lvd-menu-button.active span:nth-child(1)           {top: 9px; transform: rotate(135deg);}
.lvd-menu-button.active span:nth-child(2)           {opacity: 0; left: -40px;}
.lvd-menu-button.active span:nth-child(3)           {top: 9px; transform: rotate(-135deg);}
.lvd-menu-button-bar.active                         {position:fixed; top:10px; left:7px; display:block; height:41px; width:41px; border-radius: 22px; background:var(--lvd-color-secondary); z-index:9993;}


/*---- Nav ----*/
.lvd-nav                                            {opacity: 0; visibility: hidden; height:0; position:fixed; top:60px; left:0; bottom:0; right:0; display:block; background:var(--lvd-color-white); overflow-y: auto; padding:20px 0 20px 0;  max-width:100%;}
.lvd-nav.active                                     {opacity: 1; visibility: visible; height:auto; z-index:9992;}   

/* Submenu arrow */
.lvd-submenu-arrow                                  {position:absolute; z-index:2; top:0; bottom:0; right:20px; width:36px; height:auto;   text-align:right;}
.lvd-submenu-arrow:before                           {margin-top:8px; width:34px; height:34px; line-height:34px; text-align:center;  border-radius:18px; display:inline-block;     content: "\e94f"; font-family: 'icomoon'; font-size: 14px; background: var(--lvd-color-gray-200); color: var(--lvd-color-black);}
.lvd-submenu-arrow.active:before                    {transform: rotate(-180deg);}
.lvd-menu-nolink > .lvd-submenu-arrow               {width:calc(100% - 20px);} /* Submenu arrow no link */

/*---- Menu ----*/
.lvd-menu                                               {max-width:100%; margin-top:0;}

    /* level 1 */
    .lvd-menu ul                                        {display:block;  width:100%;}
    .lvd-menu ul li                                     {font-size: 20px; font-weight:700;  position:relative; padding: 0 40px; margin-right:0; line-height:1; border-bottom:1px solid var(--lvd-color-white);}
    .lvd-menu ul li a                                   {display:inline-block; padding:20px 0; color:var(--lvd-color-black);}
    .lvd-menu ul *.menu-item-has-children::after        {display:none;}
    .lvd-menu ul li.menu-item-has-children:hover:after  {display:none;}

        /* level 2 */
        .lvd-menu ul ul                                     {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
        .lvd-menu ul ul li                                  {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-black);}
        .lvd-menu ul ul li a                                {color:var(--lvd-color-black);}
        .lvd-menu ul ul  .lvd-submenu-arrow:before          {margin-top:14px; background:var(--lvd-color-white);}
        .lvd-menu ul li:hover > ul                          {visibility: visible;}
        /* list view */
        .lvd-menu ul .lvd-menu-list ul                           {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); max-width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
        .lvd-menu ul .lvd-menu-list ul li                        {position:relative; padding:0 30px; font-weight:400;}
        .lvd-menu ul .lvd-menu-list ul li a                      {padding:20px 0; width:100%; color:var(--lvd-color-black);}

            /* level 3 */
            .lvd-menu ul ul ul                                  {display:none; visibility: visible; left:auto; top:auto;  padding: 0; margin-top:8px; margin-left:0; margin-right:0; width: 100%; box-shadow:none; border:0;}
            .lvd-menu ul ul .lvd-submenu-activator.active ul    {display:block;}
            .lvd-menu ul ul ul li                               {border-bottom:0; padding:0; font-size: 16px;}
            .lvd-menu ul ul ul li  a                            {padding:6px 0;}


/*---- Menu Secondary ----*/
/* level 1 */
.lvd-secondary-menu ul                                        {display:block;  width:100%;}
.lvd-secondary-menu ul li                                     {font-size: 20px; font-weight:700;  position:relative; padding: 0 40px; margin-left:0; line-height:1; border-bottom:1px solid var(--lvd-color-gray-200);}
.lvd-secondary-menu ul li a                                   {display:inline-block; padding:20px 0; color:var(--lvd-color-black);}
.lvd-secondary-menu ul *.menu-item-has-children::after        {display:none;}
.lvd-secondary-menu ul li.menu-item-has-children:hover:after  {display:none;}

    /* level 2 */
    .lvd-secondary-menu ul ul                                     {display:none; visibility: visible;  position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 60px); margin-top:4px; margin-bottom:20px; margin-left:-30px; margin-right:-30px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; }
    .lvd-secondary-menu ul ul li                                  {position:relative; padding:0 30px; font-weight:400; color:var(--lvd-color-black); text-align:left;}
    .lvd-secondary-menu ul ul li a                                {padding:20px 0; width:100%; color:var(--lvd-color-black);}
    .lvd-secondary-menu ul ul  .lvd-submenu-arrow:before          {margin-top:14px; background:var(--lvd-color-white);}
    .lvd-secondary-menu ul li:hover > ul                          {visibility: visible;}
}