/* Seventh Designs - wp-twentyeleven-2011 adaptation. Layout family: seventh-endgrain-showcase-rail-2011 */
*{box-sizing:border-box}
body{margin:0;background:#E2E2E2;color:#1B1B1B;
 font:17px/1.62 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:#1982D1;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid #1982D1;outline-offset:2px}
img,svg{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;position:fixed;z-index:9;background:#FFF;padding:10px 14px;border:2px solid #1982D1}

.sheet{max-width:1100px;margin:32px auto;background:#FFF;border:1px solid #D5D5D5}
.sheet:after{content:"";display:block;clear:both}

/* 1 - title and rotating panorama */
.masthead{padding:26px 40px 0}
.masthead h1{margin:0;font-size:40px;line-height:1.1;letter-spacing:-.5px;font-weight:700}
.masthead h1 a{color:#1B1B1B}
.tagline{margin:6px 0 18px;font-size:13px;color:#6B6B6B}
.pano{margin:0}
.pano img{width:100%}
.panocap{font:12px/1.5 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;
 color:#6B6B6B;padding:8px 40px 16px}

/* 2 - black menu with search slot */
.menubar{background:#1B1B1B;padding:0 40px;display:flex;align-items:center;
 justify-content:space-between;flex-wrap:wrap;gap:6px}
.menubar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.menubar a{display:block;color:#EDEDED;padding:13px 16px;font-size:14px}
.menubar a:hover{background:#000;text-decoration:none}
.menubar a:focus-visible{outline:2px solid #FFF;outline-offset:-2px}
.menubar .here a{color:#FFF;font-weight:700}
.searchslot{background:#3A3A3A;color:#B9B9B9;font-size:13px;padding:7px 14px;
 border:1px solid #000;margin:6px 0}

/* end-grain motif */
.endgrain{height:4px;margin:22px 0 0;
 background:linear-gradient(to bottom,#1982D1 0,#1982D1 1px,transparent 1px,transparent 2px,
 rgba(25,130,209,.55) 2px,rgba(25,130,209,.55) 3px,rgba(25,130,209,.25) 3px,rgba(25,130,209,.25) 4px)}

/* 3 - showcase stage */
.stage{padding:30px 40px 0}
.stage h2{margin:0 0 8px;font-size:38px;line-height:1.16;font-weight:700}
.meta{font:12px/1.6 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#6B6B6B;margin:0 0 14px}
.meta a{color:#6B6B6B}
.stage figure{margin:0 0 16px}
.stage p{margin:0 0 14px}
.more{font-weight:700}

/* 4 - recent headline list */
.recent{padding:26px 40px 0}
.recent h2,.rail h2,.footcol h2{font-size:15px;font-weight:700;margin:0 0 10px;
 text-transform:uppercase;letter-spacing:.05em}
.recent ol{list-style:none;margin:0;padding:0}
.recent li{border-top:1px solid #DDD;padding:9px 0;display:flex;justify-content:space-between;gap:16px}
.recent li span{font:12px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;
 color:#6B6B6B;white-space:nowrap}
.recent a{font-size:19px}

/* 5 - format-styled stream */
.stream{padding:30px 40px 34px;float:left;width:66%}
.entry{border-top:1px solid #DDD;padding:22px 0 0;margin:0 0 6px}
.entry:first-child{border-top:0}
.entry h2{font-size:28px;line-height:1.2;margin:0 0 6px;font-weight:700}
.entry p{margin:0 0 12px}
.fmt-aside p,.fmt-status p{font-size:14px;line-height:1.7;color:#3C3C3C}
.fmt-aside,.fmt-status{background:#F6F6F6;padding:18px 20px 6px;border-top:1px solid #DDD}
.fmt-quote blockquote{margin:0 0 12px;font:italic 22px/1.5 Georgia,"Times New Roman",serif;color:#2A2A2A;
 border-left:4px solid #1982D1;padding-left:18px}
.fmtlabel{font:12px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#1982D1;margin:0 0 6px}

/* 6 - ephemera rail */
.rail{padding:30px 40px 34px 0;float:right;width:30%}
.widget{margin:0 0 26px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{border-top:1px solid #DDD;padding:7px 0;font-size:14px}
.widget .when{display:block;font:12px Arial,Helvetica,sans-serif;text-transform:uppercase;
 letter-spacing:.06em;color:#6B6B6B}
.widget .count{color:#6B6B6B;font-size:13px}

/* 7 - footer */
.pagefoot{clear:both;background:#F1F1F1;border-top:1px solid #DDD;padding:26px 40px 18px}
.footcols{display:flex;flex-wrap:wrap;gap:34px}
.footcol{flex:1 1 220px}
.footcol ul{list-style:none;margin:0;padding:0}
.footcol li{padding:4px 0;font-size:14px}
.footcol p{font-size:14px;margin:0}
.credit{text-align:center;font:12px Arial,Helvetica,sans-serif;text-transform:uppercase;
 letter-spacing:.08em;color:#6B6B6B;border-top:1px solid #DDD;margin-top:20px;padding-top:16px}

/* inner routes */
.reading{max-width:660px;margin:0 auto;padding:30px 40px 40px}
.reading h1{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:700}
.reading p{margin:0 0 16px}
.reading figure{margin:0 0 20px}
.reading figcaption,.pano figcaption{font:13px/1.5 Arial,Helvetica,sans-serif;color:#6B6B6B;padding-top:7px}
.bleed{max-width:1020px;margin:0 auto;padding:30px 40px 0}
.pullquote{font:italic 22px/1.5 Georgia,"Times New Roman",serif;color:#2A2A2A;
 border-left:4px solid #1982D1;padding-left:18px;margin:0 0 20px}
.pagenav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #DDD;
 margin-top:26px;padding-top:16px;font-size:14px}
.backlink{margin-top:14px;font-size:14px}
.listing{padding:30px 40px 34px;float:left;width:66%}
.listing h1{font-size:30px;margin:0 0 8px}
.lede{color:#3C3C3C;margin:0 0 22px}
.archgroup{margin:0 0 22px}
.archgroup h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.archgroup ul{list-style:none;margin:0;padding:0}
.archgroup li{border-top:1px solid #DDD;padding:8px 0;display:flex;justify-content:space-between;gap:16px}
.archgroup li span{font:12px Arial,Helvetica,sans-serif;text-transform:uppercase;
 letter-spacing:.06em;color:#6B6B6B;white-space:nowrap}

@media (max-width:900px){
 .sheet{margin:18px}
 .stream,.rail,.listing{float:none;width:auto;padding-left:26px;padding-right:26px}
 .rail{padding-top:8px;border-top:1px solid #DDD}
 .masthead,.recent,.stage,.pagefoot{padding-left:26px;padding-right:26px}
 .panocap{padding-left:26px;padding-right:26px}
 .menubar{padding:0 14px}
 .reading,.bleed{padding-left:26px;padding-right:26px}
}
@media (max-width:620px){
 .sheet{margin:12px}
 .masthead h1{font-size:29px}
 .stage h2{font-size:26px}
 .entry h2{font-size:23px}
 .menubar{display:block;padding:0 10px 10px}
 .menubar ul{display:block}
 .menubar li{display:inline-block}
 .menubar a{padding:10px 12px}
 .searchslot{display:block;margin:4px 2px 2px}
 .recent li,.archgroup li{display:block}
 .recent li span,.archgroup li span{display:block;margin-top:2px}
 .stream,.rail,.listing,.masthead,.recent,.stage,.pagefoot,.reading,.bleed,.panocap{
  padding-left:16px;padding-right:16px}
}