.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-1226 .elementor-element.elementor-element-bad3685 .elementor-menu-toggle{margin-right:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-bad3685 */width: 100%; margin: 0; padding: 0; & .menu-item-267 { position: relative; } & .menu-item-267 > .sub-menu { width: 340px !important;
  min-width: 340px !important;
  max-width: calc(100vw - 32px) !important;
  left: 50% !important;
  margin-left: 0 !important;
  transform: translateX(-50%);
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.98);
  border-top: 2px solid #B78951;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 18px 44px rgba(53, 40, 28, 0.16);
  overflow: hidden; } & .menu-item-267 > .sub-menu > li { width: 100%; } & .menu-item-267 > .sub-menu > li + li { border-top: 1px solid rgba(183, 137, 81, 0.16); } & .menu-item-267 > .sub-menu > li > a { display: flex;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 8px;
  color: #2E2E2E !important;
  background: transparent !important;
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: 0.04em;
  white-space: normal;
  transition: color 180ms ease, background-color 180ms ease, padding-left 180ms ease; } & .menu-item-267 > .sub-menu > li > a:hover,
& .menu-item-267 > .sub-menu > li > a:focus,
& .menu-item-267 > .sub-menu > li.current-menu-item > a { color: #9A642B !important;
  background: #F8F2EA !important;
  padding-left: 18px !important;
  outline: none; } @media (max-width: 1024px) { & .menu-item-267 > .sub-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    left: 0 !important;
    margin: 0 !important;
    transform: none !important;
    padding: 6px 0 6px 14px !important;
    background: transparent;
    border-top: 1px solid rgba(183, 137, 81, 0.18);
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }

  & .menu-item-267 > .sub-menu > li + li {
    border-top: 0;
  }

  & .menu-item-267 > .sub-menu > li > a {
    min-height: 0;
    padding: 11px 14px !important;
    border: 0 !important;
    border-radius: 0;
    color: #3B342E !important;
    background: #FBF8F4 !important;
    font-size: 14px;
    line-height: 1.55;
    white-space: normal;
  } }/* End custom CSS */
/* Start custom CSS */.elementor-1226 .elementor-widget-nav-menu{width:100%;position:static}
.elementor-1226 .elementor-nav-menu--main{border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%}
.elementor-1226 .elementor-nav-menu--main>.elementor-nav-menu{width:100%;justify-content:center}
.elementor-1226 .elementor-nav-menu>li{padding:5px;flex:1 1 0;max-width:170px}
.elementor-1226 .elementor-nav-menu>li>a.elementor-item{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:82px;padding:10px 8px 10px 65px!important;font-size:14px!important;line-height:21px!important;font-weight:500!important;letter-spacing:2px;color:#2e2e2e!important;text-align:center;white-space:normal;}
.elementor-1226 .elementor-nav-menu>li>a.elementor-item::before{content:"";display:block;position:absolute;left:5px;top:50%;transform:translateY(-50%);width:50px;height:50px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:1!important}
.elementor-1226 .elementor-nav-menu>li>a.elementor-item::after{display:block;position:static;opacity:1!important;transform:none;width:auto;height:auto;background:none;font-size:14px;line-height:21px;letter-spacing:2px}
.elementor-1226 .elementor-item .sub-arrow{position:absolute;right:0;top:34px;padding:0;font-size:12px;}
.elementor-1226 .elementor-sub-item{font-size:14px!important;line-height:21px!important;white-space:normal!important;padding:10px 20px!important;color:#2e2e2e!important}
.elementor-1226 .elementor-nav-menu--dropdown{background:#fff}
.elementor-1226 .elementor-menu-toggle{position:absolute;top:50%;left:25px;transform:translateY(-50%);font-size:25px;padding:5px;background:transparent}
@media(max-width:1024px){.elementor-1226 header{position:relative;z-index:20}.elementor-1226 nav.elementor-nav-menu--dropdown{position:absolute!important;top:100%!important;left:0!important;width:100%!important;z-index:100;max-height:80vh;overflow:auto}.elementor-1226 .elementor-nav-menu>li{max-width:none;padding:0}.elementor-1226 .elementor-nav-menu>li>a.elementor-item{padding:8px 30px 8px 80px!important;align-items:flex-start;min-height:65px}.elementor-1226 .elementor-nav-menu>li>a.elementor-item::before{left:25px;width:35px;height:35px}.elementor-1226 .elementor-item .sub-arrow{right:25px;top:25px}}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/home.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/"]::after{content:"Home"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#about"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/about.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#about"]::after{content:"About Us"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/articles"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/blog.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/articles"]::after{content:"Blog"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#services"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/service.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#services"]::after{content:"Our Services"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/shop"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/shop_v2.png")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/shop"]::after{content:"Shop"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#location"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/location.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/#location"]::after{content:"Location"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/categories/wax-course"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/course.jpg")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/categories/wax-course"]::after{content:"Course"}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/my-account"]::before{background-image:url("https://hohohonails.com.tw/wp-content/uploads/2026/03/account.png")}.elementor-1226 a.elementor-item[href="https://hohohonails.com.tw/my-account"]::after{content:"My Account"}
.elementor-1226 .elementor-nav-menu>li>a.elementor-item::after{background:transparent!important;}/* End custom CSS */