/* Header compact sticky */
.lvd-header-spacer  {position:relative; height:64px;}
.lvd-header         {position:fixed; top:0; width:100%; height:64px; z-index:9991; background: rgba(255,255,255,1); box-shadow: 0 8px 24px rgb(43 56 87 / 8%);}
    .lvd-header-in  {position:relative; height:64px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;  margin:0 40px;}
        .lvd-logo   {width:170px; margin-right:40px; display:block; align-self: center;}
            .lvd-logo img   {width:170px;}
        .lvd-nav    {max-width:calc(100% - 390px); margin-right:20px; width:100%; visibility: visible; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
        .lvd-header-cta     {width:160px; position:relative; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
            .lvd-header-cta-button          {}
            .lvd-header-search-button       {line-height: 0; text-decoration: none; display: inline-block; width: 20px; height: 20px; margin-left:16px; background-color: var(--lvd-color-black); border: none; padding: 0; -webkit-mask-image: url('../assets/svg/bs-icons/search.svg'); mask-image: url('../assets/svg/bs-icons/search.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; cursor: pointer; transition: opacity 0.3s ease;}
            .lvd-header-search-button:hover {opacity: 0.7;}
    
.lvd-search-popup           {opacity: 0; visibility: hidden; pointer-events: none; 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: var(--lvd-color-white); align-items: center; transition: opacity 0.3s ease, visibility 0.3s ease; }
.lvd-search-popup.active        {opacity: 1; visibility: visible; pointer-events: auto;}
.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; height:40px; line-height:40px; text-indent: 40px; background: var(--lvd-color-gray-200); font-size:16px; width: 100%; padding:0; margin:0; color:var(--lvd-color-black); background-image: url('../assets/svg/bs-icons/search.svg'); background-color: var(--lvd-color-gray-200); background-repeat: no-repeat; background-position: 16px center; background-size: 16px 16px; -webkit-appearance: none; appearance: none;}
.lvd-search-input::-webkit-search-cancel-button     {-webkit-appearance: none; appearance: none; background-image: url('../assets/svg/bs-icons/x-lg.svg'); background-color: transparent; background-size: 14px 14px; background-repeat: no-repeat; margin-right: 16px; width: 14px; height: 14px; cursor: pointer;}
.lvd-search-input placeholder                       {color:var(--lvd-color-text);}
.lvd-search-close                                   {display: inline-block; width: 24px;  height: 24px; background-color: var(--lvd-color-black); border: none; padding: 0; -webkit-mask-image: url('../assets/svg/bs-icons/x-circle-fill.svg'); mask-image: url('../assets/svg/bs-icons/x-circle-fill.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain;  mask-size: contain; -webkit-mask-position: center; mask-position: center; cursor: pointer; transition: transform 0.3s ease;}
.lvd-search-close:hover                             {transform: rotate(90deg);}

.lvd-search .lvd-search-input::-webkit-search-results-decoration,
.lvd-search .lvd-search-input::-webkit-search-results-button,
.lvd-search .lvd-search-input::-webkit-search-cancel-button {display: none;}

.lvd-menu-button                                    {display: none;}

/*---- 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;}

        /* General settings */
        /* Default submenu (hidden) */
        .sub-menu           {display: grid !important; grid-template-rows: 0fr; opacity: 0; overflow: hidden; visibility: hidden;  transition: grid-template-rows 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s cubic-bezier(0.16, 1, 0.3, 1), margin 0.3s ease; margin-top: 0; padding: 0;}
        .sub-menu.is-open   {grid-template-rows: 1fr; opacity: 1; visibility: visible; margin-top: 10px;}
        /* Grid Trick wrapper - js generated */
        .lvd-submenu-inner                      {display: block; overflow: hidden; transform: translateY(-10px); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; position:relative;}
        .sub-menu.is-open .lvd-submenu-inner    {transform: translateY(0); }
        .lvd-submenu-arrow                      {transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
        .lvd-submenu-arrow.active               {transform: rotate(180deg);}
        /* Overlay for close - js generated */
        .lvd-submenu-overlay                    {position: fixed; top: 64px; left: 0; right: 0; bottom: 0; z-index: 9990; background: transparent; cursor: default; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease;}
        .lvd-submenu-overlay.is-active          {opacity: 1; visibility: visible; pointer-events: auto;}

    /* 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:24px; line-height:40px; font-size: 16px; font-weight:700;} /*Font L1*/
    .lvd-menu ul li a                           {display:inline-block; color:var(--lvd-color-black);}
    .lvd-menu ul li a:hover                     {color:var(--lvd-color-gray-400);}
        .lvd-menu ul li .sub-menu.is-open       {margin-top:28px;}
        .sub-menu .lvd-submenu-inner li         { width: 100%; padding: 0; display: block; }
        .sub-menu .lvd-submenu-inner li a       {display: block;  width: 100%;}
        
        /* LEVEL 2 - default is megamenu */
        .lvd-menu ul ul                         {position: absolute; top:24px; margin-top:12px; left:0; z-index: 9999;  width:100%; max-width:100%; border:1px solid var(--lvd-gray-300); border-radius:16px;  padding:40px; background-color: var(--lvd-color-white); box-shadow: var(--lvd-shadow-200); list-style: none;}
        .lvd-menu ul ul.sub-menu                {justify-content: unset;}
        .lvd-menu .lvd-menu-cols3 ul            {grid-template-columns: repeat(3, minmax(0, 1fr));}
        .lvd-menu .lvd-menu-cols2 ul            {grid-template-columns: repeat(2, minmax(0, 1fr));}
            .lvd-menu ul ul .lvd-submenu-inner      {display:grid; width:100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:24px;}
            .lvd-menu ul ul .lvd-submenu-inner li   {height: auto; line-height:1.2; font-size:16px; font-weight:700; margin-right:0;} /*Font L2*/
            .lvd-menu ul ul li a                    {color:var(--lvd-color-black);}
            .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;}     

        /*list view*/
        .lvd-menu ul .lvd-menu-list             {position:relative;}
        .lvd-menu ul .lvd-menu-list ul          {width: 300px; max-width: 300px; top:12px; padding:24px; border:1px solid var(--lvd-gray-300); border-radius:16px; 
background-color: var(--lvd-color-white);  box-shadow: var(--lvd-shadow-200); list-style: none;}
            .lvd-menu ul .lvd-menu-list ul  .lvd-submenu-inner {display: flex; flex-direction: column; gap:8px; width:258px;}
            .lvd-menu ul .lvd-menu-list ul li       {height: auto; font-size:unset; font-weight:400;}
            .lvd-menu ul .lvd-menu-list ul li a     {padding:0; width:100%;}

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


/*---- Menu Secondary ----*/
.lvd-secondary-menu                       {align-self:center;}
    .lvd-secondary-menu .lvd-submenu-inner {transform: translateY(-10px);}
    .lvd-secondary-menu .sub-menu.is-open .lvd-submenu-inner    {transform: translateY(0); }

    /* 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             {position: relative ;margin-left:24px; line-height:40px; font-size: 16px; font-weight:400;}
    .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);}

        /* level 2 */
        .lvd-secondary-menu ul  ul        {position: absolute; top:30px;  right:0;  z-index: 9999;  width: 300px; padding:20px; border:1px solid var(--lvd-gray-300); border-radius:16px; 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  ul li a   {padding:8px 0; width:100%;}


/* Just on Desktop */
@media (min-width: 1025px) {
.lvd-menu ul li.lvd-submenu-activator,
.lvd-secondary-menu ul li.lvd-submenu-activator {display: flex; align-items: center;}
.lvd-menu ul ul li.lvd-submenu-activator        {display: block; align-items: unset;}

/* Arrow (from js) */
.lvd-menu .lvd-submenu-arrow,
.lvd-secondary-menu .lvd-submenu-arrow          {order: 2; position: relative; display: block; flex-shrink: 0; width: 12px; height: 12px; margin-left: 6px; cursor: pointer; background-color: currentColor;  -webkit-mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: transform 0.3s ease; }
.lvd-menu ul li.lvd-submenu-activator > a,
.lvd-secondary-menu ul li.lvd-submenu-activator > a {order: 1;}

.lvd-menu ul ul ul                    {grid-template-rows: 1fr; opacity: 1; visibility: visible; display: block; transform: translateY(0);}
.lvd-menu ul ul ul .lvd-submenu-inner {transform: translateY(0); overflow: visible;  display: block;}
.lvd-menu ul ul li.menu-item-has-children {z-index: 10000;}
}

/* MOBILE (bm) */
@media (max-width: 1024px)
{
/* Header */
.lvd-header                                         {padding:0 20px 0 70px;}
    .lvd-header-in                                      {position:unset; margin:0;}
    .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-s1);}

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

/* Hamburger menu button */
.lvd-menu-button                                    {display: block; width: 24px; height: 18px; cursor: pointer; position: absolute; left:20px; top:20px; z-index:9999; border:none; background:transparent;}
.lvd-menu-button span                               {display: block; width: 100%; position: absolute; left: 0; height: 2px; transform: rotate(0deg); background: var(--lvd-color-black); 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:11px; display:block; height:41px; width:41px; border-radius: 22px; background:var(--lvd-color-gray-200); z-index:9993;}

 .lvd-submenu-overlay                               {display: none;}


/*---- 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-menu ul li.lvd-submenu-activator,
.lvd-secondary-menu ul li.lvd-submenu-activator     {position: relative;}
.lvd-submenu-arrow                                  {position: absolute; z-index: 10; top: 3px; right: 0; width: 60px; height: 100%; display: grid; justify-content: center; align-content: start; cursor: pointer;}
.lvd-menu-nolink > .lvd-submenu-arrow               {width: 100%; justify-content: end; padding-right: 13px;}
.lvd-submenu-arrow::before                          {content: ""; grid-area: 1 / 1; justify-self: end; width: 34px; height: 34px; margin-top: 8px; border-radius: 50%; background-color: var(--lvd-color-gray-200); display: block;}
.lvd-submenu-arrow::after                           {content: ""; grid-area: 1 / 1; justify-self: center; align-self: center; margin-top: 8px; width: 14px; height: 14px; background-color: var(--lvd-color-black); -webkit-mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: transform 0.3s ease; z-index: 1;}
.lvd-menu ul ul .lvd-submenu-arrow::before          {background-color: var(--lvd-color-white);}
/*arrow active*/
.lvd-submenu-arrow.active                           {height:unset; transform:none;}
.lvd-submenu-arrow.active::after                    {transform: rotate(180deg);}


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

    /* level 1 */
    .lvd-menu ul                                        {display:block;  width:100%;}
    .lvd-menu ul li .sub-menu.is-open {margin-top:0;}
    .lvd-menu ul li                                     {position:relative; padding: 0 32px; margin-right:0; line-height:1; border-bottom:1px solid var(--lvd-color-gray-200);}
    .lvd-menu ul li a                                   {display:inline-block; padding:16px 0; font-size: 18px; font-weight:700; color:var(--lvd-color-black);} /*Font L1*/

        /* level 2 */
        .lvd-menu ul ul                                 {position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 48px); max-width: calc(100% + 48px);margin-top:4px;  margin-left:-24px; margin-right:-24px;box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; background:var(--lvd-color-gray-200);}
        .lvd-menu ul ul  .lvd-submenu-inner             {gap:0; display:block;}
        .lvd-menu ul ul.sub-menu.is-open                {margin-bottom:16px;}
        .lvd-menu ul ul li                              {position:relative; padding:0 30px; border-bottom:1px solid var(--lvd-color-gray-300);}
        .lvd-menu ul ul li:last-child                   {border-bottom:none;}
        .lvd-menu ul ul li a                            {color:var(--lvd-color-black); font-weight:400; font-size:18px; padding:16px 24px;}  /*Font L2*/
        .lvd-menu ul ul  .lvd-submenu-arrow:before      {margin-top:10px; background:var(--lvd-color-white);}
        
        /* list view */
        .lvd-menu ul .lvd-menu-list ul                      {position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 48px); max-width: calc(100% + 48px); 
margin-top:4px; margin-left:-24px; margin-right:-24px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; background:var(--lvd-color-gray-200);}
        .lvd-menu ul .lvd-menu-list ul li                   {position:relative; padding:0 4px;}
        .lvd-menu ul .lvd-menu-list ul li a                 {color:var(--lvd-color-black); font-weight:400; font-size:18px; padding:16px 24px;}
        .lvd-menu ul .lvd-menu-list ul .lvd-submenu-inner   {width:100%;}

            /* level 3 */
            .lvd-menu ul ul ul                              {left:auto; top:auto;  padding: 0; margin-top:0; margin-left:0; margin-right:0; width: 100%; box-shadow:none; border:0;}
            .lvd-menu ul ul ul li                           {border-bottom:0; padding:0;}
            .lvd-menu ul ul ul li  a                        {padding:6px 24px; color:var(--lvd-color-black); font-size: 16px; font-weight:600;}  /*Font L3*/


/*---- 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 32px; margin-left:0; line-height:1;}
.lvd-secondary-menu ul li a                                 {display:inline-block; padding:16px 0; color:var(--lvd-color-black);}

    /* level 2 */
    .lvd-secondary-menu ul ul                               {position: relative; top:auto; left:auto; bottom:auto; height:100%; width: calc(100% + 48px); margin-top:0; 
        margin-left:-24px; margin-right:-24px; box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.1); opacity:1; padding:0; background:var(--lvd-color-gray-200);}
    .lvd-secondary-menu ul li .sub-menu.is-open             {margin-top:0; margin-bottom:16px;}
    .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:16px 24px; width:100%; color:var(--lvd-color-black);}
    .lvd-secondary-menu ul ul  .lvd-submenu-arrow:before    {margin-top:14px; background:var(--lvd-color-white);}
}