@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/barlow-condensed-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/barlow-condensed-700.woff2') format('woff2'); }

html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; color: #24333a; font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
img { display: block; max-width: 100%; }
a { color: #24333a; text-decoration: none; }
a:hover { color: #0f1a1f; }
button { font: inherit; }

/* responsive header switch (matches the 1080px breakpoint of the design) */
@media (max-width: 1080px) { .d-only { display: none !important; } }
@media (min-width: 1081px) { .m-only { display: none !important; } }

/* mobile menu */
.us-drawer { display: none !important; }
.us-drawer.us-open { display: flex !important; }
body.us-drawer-open { overflow: hidden; }

/* mobile call bar */
.us-callbar, .us-callbar-spacer { display: none !important; }
@media (max-width: 1080px) {
  body.us-scrolled .us-callbar { display: flex !important; }
  body.us-scrolled .us-callbar-spacer { display: block !important; }
}

.h1:hover{color:#fff !important;border-bottom:1px solid rgba(255,255,255,.5) !important}
.h2:hover{color:#e8443f !important}
.h3:hover{background:#1b262c !important}
.h4:hover{background:#e9e6e2 !important}
.h5:hover{border-bottom:1px solid #24333a !important}
.h6:hover{border-bottom:1px solid #fff !important}
.h7:hover{opacity:.97 !important}
.h8:hover{color:#fff !important}
.h9:hover{background:#faf9f8 !important}
.h10:hover{color:#24333a !important}
