/* Hamilton Smile Studios: navy colour scheme (Practice settings > Colour scheme = navy).
   Navy header, top hero and footer with the navy-background logo; gold for primary buttons, kickers and rules,
   off-white and white for the reading sections in between. */
.navy{--hn:#07192F;--hn-2:#0C2340;--hn-3:#051428;--hg:#D9AD60;--hg-2:#E4C080;--hw:#F5F2EC;--hw-2:rgba(245,242,236,.78);--hw-3:rgba(245,242,236,.6);--hr:rgba(245,242,236,.14)}

/* ribbon and header */
.navy .ribbon{background:var(--hn-3);color:var(--hw-2);border-bottom:1px solid var(--hr)}
.navy .ribbon .more{color:var(--hg)}
.navy .hdr{background:var(--hn)!important;border-bottom:1px solid rgba(217,173,96,.28)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.navy .nav .nl,.navy .nav .nl .lf,.navy .nav .nl .ls{color:var(--hw)}
.navy .nav .ni:hover>.nl,.navy .nav .ni:hover>.nl .lf,.navy .nav .nl.on .lf,.navy .nav .nl.act .lf{color:var(--hg)}
.navy .hdr-r .btn-p{background:var(--hg)!important;color:var(--hn)!important;border-color:var(--hg)!important}
.navy .hdr .icon-btn{background:transparent;border-color:var(--hr)}
.navy .mtoggle{background:transparent!important;border-color:rgba(245,242,236,.35)!important}
.navy .mtoggle::before{border-top-color:var(--hw)!important;border-bottom-color:var(--hw)!important}
@media (max-width:760px){
  .navy .nav .nl{background:rgba(245,242,236,.06)!important;border-color:rgba(245,242,236,.22)!important;color:var(--hw)!important}
  .navy .nav .nl.on,.navy .nav .nl.act{background:var(--hg)!important;border-color:var(--hg)!important;color:var(--hn)!important}
  .navy .nav .nl.on .ls,.navy .nav .nl.act .ls{color:var(--hn)!important}
  .navy .hdr-r .btn-em{box-shadow:0 0 0 1px rgba(245,242,236,.12)}
}
/* the mobile menu keeps its light page, with a navy band at the top */
.navy .mmenu .mh{background:var(--hn);margin:-12px -20px 12px;padding:12px 20px}
.navy .mmenu .mtoggle::before{border-color:var(--hw)!important}

/* the first section of every page sits on navy */
.navy main>section.hero:first-of-type,.navy main>section.hero-wrap:first-of-type{background:var(--hn);color:var(--hw);--head:var(--hw);--basalt:var(--hw);--basalt-2:var(--hw-2);--titanium:rgba(245,242,236,.72);--hairline:var(--hr);padding-bottom:max(var(--pb,0px),56px)}
.navy main>section.hero:first-of-type .kick,.navy main>section.hero:first-of-type .eyebrow,.navy main>section.hero:first-of-type .eyebrow a{color:var(--hg)!important}
.navy main>section.hero:first-of-type :is(.lede,.muted,p){color:var(--hw-2)}
.navy main>section.hero:first-of-type .small{color:var(--hw-3)}
.navy main>section.hero:first-of-type :is(a.u,.u){color:var(--hw)}
.navy main>section.hero:first-of-type .more{color:var(--hw)}
.navy main>section.hero:first-of-type .btn-p{background:var(--hg);color:var(--hn)!important;border-color:var(--hg)}
.navy main>section.hero:first-of-type .btn-s{border-color:rgba(245,242,236,.55);color:var(--hw)}
.navy main>section.hero:first-of-type .btn-wa:not(.btn-wag){background:transparent;border-color:rgba(245,242,236,.4);color:var(--hw)}
.navy main>section.hero:first-of-type .btn-em{background:#B42318}
.navy main>section.hero:first-of-type .btn-p[data-go*="emergencies"]{background:transparent;border:1.5px solid rgba(245,242,236,.55);color:var(--hw)!important}
/* cards that sit on the navy hero keep their own light surface and dark text */
.navy main>section.hero:first-of-type :is(.cred,.clin,.apx,.apex,.badge,.card,.tilec,.facts>div,.pfst>div,.kf>div,.fb,.bk,.bkm-r,.cc,.opt>div,.why>div,.pft){--basalt:#07192F;--basalt-2:#14294A;--titanium:#4F5B6E;--head:#07192F;--hairline:#D0CAC2;color:#07192F}
.navy main>section.hero:first-of-type :is(.cred,.clin,.apx,.apex,.badge,.card,.tilec,.pft) :is(p,span,.muted,.small){color:inherit}
.navy main>section.hero:first-of-type .cred span{color:#4F5B6E}
.navy main>section.hero:first-of-type .cred b{color:#07192F}

/* rating bar and dark sections */
.navy .grbar{background:var(--hn-2);border-top-color:var(--hr)}
.navy .grbar .gin{color:var(--hw-2)}
.navy .grbar b,.navy .grbar .more{color:var(--hw)}
.navy .grbar .gc{color:var(--hw-3)}
.navy .bg-dark{background:var(--hn)}
.navy .bg-dark .btn-p{background:var(--hg)!important;color:var(--hn)!important}
.navy .bg-dark .eyebrow,.navy .bg-dark .kick{color:var(--hg)}

/* footer on navy */
.navy .ftr{background:var(--hn)!important;color:var(--hw-3)!important;--head:var(--hw);--hairline:var(--hr);--titanium:var(--hw-3);--accent:var(--hw)}
.navy .ftr a,.navy .ftr li a{color:var(--hw-2)}
.navy .ftr a:hover{color:var(--hw)}
.navy .ftr .fh{color:var(--hg)!important}
.navy .ftr .fh::after{color:var(--hg)!important}
.navy .ftr .fns,.navy .ftr .fns li,.navy .ftr .reg,.navy .ftr .base,.navy .ftr .more-ways{color:var(--hw-3)!important}
.navy .ftr .more-ways a{color:var(--hw)!important}
.navy .ftr .fns,.navy .ftr .dir,.navy .ftr .more-ways{border-color:var(--hr)!important}
.navy .ftr .base{border-top-color:rgba(217,173,96,.35)!important}
.navy .ftr .lg a{border-color:var(--hr)!important}

/* phone bottom bar */
.navy .mbar{background:rgba(7,25,47,.94)!important;border-top:1px solid var(--hr)}
.navy .mbar a{background:transparent!important;border-color:rgba(245,242,236,.35)!important;color:var(--hw)!important}
.navy .mbar a.p{background:var(--hg)!important;border-color:var(--hg)!important;color:var(--hn)!important}
.navy .mbar a.wa{background:#12813D!important;border-color:#12813D!important;color:#fff!important}

/* in-page sub-navigation (implants, bonding, plans...) joins the navy header */
.navy .subnav{background:var(--hn-2)!important;border-color:var(--hr)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.navy .subnav .t{color:var(--hw)!important}
.navy .subnav .l span:not(.btn){color:var(--hw-2)!important}
.navy .subnav .l span.on{color:var(--hg)!important}
.navy .subnav .btn-p{background:var(--hg)!important;color:var(--hn)!important;border-color:var(--hg)!important}