.site-logo { height: 4.25rem; width: auto; }
.site-title { min-width: 16rem; }
/* Brand icons (local SVG files, Simple Icons, CC0) drawn as masks so they can be coloured */
.social-icon { display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .4rem; vertical-align: middle;
  background-color: var(--icon-color, #333); -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat; }
.social-icon:hover { opacity: .7; }
.social-icon-youtube { --icon: url("../images/youtube.svg"); --icon-color: #ff0000; }
.social-icon-github { --icon: url("../images/github.svg"); --icon-color: #181717; }
.social-icon-x { --icon: url("../images/x.svg"); --icon-color: #000; }
.footer-logo { width: 90%; max-height: 60px; object-fit: contain; }
.wizard-step[hidden] { display: none; }
.doc { overflow-wrap: anywhere; }
.doc h1 { font-size: 1.75rem; margin-top: .5rem; }
.doc h2 { font-size: 1.3rem; margin-top: 1.75rem; padding-bottom: .25rem; border-bottom: 1px solid #dee2e6; }
.doc dt { font-weight: 600; margin-top: .75rem; }
.doc dd { margin-left: 1.5rem; }
.doc a[name] { display: block; height: 0; overflow: hidden; scroll-margin-top: 1rem; }
.doc dt + dt { margin-top: .15rem; }
.doc pre, pre { white-space: pre-wrap; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: .25rem; padding: .5rem .75rem; }
.doc hr { margin: 1rem 0; }
.motif { border: 1px solid #87ceff; border-radius: .5rem; padding: 1rem; margin-bottom: 1.5rem; }
.motif-name { font-weight: bold; font-size: 1.15rem; margin-bottom: .5rem; }
.sites td.sequence, .sites td.seq_id { font-family: monospace; }
.sites tr.odd > td { background-color: rgba(135, 206, 255, .25); }
.sites td.score { text-align: center; vertical-align: middle; }
.logo-figure svg { max-width: 100%; height: auto; }

/* Space between the SIB mark and the dash that follows it in the page title */
.sib-mark { margin-right: .5rem; }
.sib-mark img { height: 20px; width: auto; }
/* 5% side margins for the main navigation and for the results page */
.main-nav { margin-left: 5%; margin-right: 5%; }
.results-page { margin-left: 5%; margin-right: 5%; }
/* "?" buttons that open the help popovers on the advanced form */
.help-btn { width: 1.25rem; height: 1.25rem; padding: 0; margin-left: .35rem; border: 1px solid #0d6efd;
  border-radius: 50%; background: #fff; color: #0d6efd; font-size: .75rem; line-height: 1; font-weight: 700;
  vertical-align: middle; }
.help-btn:hover, .help-btn:focus { background: #0d6efd; color: #fff; }
.popover { max-width: 22rem; }
/* contact page */
.avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
.social-icon-bluesky { --icon: url("../images/bluesky.svg"); --icon-color: #1185fe; }