.elementor-57 .elementor-element.elementor-element-6f846e0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:9999;}.elementor-57 .elementor-element.elementor-element-45babc3d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-57 .elementor-element.elementor-element-7534324a .elementor-menu-toggle{margin-left:auto;}.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu .elementor-item{font-weight:600;}.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main .elementor-item{color:#1C2340;fill:#1C2340;}.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main .elementor-item:focus{color:#1C2340;fill:#1C2340;}.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-57 .elementor-element.elementor-element-7534324a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#1C2340;}.elementor-57 .elementor-element.elementor-element-7534324a .e--pointer-framed .elementor-item:before,
					.elementor-57 .elementor-element.elementor-element-7534324a .e--pointer-framed .elementor-item:after{border-color:#1C2340;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================
   ALBANELLA HOME — HEADER / STICKY / NAV / DROPDOWNS
   Current Elementor DOM:
   outer sticky container: data-id="6f846e0f"
   inner layout container: data-id="45babc3d"
   ========================================================== */

:root {
  --ah-navy: #1B2A5E;
  --ah-deep-navy: #111A3D;
  --ah-teal: #1F7577;
  --ah-gold: #C9A227;
  --ah-white: #FFFFFF;
  --ah-line: #D6DCE4;
  --ah-text: #1C2340;
  --ah-mist: #EEF3F5;

  --ah-font:
    "Schibsted Grotesk",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;

  --ah-h-desktop: 84px;
  --ah-h-compact: 72px;

  --ah-content-max: 1552px;
  --ah-gutter-desktop: 96px;
  --ah-gutter-laptop: 40px;
  --ah-gutter-tablet: 32px;
  --ah-gutter-mobile: 20px;

  --ah-z: 1000;
}


/* ==========================================================
   1. OUTER HEADER
   ========================================================== */

.elementor-location-header
  > .elementor-element[data-id="6f846e0f"],
.albanella-header {
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  height: var(--ah-h-desktop) !important;
  min-height: var(--ah-h-desktop) !important;
  max-height: var(--ah-h-desktop) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--ah-white) !important;
  background-color: var(--ah-white) !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 1px solid transparent !important;

  box-shadow: none !important;

  overflow: visible !important;

  z-index: var(--ah-z) !important;

  transition:
    border-color 160ms ease-out,
    box-shadow 160ms ease-out !important;
}


/* ==========================================================
   2. STICKY HEADER
   ========================================================== */

.elementor-location-header
  > .elementor-element[data-id="6f846e0f"].elementor-sticky--active,
.elementor-location-header
  > .elementor-element[data-id="6f846e0f"].elementor-sticky--effects,
.albanella-header.elementor-sticky--active,
.albanella-header.elementor-sticky--effects {
  position: fixed !important;

  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  max-width: none !important;

  height: var(--ah-h-desktop) !important;
  min-height: var(--ah-h-desktop) !important;
  max-height: var(--ah-h-desktop) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--ah-white) !important;
  background-color: var(--ah-white) !important;
  background-image: none !important;

  transform: none !important;
  opacity: 1 !important;

  overflow: visible !important;

  z-index: var(--ah-z) !important;
}


.elementor-location-header
  > .elementor-element[data-id="6f846e0f"].elementor-sticky--effects,
.albanella-header.elementor-sticky--effects {
  border-bottom-color: var(--ah-line) !important;

  box-shadow:
    0 6px 18px rgba(17, 26, 61, 0.08) !important;
}


/* Elementor sticky spacer */

.elementor-location-header
  > .elementor-element[data-id="6f846e0f"].elementor-sticky__spacer {
  box-sizing: border-box !important;

  width: 100% !important;

  height: var(--ah-h-desktop) !important;
  min-height: var(--ah-h-desktop) !important;
  max-height: var(--ah-h-desktop) !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
  border: 0 !important;
}


/* ==========================================================
   3. INNER HEADER
   ========================================================== */

.elementor-location-header
  .elementor-element[data-id="45babc3d"],
.albanella-header__inner {
  box-sizing: border-box !important;

  width:
    calc(100% - (var(--ah-gutter-desktop) * 2)) !important;

  max-width: var(--ah-content-max) !important;

  height: var(--ah-h-desktop) !important;
  min-height: var(--ah-h-desktop) !important;
  max-height: var(--ah-h-desktop) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 32px !important;

  background: transparent !important;

  overflow: visible !important;
}


.elementor-location-header
  .elementor-element[data-id="45babc3d"]
  > .elementor-element {
  margin-block: 0 !important;
}


/* ==========================================================
   4. ADMIN BAR
   ========================================================== */

@media (min-width: 783px) {

  body.admin-bar
    .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--active,

  body.admin-bar
    .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--effects,

  body.admin-bar
    .albanella-header.elementor-sticky--active,

  body.admin-bar
    .albanella-header.elementor-sticky--effects {
    top: 32px !important;
  }
}


@media (min-width: 601px) and (max-width: 782px) {

  body.admin-bar
    .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--active,

  body.admin-bar
    .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--effects,

  body.admin-bar
    .albanella-header.elementor-sticky--active,

  body.admin-bar
    .albanella-header.elementor-sticky--effects {
    top: 46px !important;
  }
}


html {
  scroll-padding-top: var(--ah-h-desktop);
}


/* ==========================================================
   5. LOGO
   ========================================================== */

.albanella-logo {
  flex: 0 0 auto !important;

  width: auto !important;

  margin: 0 !important;
}


.albanella-logo .elementor-widget-container,
.albanella-logo a {
  display: flex !important;

  align-items: center !important;

  height: auto !important;
}


.albanella-logo img {
  display: block !important;

  width: auto !important;

  height: 56px !important;
  max-height: 56px !important;

  margin: 0 !important;

  object-fit: contain !important;

  transform: none !important;

  transition: none !important;
}


.elementor-sticky--active
  .albanella-logo img,

.elementor-sticky--effects
  .albanella-logo img {
  height: 56px !important;

  max-height: 56px !important;

  transform: none !important;
}


/* ==========================================================
   6. DESKTOP NAVIGATION
   ========================================================== */

.albanella-nav {
  flex: 1 1 auto !important;

  width: auto !important;

  margin: 0 0 0 auto !important;

  font-family: var(--ah-font) !important;

  overflow: visible !important;
}


.albanella-nav
  .elementor-widget-container {
  overflow: visible !important;
}


.albanella-nav
  .elementor-nav-menu--main {
  display: flex !important;

  justify-content: flex-end !important;

  overflow: visible !important;
}


.albanella-nav
  .elementor-nav-menu--main
  > .elementor-nav-menu,

.albanella-nav
  .elementor-nav-menu--main
  > ul {
  display: flex !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: flex-end !important;

  gap: 28px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


.albanella-nav
  .elementor-nav-menu--main
  .elementor-item {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  min-height: var(--ah-h-desktop) !important;

  padding: 0 !important;
  margin: 0 !important;

  color: var(--ah-text) !important;

  background: transparent !important;

  font-family: var(--ah-font) !important;

  font-size: 17px !important;
  font-weight: 500 !important;

  line-height: 1.2 !important;

  letter-spacing: 0 !important;

  text-transform: none !important;

  text-decoration: none !important;

  white-space: nowrap !important;

  transition:
    color 160ms ease-out !important;
}


/* Gold underline */

.albanella-nav
  .elementor-nav-menu--main
  .elementor-item::after {
  content: "" !important;

  display: block !important;

  position: absolute !important;

  left: 0 !important;
  right: 0 !important;

  bottom: 14px !important;

  width: auto !important;

  height: 2px !important;

  background: var(--ah-gold) !important;

  border: 0 !important;

  transform: scaleX(0) !important;

  transform-origin: left center !important;

  opacity: 1 !important;

  transition:
    transform 180ms ease-out !important;
}


.albanella-nav
  .elementor-nav-menu--main
  .elementor-item:hover,

.albanella-nav
  .elementor-nav-menu--main
  .elementor-item:focus-visible {
  color: var(--ah-teal) !important;
}


.albanella-nav
  .elementor-nav-menu--main
  .elementor-item:hover::after,

.albanella-nav
  .elementor-nav-menu--main
  .elementor-item:focus-visible::after,

.albanella-nav
  .elementor-nav-menu--main
  .elementor-item-active::after,

.albanella-nav
  .elementor-nav-menu--main
  .current-menu-item
  > .elementor-item::after,

.albanella-nav
  .elementor-nav-menu--main
  .current-menu-ancestor
  > .elementor-item::after,

.albanella-nav
  .elementor-nav-menu--main
  .albanella-submenu-open
  > .elementor-item::after {
  transform: scaleX(1) !important;
}


.albanella-nav
  .elementor-nav-menu--main
  .elementor-item-active,

.albanella-nav
  .elementor-nav-menu--main
  .current-menu-item
  > .elementor-item,

.albanella-nav
  .elementor-nav-menu--main
  .current-menu-ancestor
  > .elementor-item {
  color: var(--ah-navy) !important;

  font-weight: 600 !important;
}


/* Neutralize Elementor pointer */

.albanella-nav.e--pointer-underline
  .elementor-item::before,

.albanella-nav
  .e--pointer-underline
  .elementor-item::before {
  display: none !important;
}


/* Dropdown arrow */

.albanella-nav
  .sub-arrow {
  margin-left: 7px !important;

  padding: 0 !important;

  color: currentColor !important;

  transition:
    transform 160ms ease-out !important;
}


@media (min-width: 1024px) {

  .albanella-nav
    .elementor-nav-menu--main
    .menu-item-has-children.albanella-submenu-open
    > a
    .sub-arrow {
    transform: rotate(180deg) !important;
  }
}


/* ==========================================================
   7. DESKTOP DROPDOWNS — FIX
   ========================================================== */

@media (min-width: 1024px) {

  /*
   * IMPORTANT:
   * Do NOT hide every .elementor-nav-menu--dropdown here.
   *
   * Elementor gives desktop submenus BOTH classes:
   *
   * .sub-menu
   * .elementor-nav-menu--dropdown
   *
   * Therefore a generic display:none on
   * .elementor-nav-menu--dropdown also kills the desktop submenu.
   */

  .albanella-nav .elementor-menu-toggle {
    display: none !important;
  }


  /* ----------------------------------------------------------
     PARENT
     ---------------------------------------------------------- */

  .albanella-nav
  .elementor-nav-menu--main
  .menu-item-has-children {
    position: relative !important;
    overflow: visible !important;
  }


  /* ----------------------------------------------------------
     SUBMENU — CLOSED
     ---------------------------------------------------------- */

  .albanella-nav
  .elementor-nav-menu--main
  .menu-item-has-children
  > ul.sub-menu.elementor-nav-menu--dropdown {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    width: 300px !important;
    min-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--ah-white) !important;

    border: 0 !important;
    border-top: 3px solid var(--ah-gold) !important;
    border-radius: 0 !important;

    box-shadow:
      0 14px 34px rgba(17, 26, 61, 0.13) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(8px) !important;

    z-index: 99999 !important;

    transition:
      opacity 160ms ease-out,
      transform 160ms ease-out,
      visibility 160ms ease-out !important;
  }


  /* ----------------------------------------------------------
     SUBMENU — OPEN
     IMPORTANT:
     display:block !important overrides SmartMenus'
     inline style="display:none"
     ---------------------------------------------------------- */

  .albanella-nav
  .elementor-nav-menu--main
  .menu-item-has-children.albanella-submenu-open
  > ul.sub-menu.elementor-nav-menu--dropdown {
    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
  }


  /* Parent state */

  .albanella-nav
  .elementor-nav-menu--main
  .menu-item-has-children.albanella-submenu-open
  > .elementor-item {
    color: var(--ah-teal) !important;
  }


  /* Arrow */

  .albanella-nav
  .elementor-nav-menu--main
  .menu-item-has-children.albanella-submenu-open
  > .elementor-item
  .sub-arrow {
    transform: rotate(180deg) !important;
  }


  /* ----------------------------------------------------------
     SUBMENU ITEMS
     ---------------------------------------------------------- */

  .albanella-nav
  .elementor-nav-menu--main
  .sub-menu
  .elementor-sub-item {
    display: flex !important;

    align-items: center !important;

    min-height: 48px !important;

    margin: 0 !important;

    padding: 11px 20px !important;

    color: var(--ah-text) !important;

    background: var(--ah-white) !important;

    font-family: var(--ah-font) !important;
    font-size: 17px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    white-space: normal !important;

    text-decoration: none !important;

    border: 0 !important;

    transition:
      color 160ms ease-out,
      background-color 160ms ease-out !important;
  }


  .albanella-nav
  .elementor-nav-menu--main
  .sub-menu
  li + li {
    border-top: 1px solid var(--ah-line) !important;
  }


  .albanella-nav
  .elementor-nav-menu--main
  .sub-menu
  .elementor-sub-item:hover,

  .albanella-nav
  .elementor-nav-menu--main
  .sub-menu
  .elementor-sub-item:focus-visible,

  .albanella-nav
  .elementor-nav-menu--main
  .sub-menu
  .current-menu-item
  > .elementor-sub-item {
    color: var(--ah-navy) !important;

    background: var(--ah-mist) !important;
  }
}

/* ==========================================================
   8. CTA
   ========================================================== */

.albanella-header-cta {
  flex: 0 0 auto !important;

  width: auto !important;

  margin: 0 !important;
}


.albanella-header-cta
  .elementor-button,

.albanella-mobile-cta
  .elementor-button {
  min-height: 48px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 10px !important;

  padding: 0 28px !important;

  border:
    2px solid var(--ah-navy) !important;

  border-radius: 4px !important;

  background: var(--ah-navy) !important;

  color: #FFFFFF !important;

  font-family: var(--ah-font) !important;

  font-size: 17px !important;

  font-weight: 600 !important;

  line-height: 1.1 !important;

  text-decoration: none !important;

  box-shadow: none !important;

  transition:
    background-color 160ms ease-out,
    border-color 160ms ease-out !important;
}


.albanella-header-cta
  .elementor-button::before {
  content: "" !important;

  display: block !important;

  width: 8px !important;
  height: 8px !important;

  flex: 0 0 8px !important;

  border-radius: 50% !important;

  background: var(--ah-gold) !important;
}


.albanella-header-cta
  .elementor-button:hover,

.albanella-header-cta
  .elementor-button:focus-visible,

.albanella-mobile-cta
  .elementor-button:hover,

.albanella-mobile-cta
  .elementor-button:focus-visible {
  background: #0B1230 !important;

  border-color: #0B1230 !important;
}


/* ==========================================================
   9. FOCUS
   ========================================================== */

.elementor-location-header
  a:focus-visible,

.elementor-location-header
  button:focus-visible,

.elementor-location-header
  .elementor-menu-toggle:focus-visible {
  outline:
    3px solid var(--ah-navy) !important;

  outline-offset: 3px !important;
}


/* ==========================================================
   10. LAPTOP 1024–1199
   ========================================================== */

@media (min-width: 1024px) and (max-width: 1199px) {

  .elementor-location-header
    .elementor-element[data-id="45babc3d"],

  .albanella-header__inner {
    width:
      calc(100% - (var(--ah-gutter-laptop) * 2)) !important;

    max-width: none !important;

    gap: 24px !important;
  }


  .albanella-logo img,

  .elementor-sticky--active
    .albanella-logo img,

  .elementor-sticky--effects
    .albanella-logo img {
    height: 50px !important;

    max-height: 50px !important;
  }


  .albanella-nav
    .elementor-nav-menu--main
    > .elementor-nav-menu,

  .albanella-nav
    .elementor-nav-menu--main
    > ul {
    gap: 22px !important;
  }


  .albanella-nav
    .elementor-nav-menu--main
    .elementor-item {
    font-size: 16px !important;
  }


  .albanella-header-cta
    .elementor-button::before {
    display: none !important;
  }


  .albanella-header-cta
    .elementor-button {
    padding-inline: 22px !important;
  }
}


/* ==========================================================
   11. TABLET + MOBILE
   ========================================================== */

.albanella-mobile-cta {
  display: none !important;
}


@media (max-width: 1023px) {

  html {
    scroll-padding-top:
      var(--ah-h-compact);
  }


  .elementor-location-header
    > .elementor-element[data-id="6f846e0f"],

  .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--active,

  .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky--effects,

  .elementor-location-header
    > .elementor-element[data-id="6f846e0f"].elementor-sticky__spacer,

  .albanella-header,

  .albanella-header.elementor-sticky--active,

  .albanella-header.elementor-sticky--effects {
    height:
      var(--ah-h-compact) !important;

    min-height:
      var(--ah-h-compact) !important;

    max-height:
      var(--ah-h-compact) !important;
  }


  .elementor-location-header
    .elementor-element[data-id="45babc3d"],

  .albanella-header__inner {
    width:
      calc(100% - (var(--ah-gutter-tablet) * 2)) !important;

    max-width: none !important;

    height:
      var(--ah-h-compact) !important;

    min-height:
      var(--ah-h-compact) !important;

    max-height:
      var(--ah-h-compact) !important;

    gap: 16px !important;
  }


  .albanella-logo img,

  .elementor-sticky--active
    .albanella-logo img,

  .elementor-sticky--effects
    .albanella-logo img {
    height: 46px !important;

    max-height: 46px !important;
  }


  .albanella-header-cta {
    display: none !important;
  }


  .albanella-nav {
    flex: 0 0 auto !important;

    margin-left: auto !important;
  }


  /* Desktop nav off */

  .albanella-nav
    .elementor-nav-menu--main {
    display: none !important;
  }


  /* Hamburger */

  .albanella-nav
    .elementor-menu-toggle {
    min-width: 48px !important;

    min-height: 48px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 0 14px !important;

    margin: 0 !important;

    border:
      1.5px solid var(--ah-navy) !important;

    border-radius: 4px !important;

    background: var(--ah-white) !important;

    color: var(--ah-navy) !important;
  }


  /* Mobile menu */

  .albanella-nav
    .elementor-nav-menu--dropdown {
    position: fixed !important;

    inset:
      var(--ah-h-compact) 0 0 0 !important;

    width: 100vw !important;

    height:
      calc(100dvh - var(--ah-h-compact)) !important;

    max-height: none !important;

    margin: 0 !important;

    padding:
      20px 32px 112px !important;

    overflow-y: auto !important;

    background:
      var(--ah-white) !important;

    border: 0 !important;

    border-top:
      3px solid var(--ah-gold) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    z-index:
      calc(var(--ah-z) + 10) !important;
  }


  .albanella-nav
    .elementor-nav-menu--dropdown
    .elementor-item {
    min-height: 64px !important;

    color: var(--ah-text) !important;

    background: transparent !important;

    font-family:
      var(--ah-font) !important;

    font-size: 22px !important;

    font-weight: 500 !important;

    border-bottom:
      1px solid var(--ah-line) !important;
  }
}


/* ==========================================================
   12. MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .elementor-location-header
    .elementor-element[data-id="45babc3d"],

  .albanella-header__inner {
    width:
      calc(100% - (var(--ah-gutter-mobile) * 2)) !important;
  }


  .albanella-nav
    .elementor-nav-menu--dropdown {
    padding:
      16px 20px 108px !important;
  }
}


/* ==========================================================
   13. BODY LOCK WHEN MOBILE MENU IS OPEN
   ========================================================== */

html.albanella-menu-open,
body.albanella-menu-open {
  overflow: hidden;
}


/* ==========================================================
   14. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

  .elementor-location-header *,
  .elementor-location-header *::before,
  .elementor-location-header *::after {
    transition-duration:
      0.01ms !important;

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }
}
/* ==========================================================
   ALBANELLA — DESKTOP SUBMENU HARD FIX / DIAGNOSTIC
   Pegar AL FINAL de todo el CSS
   ========================================================== */

@media (min-width: 1024px) {

  /* El header y todos los wrappers deben permitir que salga el dropdown */
  .elementor-location-header,
  .elementor-location-header .elementor-element,
  .albanella-header,
  .albanella-header__inner,
  .albanella-nav,
  .albanella-nav .elementor-widget-container,
  .albanella-nav .elementor-nav-menu--main,
  .albanella-nav .elementor-nav-menu {
    overflow: visible !important;
  }

  /* Parent */
  .albanella-nav
  .elementor-nav-menu--main
  li.menu-item-has-children {
    position: relative !important;
  }

  /*
   * SUBMENU
   *
   * IMPORTANTE:
   * Elementor le pone:
   * class="sub-menu elementor-nav-menu--dropdown"
   *
   * por eso NO podemos ocultar genéricamente
   * .elementor-nav-menu--dropdown.
   */
  .albanella-nav
  .elementor-nav-menu--main
  li.menu-item-has-children
  > ul.sub-menu.elementor-nav-menu--dropdown {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    width: 300px !important;
    min-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-top: 3px solid #C9A227 !important;

    box-shadow:
      0 14px 34px rgba(17, 26, 61, 0.13) !important;

    z-index: 100000 !important;
  }

  /*
   * HOVER:
   * Fuerza display:block incluso contra
   * style="display:none" que SmartMenus escribe inline.
   */
  .albanella-nav
  .elementor-nav-menu--main
  li.menu-item-has-children:hover
  > ul.sub-menu.elementor-nav-menu--dropdown,

  .albanella-nav
  .elementor-nav-menu--main
  li.menu-item-has-children:focus-within
  > ul.sub-menu.elementor-nav-menu--dropdown {
    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: none !important;
  }

  /*
   * Estado cerrado.
   *
   * :not(:hover) evita competir con la regla anterior.
   */
  .albanella-nav
  .elementor-nav-menu--main
  li.menu-item-has-children:not(:hover):not(:focus-within)
  > ul.sub-menu.elementor-nav-menu--dropdown {
    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;
  }

  /* Items */
  .albanella-nav
  .elementor-nav-menu--main
  ul.sub-menu.elementor-nav-menu--dropdown
  > li {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .albanella-nav
  .elementor-nav-menu--main
  ul.sub-menu.elementor-nav-menu--dropdown
  .elementor-sub-item {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 11px 20px !important;

    color: #1C2340 !important;
    background: #FFFFFF !important;

    font-size: 17px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    white-space: normal !important;

    text-decoration: none !important;
  }

  .albanella-nav
  .elementor-nav-menu--main
  ul.sub-menu.elementor-nav-menu--dropdown
  > li + li {
    border-top: 1px solid #D6DCE4 !important;
  }

  .albanella-nav
  .elementor-nav-menu--main
  ul.sub-menu.elementor-nav-menu--dropdown
  .elementor-sub-item:hover,
  .albanella-nav
  .elementor-nav-menu--main
  ul.sub-menu.elementor-nav-menu--dropdown
  .elementor-sub-item:focus-visible {
    color: #1B2A5E !important;

    background: #EEF3F5 !important;
  }
}/* End custom CSS */