/* The Sconce Society — site styles */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { margin: 0; font-family: "Source Sans 3", Arial, sans-serif; font-size: 18px; line-height: 1.65; color: #26303d; background: #fbf8f2; }
a { color: #1f3a5f; }
a:hover { color: #b4893a; }
.masthead { background: #1f3a5f; color: #fbf8f2; }
.masthead .inner { max-width: 1100px; margin: 0 auto; padding: 22px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.masthead .name { font-family: "Libre Baskerville", Georgia, serif; font-size: 26px; color: #fbf8f2; text-decoration: none; }
.masthead .name small { display: block; font-family: "Source Sans 3", sans-serif; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #d9c08e; }
.masthead nav a { color: #fbf8f2; text-decoration: none; margin-left: 22px; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; }
.masthead nav a:hover { color: #d9c08e; }
.container { max-width: 1100px; margin: 0 auto; padding: 36px 20px; display: grid; grid-template-columns: 1fr 300px; gap: 44px; }
.search-row { display: flex; gap: 10px; margin-bottom: 26px; }
.search-row input { flex: 1; padding: 11px 14px; border: 1px solid #c9c1b1; background: #fff; font: inherit; font-size: 16px; }
.post-summary { display: grid; grid-template-columns: 240px 1fr; gap: 24px; padding: 0 0 28px; margin: 0 0 28px; border-bottom: 1px solid #e3dccd; }
.post-summary img { width: 100%; height: 170px; object-fit: cover; }
.post-summary h2 { font-family: "Libre Baskerville", Georgia, serif; font-size: 22px; line-height: 1.3; margin: 2px 0 8px; }
.post-summary h2 a { text-decoration: none; }
.post-summary .meta, .post .meta { font-size: 14px; color: #7a7f87; text-transform: uppercase; letter-spacing: 1px; }
.post-summary p { margin: 0 0 6px; font-size: 16px; }
.pager { display: flex; justify-content: space-between; align-items: center; }
.pager button { background: #1f3a5f; color: #fff; border: 0; padding: 10px 20px; font: inherit; font-size: 15px; cursor: pointer; }
.pager button[disabled] { opacity: .35; cursor: default; }
.sidebar .panel { background: #fff; border: 1px solid #e3dccd; padding: 22px; margin-bottom: 26px; }
.sidebar h3 { font-family: "Libre Baskerville", Georgia, serif; font-size: 17px; margin: 0 0 12px; border-bottom: 2px solid #b4893a; padding-bottom: 8px; }
.sidebar ul { margin: 0; padding-left: 18px; font-size: 16px; }
.sidebar li { margin-bottom: 6px; }
.post h1 { font-family: "Libre Baskerville", Georgia, serif; font-size: 36px; line-height: 1.25; margin: 6px 0 12px; }
.post .feature { width: 100%; margin: 20px 0; }
.post .entry h2 { font-family: "Libre Baskerville", Georgia, serif; font-size: 24px; margin: 34px 0 10px; color: #1f3a5f; }
.post .entry figure { margin: 28px 0; }
.post .entry figure img { width: 100%; }
.post .share { margin-top: 30px; padding: 16px; background: #f1ebdf; font-size: 15px; }
.breadcrumbs { font-size: 14px; color: #7a7f87; }
.page-body h1 { font-family: "Libre Baskerville", Georgia, serif; font-size: 34px; }
.page-body h2 { font-family: "Libre Baskerville", Georgia, serif; font-size: 21px; margin-top: 30px; }
.page-body input, .page-body textarea { width: 100%; padding: 11px; border: 1px solid #c9c1b1; font: inherit; margin-bottom: 14px; }
.page-body button { background: #b4893a; color: #fff; border: 0; padding: 11px 26px; font: inherit; cursor: pointer; }
.site-footer { background: #17293f; color: #c5cdd8; text-align: center; padding: 30px 20px; font-size: 15px; }
.site-footer a { color: #d9c08e; margin: 0 9px; }
@media (max-width: 900px) { .container { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .post-summary { grid-template-columns: 1fr; } .masthead nav a { margin: 0 14px 0 0; } }