* { box-sizing: border-box; }
body { margin: 0; overflow-wrap: anywhere; background: #efefe9; color: #767673; font: 300 16px/26px "Droid Sans", "Open Sans", Arial, sans-serif; }
a { color: #27968b; text-decoration: none; }
a:hover { color: #464646; text-decoration: underline; }
img { max-width: 100%; height: auto; }
.snd-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.snd-head, .snd-nav, .snd-page, .snd-foot { max-width: 1140px; margin: 0 auto; }
.snd-head { background: #c69f33; background-clip: padding-box; border: solid #fff; border-width: 36px 36px 0; color: #000; text-align: center; box-shadow: 0 0 5px #ddd; }
.snd-head { margin-top: 32px; }
.snd-foot { margin-bottom: 32px; }
.snd-head-in { padding: 48px 0; }
.snd-brand { margin: 0; font: 300 50px/50px "Roboto Slab", Arial, sans-serif; }
.snd-brand a { color: #000; }
.snd-brand a:hover { text-decoration: none; }
.snd-logo { vertical-align: middle; margin-right: 12px; width: 60px; height: 60px; }
.snd-motto { margin: 8px 0 0; font-size: 16px; }
.snd-nav { background: #c69f33; }
.snd-nav-in { background: rgba(0, 0, 0, 0.05); }
.snd-toggle { display: none; }
.snd-menu { margin: 0; padding: 0; list-style: none; text-align: left; font-size: 14px; }
.snd-menu-item { display: inline-block; padding: 20px 24px; color: #fff; line-height: 14px; }
.snd-menu-item:hover { color: #464646; text-decoration: none; }
.snd-menu-on, .snd-menu-on:hover { background: #fff; color: #767673; text-decoration: none; }
.snd-page { background: #fff; padding: 32px 36px 4px; box-shadow: 0 0 5px #ddd; display: flex; align-items: flex-start; gap: 36px; }
.snd-main { flex: 1 1 auto; min-width: 0; max-width: 700px; }
.snd-side { flex: 0 0 332px; }
.snd-entry { border: 1px solid #eeeee8; padding: 20px; margin: 0 0 32px; }
.snd-entry-title { margin: 0 0 24px; color: #222; font: 300 30px/36px "Roboto Slab", Arial, sans-serif; text-align: center; overflow-wrap: anywhere; }
.snd-entry-title a { color: #222; }
.snd-entry-meta { margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid #eeeee8; font-size: 12px; line-height: 19.5px; text-align: center; }
.snd-entry-pic { display: block; width: 100%; margin: 0 0 24px; }
.snd-entry-body { margin: 0 0 26px; }
.snd-entry-full { border: 0; padding: 0; }
.snd-text { overflow-wrap: anywhere; }
.snd-text p, .snd-text ul, .snd-text ol, .snd-text blockquote { margin: 0 0 26px; }
.snd-text h2, .snd-text h3 { color: #222; font-family: "Roboto Slab", Arial, sans-serif; font-weight: 300; margin: 32px 0 16px; }
.snd-text h2 { font-size: 26px; line-height: 32px; }
.snd-text h3 { font-size: 21px; line-height: 28px; }
.snd-text ul, .snd-text ol { padding-left: 32px; }
.snd-text li { margin: 0 0 6px; }
.snd-text blockquote { border-left: 4px solid #c69f33; padding: 4px 0 4px 20px; background: #f8f8f5; }
.snd-text strong { color: #222; font-weight: 700; }
.snd-text em { font-style: italic; }
.snd-text code { background: #efefe9; padding: 1px 5px; font-size: 14px; }
.snd-text pre { background: #efefe9; padding: 16px; overflow-x: auto; margin: 0 0 26px; }
.snd-text pre code { background: none; padding: 0; }
.snd-text table { overflow-wrap: normal; display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 26px; }
.snd-text th, .snd-text td { border: 1px solid #eeeee8; padding: 8px 12px; text-align: left; }
.snd-picks { margin: 32px 0 26px; padding: 16px 20px 16px 36px; border: 1px solid #eeeee8; background: #f8f8f5; }
.snd-picks::before { content: attr(data-caption); display: block; margin: 0 0 8px -16px; color: #222; font-family: "Roboto Slab", Arial, sans-serif; }
.snd-shots { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 26px; }
.snd-shots img { flex: 1 1 220px; max-width: 300px; }
.snd-archive { border: 1px solid #eeeee8; padding: 20px; margin: 0 0 32px; }
.snd-archive-title { margin: 0; color: #222; font: 300 20px/24px "Roboto Slab", Arial, sans-serif; overflow-wrap: anywhere; }
.snd-empty { margin: 0 0 32px; }
.snd-widget { border: 1px solid #eeeee8; padding: 32px; margin: 0 0 32px; font-size: 15px; line-height: 24.4px; }
.snd-widget div { margin: 0; }
.snd-widget-title { margin: 0 0 24px; color: #222; font: 300 20px/24px "Roboto Slab", Arial, sans-serif; text-align: center; }
.snd-find { display: flex; gap: 8px; }
.snd-find-input { flex: 1 1 auto; min-width: 0; height: 57px; padding: 0 12px; border: 1px solid #eeeee8; box-shadow: inset 0 0 5px #f8f8f8; font: 300 14px "Droid Sans", "Open Sans", Arial, sans-serif; color: #767673; }
.snd-find-go { padding: 0 14px; border: 0; background: #c69f33; color: #000; font: inherit; font-size: 14px; cursor: pointer; }
.snd-foot { background: #c69f33; background-clip: padding-box; border: solid #fff; border-width: 0 36px 36px; color: #000; padding: 36px 0; text-align: center; font-size: 12px; }
.snd-foot-line { display: block; font-size: 12px; }
.snd-pager { display: flex; justify-content: space-between; gap: 16px; margin: 0 0 28px; }
.snd-pager-link { display: inline-block; padding: 8px 18px; border: 1px solid #c69f33; color: #767673; font-size: 14px; line-height: 20px; }
.snd-pager-link:hover { background: #c69f33; color: #fff; text-decoration: none; }
.snd-pager-aged { margin-left: auto; }
.snd-pager-nums { justify-content: center; flex-wrap: wrap; gap: 6px; }
.snd-pager-num { min-width: 36px; padding: 8px 10px; border: 1px solid #c69f33; color: #767673; font-size: 14px; line-height: 20px; text-align: center; }
a.snd-pager-num:hover { background: #c69f33; color: #fff; text-decoration: none; }
.snd-pager-num-cur { background: #c69f33; color: #fff; }
.snd-pager-num-gap { border-color: transparent; }
.snd-pager-arrow { min-width: 36px; padding: 8px 10px; text-align: center; }
.snd-pager-mid { align-self: center; color: #767673; font-size: 14px; }
.snd-pager-off { opacity: .45; }
.snd-pager-nums .snd-pager-aged, .snd-pager-nums .snd-pager-arrow:last-child { margin-left: 0; }