/* AtWeb Product Q&A - storefront. Takes the theme's fonts, colours and buttons; only spacing and the Q / A marks are its own. */
.atweb-qa { clear: both; margin: 32px 0; }
.atweb-qa.is-tab { margin: 8px 0 0; }
.atweb-qa-title { margin: 0 0 6px; }
.atweb-qa-count { font-weight: 400; opacity: .7; }
.atweb-qa-intro { margin: 0 0 14px; opacity: .85; }
.atweb-qa-tools { margin: 0 0 12px; }
.atweb-qa-search { max-width: 340px; }
.atweb-qa-list { border-bottom: 1px solid rgba(0, 0, 0, .1); }
.atweb-qa-item { border-top: 1px solid rgba(0, 0, 0, .1); padding: 16px 0; }
.atweb-qa-q, .atweb-qa-a { display: flex; align-items: flex-start; gap: 12px; }
.atweb-qa-a { margin-top: 10px; }
.atweb-qa-mark { flex: 0 0 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; line-height: 1; background: #eef1f5; color: #2f3b4c; }
.atweb-qa-a .atweb-qa-mark { background: #e3f3e8; color: #1d6b35; }
.atweb-qa-body { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; }
.atweb-qa-question { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 4px 0 2px; text-transform: none; letter-spacing: normal; }
.atweb-qa-answer { line-height: 1.6; margin-top: 4px; }
.atweb-qa-meta { font-size: 12px; opacity: .7; margin: 4px 0 0; }
.atweb-qa-wait { margin: 8px 0 0 40px; font-size: 13px; font-style: italic; opacity: .75; }
.atweb-qa-vote-line { margin: 8px 0 0 40px; }
.atweb-qa-vote { min-height: 32px; padding: 4px 14px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 999px; background: transparent;
  color: inherit; font-size: 12px; cursor: pointer; }
.atweb-qa-vote:hover { border-color: rgba(0, 0, 0, .45); }
.atweb-qa-vote[aria-pressed="true"] { background: #e3f3e8; border-color: #9fd3ae; color: #1d6b35; cursor: default; }
.atweb-qa-vote:focus-visible, .atweb-qa-ask > summary:focus-visible { outline: 2px solid #1e66d0; outline-offset: 2px; }
.atweb-qa-empty { margin: 0; padding: 16px 0; opacity: .8; }
.atweb-qa-more-line { margin: 14px 0 0; }
.atweb-qa-ask { margin-top: 18px; }
.atweb-qa-ask > summary { display: inline-block; list-style: none; cursor: pointer; }
.atweb-qa-ask > summary::-webkit-details-marker { display: none; }
.atweb-qa-form { max-width: 680px; margin-top: 14px; }
.atweb-qa-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.atweb-qa-form .checkbox label { font-weight: 400; }
/* themes that lay out form-group as a row (Journal 3): label above the field */
.atweb-qa-form .form-group { display: block !important; margin-bottom: 12px; }
.atweb-qa-form .form-group > .control-label { display: block; width: auto !important; max-width: none; float: none; text-align: left; padding: 0; margin: 0 0 4px; }
.atweb-qa-form .form-group > .form-control { width: 100%; max-width: none; }
.atweb-qa-msg { min-height: 1.4em; margin: 6px 0 0; font-weight: 600; }
.atweb-qa-msg.is-ok { color: #1d6b35; }
.atweb-qa-msg.is-error { color: #b42318; }
.atweb-qa-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.atweb-qa-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 600px) {
  .atweb-qa-row { grid-template-columns: 1fr; }
  .atweb-qa-wait, .atweb-qa-vote-line { margin-left: 0; }
}