/* Humiwell | home page styles
   Global resets, keyframes and responsive breakpoints, plus the hover and focus
   states that were authored inline in the design source. */

  html { scroll-behavior: smooth; }
  body { margin:0; background:#F6EFE1; -webkit-font-smoothing:antialiased; }
  a { color:#2F4133; text-decoration:none; }
  a:hover { color:#A9823E; }
  ::selection { background:#C9A66B; color:#2F4133; }
  @keyframes hw-marquee { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }
  /* safety net: the intro layer can never permanently hide the site */
  @keyframes hw-introfail { to { opacity:0; visibility:hidden; pointer-events:none; } }
  @media (prefers-reduced-motion: reduce) { [data-intro-root] { display:none !important; } }
  input::placeholder { color:#3E3222; opacity:.42; }
  [data-rangetrack]::-webkit-scrollbar { display:none; }
  [data-cursor-ring] { display:none; }
  @media (hover:hover) and (pointer:fine) { [data-cursor-ring] { display:block; } }
  @media (prefers-reduced-motion: reduce) { [data-cursor-ring] { display:none !important; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }
  /* layout breakpoints live in CSS so the page never depends on JS to be responsive */
  @media (max-width:1120px) {
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
    [data-grid3] { grid-template-columns:repeat(2,1fr) !important; }
    [data-footgrid] { grid-template-columns:repeat(3,1fr) !important; }
  }
  @media (max-width:860px) {
    [data-stdgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
    [data-desknav], [data-deskcta] { display:none !important; }
    [data-headrow] { grid-template-columns:1fr auto !important; }
    [data-headlogo] { justify-self:start !important; }
    [data-menubtn] { display:block !important; }
    [data-hero-grid], [data-split], [data-grid3], [data-grid2] { grid-template-columns:1fr !important; }
    [data-footgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-parallax="34"] { position:relative !important; left:0 !important; bottom:0 !important; width:56% !important; margin-top:-18% !important; }
  }


/* ---- hover and focus states ---- */
.hw-home-1:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-home-2:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-home-3:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-home-4:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-home-5:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-home-6:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-home-7:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-home-8:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-home-9:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-home-10:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-home-11:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-home-12:hover{border-color:#F6EFE1 !important;color:#C9A66B !important}
.hw-home-13:hover{color:#A9823E !important;border-bottom-color:#A9823E !important}
.hw-home-14:hover{background:#2F4133 !important;border-color:#2F4133 !important;color:#F6EFE1 !important}
.hw-home-15:hover{background:#2F4133 !important;border-color:#2F4133 !important;color:#F6EFE1 !important}
.hw-home-16:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-home-17:hover{background:#A9823E !important;border-color:#A9823E !important}
.hw-home-18:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-home-19:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-home-20:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-home-21:hover{color:#A9823E !important;border-bottom-color:#A9823E !important}
.hw-home-22:focus{border-color:#2F4133 !important}
.hw-home-23:hover{background:#A9823E !important;border-color:#A9823E !important}
.hw-home-24:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-home-25:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-home-26:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-home-27:hover{color:#C9A66B !important}
.hw-home-28:hover{color:#C9A66B !important}
.hw-home-29:hover{color:#C9A66B !important}
.hw-home-30:hover{color:#C9A66B !important}
.hw-home-31:hover{color:#C9A66B !important}
.hw-home-32:hover{color:#C9A66B !important}
.hw-home-33:hover{color:#C9A66B !important}
.hw-home-34:hover{color:#C9A66B !important}
.hw-home-35:hover{color:#C9A66B !important}
.hw-home-36:hover{color:#C9A66B !important}
.hw-home-37:hover{color:#C9A66B !important}
.hw-home-38:hover{color:#C9A66B !important}
.hw-home-39:hover{color:#C9A66B !important}

/* --- More dropdown --- */
.hw-nm-item + .hw-nm-item{border-top:1px solid rgba(169,130,62,.13)}
.hw-nm-item:hover{background:#FBF7EE !important}
.hw-nm-item:hover .hw-nm-t{color:#A9823E !important}
.hw-nm-item:hover .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
.hw-nm-item:focus-visible{background:#FBF7EE !important;outline:1px solid rgba(169,130,62,.45);outline-offset:-1px}
.hw-nm-item:focus-visible .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
[data-navmorebtn] .hw-nm-chev{transition:transform .38s cubic-bezier(.22,1,.36,1)}
[data-navmorebtn][aria-expanded="true"] .hw-nm-chev{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.hw-nm-panel,.hw-nm-item,.hw-nm-arrow,.hw-nm-chev{transition-duration:.01ms !important}}