/* MyFreeDNC blog + 404: extends css/style.css (Bootstrap 3.3.7 look). */
.mfd-blog .page-header h1, .mfd-404 h1 { margin-top: 10px; }
.mfd-blog-wrap { padding-bottom: 40px; }
.mfd-blog-lead { color: #555; max-width: 720px; }
.mfd-cards { display: flex; flex-wrap: wrap; }
.mfd-cards > [class*="col-"] { display: flex; }
.mfd-card { width: 100%; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; }
.mfd-card-img { width: 100%; height: 190px; object-fit: cover; display: block; }
.mfd-card .panel-body { display: flex; flex-direction: column; flex: 1; }
.mfd-card .panel-body .btn { margin-top: auto; align-self: flex-start; }
.mfd-card-title { font-size: 20px; margin-top: 4px; line-height: 1.3; }
.mfd-card-title a { color: #222; }
.mfd-card-date { color: #777; font-size: 13px; }
.mfd-post { max-width: 780px; margin: 0 auto; }
.mfd-post-head h1 { font-size: 32px; line-height: 1.25; }
.mfd-post-meta { color: #777; }
.mfd-post-hero { margin: 18px 0 24px; }
.mfd-post-hero img { width: 100%; height: auto; border-radius: 6px; }
.mfd-post-body { font-size: 17px; line-height: 1.7; }
.mfd-post-body h2 { font-size: 24px; margin-top: 30px; }
.mfd-post-body h3 { font-size: 20px; margin-top: 24px; }
.mfd-post-body img { max-width: 100%; height: auto; }
.mfd-post-body table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.mfd-post-body th, .mfd-post-body td { border: 1px solid #ddd; padding: 8px; }
.mfd-post-body blockquote { font-size: 17px; }
.mfd-post-note { color: #777; font-size: 13px; border-top: 1px solid #eee; padding-top: 12px; margin-top: 28px; }
.mfd-post-cta { text-align: center; padding: 24px !important; }
.mfd-post-cta h2 { margin-top: 0; font-size: 26px; }
@media (max-width: 767px) {
  .mfd-blog .navbar-nav { margin: 0; }
  .mfd-blog .navbar-nav > li { float: left; }
  .mfd-post-head h1 { font-size: 26px; }
  .mfd-post-body { font-size: 16px; }
  .footer-bottom .pull-left, .footer-bottom .pull-right { float: none !important; }
}