/* Peninsula Dentists: teal colour scheme (Practice settings > Colour scheme = teal).
   A lighter touch than the group's navy scheme: teal ribbon, header, statement bands, footer and phone bar,
   with the ivory-and-gold logo and Champagne Gold buttons on teal. Every page, the homepage included, opens on Warm Ivory
   with teal type (v1.4: the homepage hero was teal until 17 October 2026). */
.teal{--hn:#14383D;--hn-2:#1A454B;--hn-3:#0F2E33;--hg:#BBA37A;--hg-2:#CDB78E;--hw:#F7F4ED;--hw-2:rgba(247,244,237,.8);--hw-3:rgba(247,244,237,.62);--hr:rgba(247,244,237,.14)}
/* ribbon and header */
.teal .ribbon{background:var(--hn-3);color:var(--hw-2);border-bottom:1px solid var(--hr)}
.teal .ribbon .more{color:var(--hg)}
.teal .hdr{background:var(--hn)!important;border-bottom:1px solid rgba(187,163,122,.28)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.teal .nav .nl,.teal .nav .nl .lf,.teal .nav .nl .ls{color:var(--hw)}
.teal .nav .ni:hover>.nl,.teal .nav .ni:hover>.nl .lf,.teal .nav .nl.on .lf,.teal .nav .nl.act .lf{color:var(--hg)}
.teal .hdr-r .btn-p{background:var(--hg)!important;color:var(--hn)!important;border-color:var(--hg)!important}
.teal .hdr .icon-btn{background:transparent;border-color:var(--hr)}
.teal .mtoggle{background:transparent!important;border-color:rgba(245,242,236,.35)!important}
.teal .mtoggle::before{border-top-color:var(--hw)!important;border-bottom-color:var(--hw)!important}
@media (max-width:760px){
  .teal .nav .nl{background:rgba(245,242,236,.06)!important;border-color:rgba(245,242,236,.22)!important;color:var(--hw)!important}
  .teal .nav .nl.on,.teal .nav .nl.act{background:var(--hg)!important;border-color:var(--hg)!important;color:var(--hn)!important}
  .teal .nav .nl.on .ls,.teal .nav .nl.act .ls{color:var(--hn)!important}
  .teal .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 */
.teal .mmenu .mh{background:var(--hn);margin:-12px -20px 12px;padding:12px 20px}
.teal .mmenu .mtoggle::before{border-color:var(--hw)!important}

/* the first section of every page sits on navy */
/* cards that sit on the navy hero keep their own light surface and dark text */

/* dark statement sections */
.teal .bg-dark{background:var(--hn)}
.teal .bg-dark .btn-p{background:var(--hg)!important;color:var(--hn)!important}
.teal .bg-dark .eyebrow,.teal .bg-dark .kick{color:var(--hg)}

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

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


/* Peninsula additions */
.teal .hdr .logo img{filter:none}
.teal .ribbon{background:var(--hn-3)}
.teal .bg-dark .btn-s{border-color:var(--hg);color:var(--hw)}
.teal .bg-dark .more{color:var(--hw)}
.teal .ckbar button[data-ck="yes"]{background:var(--hg);color:var(--hn);border-color:var(--hg)}