/* Proposal description content.
   Applied on the proposal page (#description) and inside the editor (TinyMCE content_css, body.proposal-content),
   so what owners see while editing is what masternode owners see on the site. */
#description, .proposal-content {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #333;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
body.proposal-content { margin: 12px; }
#description p, .proposal-content p { margin: 0 0 8px; }
#description h1, .proposal-content h1,
#description h2, .proposal-content h2,
#description h3, .proposal-content h3,
#description h4, .proposal-content h4,
#description h5, .proposal-content h5,
#description h6, .proposal-content h6 { font-weight: bold; line-height: 1.2; margin: 14px 0 6px; }
#description h1, .proposal-content h1 { font-size: 24px; }
#description h2, .proposal-content h2 { font-size: 20px; }
#description h3, .proposal-content h3 { font-size: 18px; }
#description h4, .proposal-content h4 { font-size: 16px; }
#description h5, .proposal-content h5 { font-size: 14px; }
#description h6, .proposal-content h6 { font-size: 13px; }
#description ul, .proposal-content ul,
#description ol, .proposal-content ol { margin: 0 0 8px 24px; padding: 0; }
#description img, .proposal-content img { max-width: 100%; height: auto; }
#description iframe, .proposal-content iframe { max-width: 100%; }
#description table, .proposal-content table { border-collapse: collapse; max-width: 100%; margin: 8px 0; }
#description td, .proposal-content td,
#description th, .proposal-content th { border: 1px solid #ddd; padding: 4px 8px; vertical-align: top; }
#description th, .proposal-content th { background: #f5f5f5; font-weight: bold; }
#description blockquote, .proposal-content blockquote { border-left: 4px solid #ddd; margin: 8px 0; padding: 4px 12px; color: #555; font-size: 14px; }
#description pre, .proposal-content pre { background: #f5f5f5; border: 1px solid #ddd; padding: 8px; overflow-x: auto; white-space: pre-wrap; }
#description code, .proposal-content code { background: #f5f5f5; padding: 1px 3px; }
#description hr, .proposal-content hr { border: 0; border-top: 1px solid #ddd; margin: 12px 0; }

/* click-to-load video embeds on the proposal page (dw.js replaces the iframes until the reader clicks) */
#description .video-facade { position: relative; width: 100%; margin: 8px 0; background: #111; cursor: pointer; overflow: hidden; border-radius: 4px; }
#description .video-facade img { display: block; width: 100%; height: 100%; object-fit: cover; }
#description .video-facade-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; background: rgba(0, 0, 0, 0.75); border-radius: 12px; }
#description .video-facade-play::after { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff; }
#description .video-facade:hover .video-facade-play, #description .video-facade:focus .video-facade-play { background: #c4302b; }
#description .video-facade-vimeo::before { content: "Vimeo video"; position: absolute; left: 12px; bottom: 10px; color: #fff; font-size: 13px; }