/* seo-custom.css — SEO/accessibility additions that keep the original Cento theme look.
   Colors and fonts match files/main_style_1457910781.css (black/grey text, Quattrocento + Quattrocento Sans). */

/* Banner title: was an <h2>; now a non-heading element with the same look */
.banner-wrap .banner .banner-title { margin-bottom: 15px; color: #ffffff; font-family: 'Quattrocento', serif; font-size: 50px; font-weight: 700; line-height: 1.2em; }

/* H1 uses the same style as the theme's H2 titles */
#wsite-content h1 { margin: 0 0 15px; color: #000000; font-family: 'Quattrocento', serif; font-size: 32px; font-weight: 700; line-height: 1.2em; }
#wsite-content h1 .h1-sub { display: block; margin-top: 6px; font-size: 20px; font-weight: 400; color: #3e3e3e; }
#wsite-content h3 { margin: 18px 0 8px; color: #000000; font-family: 'Quattrocento', serif; font-size: 19px; font-weight: 700; line-height: 1.3em; }

/* Section labels on the home page (were bold <font> text, now real H2 headings with the same look) */
#wsite-content h2.section-label { margin: 0 0 18px; font-family: 'Quattrocento Sans', sans-serif; font-size: 20px; font-weight: 700; color: #060101; text-transform: uppercase; letter-spacing: .02em; }

/* Readable in-content links (theme default #b9b9b9 is too light on white) */
#wsite-content a { color: #333333; text-decoration: underline; text-underline-offset: 2px; }
#wsite-content a:hover { color: #000000; }

/* Sidebar info block on inner pages (was one big <h2>) */
.sidebar-info { font-family: 'Quattrocento', serif; color: #000000; font-size: 16px; line-height: 1.55em; }
.sidebar-info ul { margin: 6px 0 14px; padding: 0; list-style: none; }
.sidebar-info li { margin: 0 0 4px; font-weight: 700; }
.sidebar-info .note { font-style: italic; font-weight: 400; color: #3e3e3e; }

/* Breadcrumb */
.breadcrumb { margin: 0 0 18px; font-size: 14px; color: #777777; }
.breadcrumb a { color: #555555 !important; }
.breadcrumb span[aria-current] { color: #3e3e3e; }

/* Articles */
.seo-article { max-width: 780px; margin: 0 auto; }
.seo-article p, .page-copy p { margin: 0 0 16px; font-size: 17px; line-height: 1.7em; color: #2a2a2a; }
.seo-article h2, .page-copy h2 { margin: 34px 0 12px; font-size: 26px; }
.seo-article ul, .seo-article ol, .page-copy ul, .page-copy ol { margin: 0 0 18px 1.4em; padding: 0; }
.seo-article ul li, .page-copy ul li { list-style: disc outside; margin: 0 0 8px; font-size: 17px; line-height: 1.6em; color: #2a2a2a; }
.seo-article ol li, .page-copy ol li { list-style: decimal outside; margin: 0 0 8px; font-size: 17px; line-height: 1.6em; color: #2a2a2a; }
.article-meta { margin: 0 0 22px !important; font-size: 14px !important; color: #777777 !important; }
.key-points { margin: 0 0 26px; padding: 18px 22px; background: #f7f7f7; border-left: 4px solid #333333; }
.key-points p { margin: 0 0 8px; font-weight: 700; }
.key-points ul { margin-bottom: 0; }
.article-cta { margin: 34px 0 20px; padding: 22px 24px; border: 2px solid #f0f0f0; background: #fafafa; }
.article-cta h2 { margin-top: 0 !important; font-size: 22px !important; }
.related-list li { margin-bottom: 6px; }
.article-disclaimer { font-size: 14px !important; color: #777777 !important; font-style: italic; }

/* Article listing (blog.html) */
.post-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.post-card { box-sizing: border-box; width: 50%; padding: 0 12px 24px; }
.post-card-inner { height: 100%; box-sizing: border-box; padding: 20px 22px; border: 2px solid #f7f7f7; background: #ffffff; }
.post-card h3 { margin-top: 0; font-size: 20px; }
.post-card h3 a { text-decoration: none !important; color: #000000 !important; }
.post-card p { font-size: 15px !important; margin-bottom: 10px !important; }
.post-card .read-more { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; }
.post-topic { margin: 30px 0 14px !important; }

/* Home: article teaser list and FAQ */
.home-section { margin-top: 30px; }
.faq-item { margin-bottom: 18px; }
.faq-item h3 { margin-bottom: 6px; }

/* Footer (was empty spacers) */
.site-footer-grid { display: flex; flex-wrap: wrap; max-width: 960px; margin: 0 auto 10px; text-align: left; }
.footer-col { box-sizing: border-box; width: 33.333%; padding: 0 15px 20px; }
.footer-title { margin: 0 0 8px !important; font-family: 'Quattrocento', serif; font-size: 16px !important; font-weight: 700; color: #000000; }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-links li { margin: 0 0 6px; font-size: 13px; }
.footer-links a { color: #555555; }
.footer-links a:hover { color: #000000; }
.footer-disclaimer { max-width: 930px; margin: 0 auto 8px !important; text-align: left; color: #777777; }
.footer-bottom { max-width: 930px; margin: 0 auto !important; text-align: right; color: #777777; }

@media screen and (max-width: 767px) {
  .banner-wrap .banner .banner-title { font-size: 34px; }
  .banner-wrap .banner p { font-size: 17px; line-height: 22px; }
  #wsite-content h1 { font-size: 26px; }
  #wsite-content h1 .h1-sub { font-size: 17px; }
  .seo-article h2, .page-copy h2 { font-size: 22px; }
  .seo-article p, .page-copy p, .seo-article ul li, .page-copy ul li, .seo-article ol li, .page-copy ol li { font-size: 16px; }
  .post-card { width: 100%; }
  .footer-col { width: 100%; }
  .footer-bottom { text-align: left; }
}