/* martellcampbell.com — rebuilt from the archived 2013-2018 theme "martellcampbell-1.0" (style.min.css):
   960px fixed wrap with grey side rules, centred deco logo, grey tagline, uppercase bold menu between a search box
   and a right-hand slot, 2px black rule, 940x500 featured slideshow, 3-column 300x250 home grid (homegrid.png),
   620px post column + 300px widget sidebar (postgrid.png), centred uppercase footer. Georgia -> Gelasio (metric twin).
   Readability pass: greys darkened for 4.5:1 contrast, article text 17px. */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,ol,ul,li,form,label,table,tr,th,td,figure,figcaption,header,footer,nav,main,aside,article,section{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{position:relative;font-family:Gelasio,Georgia,"Times New Roman",serif;font-size:15px;line-height:22px;background:#fff;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:#5f5f5f;text-decoration:none}
a:hover,a:focus{color:#000;text-decoration:underline}
img{max-width:100%;height:auto;display:block}
::placeholder{color:#767676}
.skip{position:absolute;left:-999em}
.skip:focus{left:10px;top:10px;background:#000;color:#fff;padding:6px 10px;z-index:99}

/* ---- wrap: 960px, grey side rules from 1050px (original) ---- */
.wrap{margin:0 auto;padding:0;position:relative;width:960px}
.wrap:after{content:"";display:table;clear:both}
@media (min-width:1050px){.wrap{border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;padding:0 30px;width:1022px}}

/* ---- header ---- */
#header{width:960px;float:left;margin:30px 0 0;text-align:center}
#logo{display:block;width:280px;margin:0 auto 15px;font-family:Limelight,Georgia,serif;font-weight:400;color:#000;line-height:1;text-transform:uppercase}
#logo a{display:block;color:#000;text-decoration:none}
#logo .l1,#logo .l3{display:block;font-size:46px;letter-spacing:1px;line-height:50px}
#logo .l2{display:block;font-size:26px;letter-spacing:3px;line-height:34px}
#logo .rule{display:block;width:250px;height:22px;margin:6px auto 0}
#header p.tagline{color:#6e6e6e;text-align:center;font-size:23px;line-height:30px;margin-bottom:25px}
#navi-wrap{border-top:1px #b3b3b3 solid;width:940px;margin:0 10px;display:flex;align-items:flex-start;justify-content:space-between}
#navi-wrap .side{width:140px;border-top:1px #b3b3b3 solid;margin-top:15px;padding-top:4px}
#navi-wrap .search input{width:140px;height:24px;border:0;font:15px Gelasio,Georgia,serif;color:#111;background:transparent;padding:2px 0}
#navi-wrap .search input:focus{outline:1px dotted #777}
#navi-wrap .links{text-align:right;color:#767676;font-size:13px;font-style:italic}
#navi-wrap .links a{color:#5f5f5f}
#navi{margin:15px 0 0;text-align:center;flex:1;padding:0 6px}
#navi li{display:inline-block;font-size:13px;line-height:18px;text-transform:uppercase;margin:4px 11px}
#navi li a{font-weight:700;color:#5f5f5f;letter-spacing:.3px}
#navi li a.active,#navi li a:hover{color:#000;text-decoration:underline}
.nav-toggle{display:none}

/* ---- rules ---- */
.horzi-border{width:940px;display:block;float:left;height:1px;margin:0 10px;background:#b3b3b3;border:0}
.horzi-border.top{margin:0 10px 10px}
.horzi-border.bottom{margin:10px 10px 0}
.horzi-border.main{height:2px;background:#000}
#mainWrap{width:960px;margin:0;float:left}

/* ---- featured slideshow 940x500 ---- */
.feature-wrap{float:left;margin:0 10px 10px;overflow:hidden;position:relative;width:940px;height:500px}
.slide-post{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;z-index:1}
.slide-post.on{opacity:1;z-index:2}
.slide-post img{width:940px;height:500px;object-fit:cover}
.slide-post .title{z-index:10;background:#000;position:absolute;left:0;bottom:0;color:#fff;font-size:23px;line-height:26px;font-weight:400;padding:10px 12px 10px 10px;text-transform:uppercase;max-width:80%}
.slide-post .title a{color:#fff}
#slide-post-nav{position:absolute;z-index:30;bottom:0;right:0;height:30px}
#slide-post-nav button{width:12px;height:12px;background:#8a8a8a;border:0;float:left;margin:9px 10px 9px 0;cursor:pointer;padding:0}
#slide-post-nav button.activeSlide{background:#000}

/* ---- home grid (homegrid.png = 3 x 5 cells of 320x270 with 1px grey lines) ---- */
.homegrid{margin:auto;overflow:hidden;width:960px;background:url(/img/ui/homegrid.png?v=2b27204d) 0 0 repeat-y;display:flex}
.postgrid{margin:auto;overflow:hidden;width:960px;background:url(/img/ui/postgrid.png?v=faf354ac) 0 0 no-repeat;display:flex}
.wrap-grid8{float:left;margin:0;position:relative;width:640px}
#wrap-sidebar{float:left;margin:0;position:relative;width:320px}
.post-thumb{width:300px;height:250px;opacity:.6;float:left;margin:10px;position:relative;overflow:hidden;transition:opacity .2s ease-in-out}
.post-thumb img{width:300px;height:250px;object-fit:cover}
.post-thumb:hover,.post-thumb:focus-within{opacity:1}
.post-thumb .post-title-wrap{opacity:0;min-height:31px;width:300px;background:#fff;padding:5px 7px;position:absolute;left:0;bottom:0;z-index:2;transition:opacity .2s ease-in-out}
.post-thumb:hover .post-title-wrap,.post-thumb:focus-within .post-title-wrap{opacity:.9}
.post-thumb .post-title{text-transform:uppercase;font-size:13px;line-height:17px;font-weight:400}
.post-thumb .post-title a{color:#000}
.contributors-grid .post-thumb{opacity:1}
.contributors-grid .post-thumb .post-title-wrap{opacity:.92;min-height:95px}
.contributors-grid .post-thumb .post-title{font-size:14px;margin-bottom:6px}
.contributors-grid .post-thumb p{font-size:13px;line-height:18px;color:#222}

/* ---- sidebar widgets: 300x250 cells ---- */
.sidebar-widgets{width:300px;height:250px;float:left;margin:10px;overflow:hidden}
.sidebar-widgets h2.title{text-transform:uppercase;font-size:18px;line-height:20px;margin-bottom:10px;font-weight:400;color:#000}
.sidebar-widgets p{font-size:14px;line-height:20px;color:#222;margin-bottom:8px}
.sidebar-widgets ul.dash li{font-size:14px;line-height:20px;color:#222;padding-left:14px;position:relative}
.sidebar-widgets ul.dash li:before{content:"–";position:absolute;left:0}
.sidebar-widgets .more{font-size:13px;font-style:italic}
.sidebar-widgets .more a{color:#000;text-decoration:underline}
.small-post{height:50px;width:300px;display:flex;margin-bottom:7px}
.small-post .thumb{width:60px;height:50px;flex:0 0 60px;margin-right:16px}
.small-post .thumb img{width:60px;height:50px}
.small-post .meta{min-width:0}
.small-post .meta h3{font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.small-post .meta h3 a{color:#000}
.small-post .meta .date{font-size:13px;line-height:20px;color:#666;font-style:italic}
.insta-thumb{width:60px;height:60px;float:left;margin:0 20px 20px 0}
.insta-thumb:nth-of-type(4n){margin-right:0}
.insta-thumb img{width:60px;height:60px;opacity:.85;transition:opacity .2s}
.insta-thumb:hover img{opacity:1}
.sec-list li{font-size:14px;line-height:20px;padding:4px 0;border-bottom:1px solid #e3e3e3;display:flex;justify-content:space-between}
.sec-list li:last-child{border-bottom:0}
.sec-list a{color:#000;font-weight:700;text-transform:uppercase;font-size:13px}
.sec-list span{color:#666;font-style:italic;font-size:13px}
.mini-t{width:100%;font-size:13px;line-height:18px}
.mini-t th{text-align:left;text-transform:uppercase;font-size:12.5px;border-bottom:1px solid #000;padding:3px 4px 3px 0}
.mini-t td{border-bottom:1px solid #e3e3e3;padding:4px 4px 4px 0;vertical-align:top;color:#222}

/* ---- prev / next ---- */
#navigation{float:left;width:940px;margin:10px 10px 0;padding-top:10px;display:flex;justify-content:space-between;font-size:15px}
#navigation a{color:#000}
#navigation a:hover{text-decoration:underline}

/* ---- archive / page headers ---- */
.archive-header,#post-title-wrap{float:left;width:940px;margin:10px;text-align:center;border-bottom:1px solid #b3b3b3;padding-bottom:20px}
.archive-header h1,#post-title-wrap h1{font-size:30px;line-height:36px;max-width:520px;margin:0 auto;text-transform:uppercase;font-weight:400;padding:4px 0 5px}
.archive-header .archive-meta{color:#5f5f5f;font-size:14px;line-height:21px;margin:8px auto 0;max-width:600px;font-style:italic}
#post-title-wrap .post-date{color:#666;font-style:italic;font-size:15px}
#post-title-wrap .cat{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.3px;margin-bottom:4px}
#post-title-wrap .cat a{color:#5f5f5f}

/* ---- post entry (620px column) ---- */
.post-entry{width:620px;margin:10px;border-bottom:1px solid #b3b3b3;padding:0 10px 20px 0;font-size:17px;line-height:28px;color:#222}
.post-entry.single-page{border-bottom:0}
.post-entry p{margin:0 0 16px}
.post-entry .lead{font-size:18px;line-height:29px;font-style:italic;color:#111}
.post-entry a{color:#000;text-decoration:underline;text-decoration-color:#9a9a9a;text-underline-offset:2px}
.post-entry a:hover{text-decoration-color:#000}
.post-entry h2,.post-entry h3{color:#000;font-weight:400;text-rendering:optimizelegibility}
.post-entry h2{font-size:26px;line-height:32px;margin:28px 0 12px}
.post-entry h3{font-size:20px;line-height:26px;margin:22px 0 10px}
.post-entry ul,.post-entry ol{padding:0 0 0 25px;margin:0 0 16px}
.post-entry ul li{list-style:disc}
.post-entry ol li{list-style:decimal}
.post-entry li{margin:6px 0 6px 6px}
.post-entry figure{margin:6px 0 20px}
.post-entry figure img{width:100%;max-height:640px;object-fit:cover}
.post-entry figcaption{font-size:13px;line-height:19px;color:#555;font-style:italic;padding-top:7px}
.post-entry figure.cover{margin:0 0 20px}
.post-entry figure.cover img{max-height:460px}
.post-entry .callout{border-left:5px solid #e6e6e6;padding:2px 0 2px 15px;margin:0 0 18px}
.post-entry .callout p{font-size:18px;line-height:27px;margin:0}
.post-entry .tw{overflow-x:auto;margin:6px 0 20px}
.post-entry table{border:1px solid #e3e3e3;text-align:left;width:100%;font-size:15px;line-height:22px}
.post-entry table th{font-weight:700;background:#f6f6f6}
.post-entry table th,.post-entry table td{border:1px solid #e3e3e3;padding:7px 12px;vertical-align:top}
.post-entry .entry-img{margin:0 0 14px}
.post-entry .entry-img img{width:100%;height:auto;aspect-ratio:620/413;object-fit:cover}
.post-entry h2.entry-title{font-size:24px;line-height:30px;margin:4px 0 8px}
.post-entry h2.entry-title a{text-decoration:none;color:#000}
.post-entry .entry-date{font-size:14px;color:#666;font-style:italic;margin-bottom:8px}
.post-entry a.read-more{font-size:14px;text-transform:uppercase;font-weight:700;text-decoration:none;color:#5f5f5f}
.post-entry a.read-more:hover{color:#000;text-decoration:underline}
.list-entry{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #b3b3b3}
.list-entry:last-of-type{border-bottom:0;margin-bottom:0}
.post-meta{width:620px;margin:10px;border-bottom:1px solid #b3b3b3;padding:0 10px 18px 0;color:#666;font-size:15px}
.post-meta span{color:#000}
#post-navigation{width:620px;margin:10px;border-bottom:1px solid #b3b3b3;padding:0 10px 20px 0;display:flex;gap:20px;font-size:15px;line-height:22px}
#post-navigation div{flex:1}
#post-navigation .next-wrap{text-align:right}
#post-navigation a{color:#5f5f5f}
#post-navigation a span{color:#000}
.pager{display:flex;justify-content:space-between;font-size:15px;margin-top:6px}
.pager a{color:#000;text-decoration:none}

/* forms (contact, search) */
.form label{display:block;font-size:15px;margin-bottom:12px;color:#111}
.form input,.form textarea,.form select{display:block;width:100%;margin-top:4px;border:1px solid #b3b3b3;padding:8px 10px;font:16px Gelasio,Georgia,serif;color:#111;background:#fff}
.form button{background:#000;color:#fff;border:0;padding:10px 22px;font:700 13px Gelasio,Georgia,serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
.form button:hover{background:#333}
.post-entry ul#results{padding-left:0}
.post-entry ul#results li{margin:0 0 14px;list-style:none}

/* ---- footer ---- */
#footer{width:960px;float:left;margin:50px 0 30px;text-align:center}
#footer .copy{text-transform:uppercase;font-size:13px;margin-bottom:12px;color:#111;letter-spacing:.3px}
#footer .social{color:#8a8a8a;line-height:22px;font-size:14px}
#footer .social a{color:#5f5f5f}
#footer .social a:hover{color:#000}
#footer .indep{color:#555;font-size:13px;line-height:19px;font-style:italic;max-width:640px;margin:12px auto 0}

/* ---- responsive: original was fixed 960px; collapse sensibly ---- */
@media (max-width:1000px){
 .wrap,#header,#mainWrap,#footer{width:100%;float:none}
 .wrap{padding:0 16px}
 #header{padding-top:1px}
 #navi-wrap,.horzi-border,.feature-wrap,.archive-header,#post-title-wrap,#navigation{width:auto;float:none;margin-left:0;margin-right:0}
 .feature-wrap{height:auto;aspect-ratio:940/500}
 .slide-post img{width:100%;height:100%}
 .homegrid,.postgrid{width:100%;background:none;flex-direction:column}
 .wrap-grid8,#wrap-sidebar{width:100%;float:none}
 .wrap-grid8 .grid-cells{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:10px 0}
 .post-thumb{width:auto;height:auto;margin:0;opacity:1;float:none;aspect-ratio:300/250}
 .post-thumb img{width:100%;height:100%}
 .post-thumb .post-title-wrap{opacity:.9;width:100%}
 #wrap-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;border-top:1px solid #b3b3b3;margin-top:10px}
 .sidebar-widgets{width:auto;height:auto;margin:0;padding:16px 0;border-bottom:1px solid #b3b3b3;float:none}
 .small-post{width:100%}
 .post-entry,.post-meta,#post-navigation{width:auto;margin:10px 0;padding-right:0}
 .archive-header h1,#post-title-wrap h1{max-width:none}
}
@media (max-width:700px){
 #logo .l1,#logo .l3{font-size:40px;line-height:42px}
 #logo{width:240px}
 #logo .rule{width:220px}
 #header p.tagline{font-size:18px;line-height:24px;margin-bottom:16px}
 #navi-wrap{flex-wrap:wrap}
 #navi-wrap .side{width:50%;margin-top:0;border-top:0;padding:8px 0}
 #navi-wrap .search{order:1}
 #navi-wrap .links{order:2}
 .nav-toggle{display:block;order:3;width:100%;background:#000;color:#fff;border:0;font:700 13px Gelasio,Georgia,serif;text-transform:uppercase;letter-spacing:1px;padding:11px;cursor:pointer;margin-bottom:10px}
 #navi{order:4;width:100%;flex:none;display:none;padding:0;margin:0 0 10px}
 #navi.open{display:block}
 #navi li{display:block;margin:0;border-bottom:1px solid #e3e3e3}
 #navi li a{display:block;padding:11px 0}
 .feature-wrap{aspect-ratio:4/3}
 .slide-post .title{font-size:17px;line-height:21px;max-width:100%}
 #slide-post-nav{top:0;bottom:auto}
 #wrap-sidebar{grid-template-columns:minmax(0,1fr)}
 .archive-header h1,#post-title-wrap h1{font-size:25px;line-height:31px}
 #post-navigation{flex-direction:column}
 #post-navigation .next-wrap{text-align:left}
}
@media (max-width:440px){
 .wrap-grid8 .grid-cells{grid-template-columns:minmax(0,1fr);gap:14px}
}
.grid-cells:after{content:"";display:table;clear:both}
.contributors-grid .post-entry{background:#fff;position:relative;z-index:1;margin-top:0;padding-top:20px;border-bottom:0}
.small-post:last-child{margin-bottom:0}
.insta-thumb:nth-of-type(n+9){margin-bottom:0}