/* BioSupply: WordPress glue on top of the prototype styles (prototype.css). */

body{margin:0}
img{max-width:100%;height:auto}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;left:12px;top:12px;z-index:100;background:var(--bg);color:var(--accent);padding:10px 14px;border:1px solid var(--accent);border-radius:4px}

/* header: prototype account/basket controls are links here */
a.basket-btn{text-decoration:none}
a.basket-btn:hover{text-decoration:none}
nav a[aria-current="page"]{color:var(--accent)}
.admin-bar .pp-toc,.admin-bar .acct-nav{top:128px}

/* generic page content (pages without a BioSupply template) */
.entry-content>*+*{margin-top:1em}
.entry-content h2{font-size:22px;margin-top:1.6em}
.entry-content h3{font-size:18px;margin-top:1.4em}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content img{border-radius:6px}
.entry+.entry{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.entry h2{font-size:22px}
.entry .entry-content{margin-top:10px;color:var(--muted)}
.nav-links{display:flex;gap:10px;margin-top:28px}
.nav-links .page-numbers{border:1px solid var(--line);border-radius:4px;padding:6px 12px}
.nav-links .current{border-color:var(--accent);color:var(--accent)}

/* contact form */
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.field select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--fg);min-width:0}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--warn)}
#contact .form-msg:empty{display:none}

/* landing pages: "How it works" is a link here */
.lp-actions a.btn{text-decoration:none}

/* certificates: lookup anchored to the result after a search */
#result{scroll-margin-top:24px}
.coa-hit-head .sw img.pimg{border-radius:4px}
.sw img.pimg{border-radius:4px}