/*
Theme Name: the-flaccid-mind-minimal
Text Domain: tfm-restoration
Description: A faithful restoration of the 2010 Black And White three-column layout used by The Flaccid Mind, with selected Nook-era profile and footer elements.
Version: 1.1.10
*/

*{box-sizing:border-box}
html{background:#fff;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:#fff;font-family:"TFM Century Gothic","Century Gothic",CenturyGothic,AppleGothic,Futura,"Avenir Next",sans-serif;font-style:normal;font-weight:normal;font-size:18px;color:#000;margin:0;padding:0}
body,button,input,select,textarea{font-family:"TFM Century Gothic","Century Gothic",CenturyGothic,AppleGothic,Futura,"Avenir Next",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:inherit;color:#111}
a{text-decoration:none;color:#000}a:hover{text-decoration:underline;color:#B60510}a img{border:0}img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#wrap{background:#fff;width:1020px;margin:5px auto;padding:0}
#top{width:1020px;margin:0 auto;padding:0 0 5px}
#header{width:1020px;margin:0 auto;padding:0 0 5px;line-height:0}
#header img{display:block;width:1020px;height:auto}
#nook-pagebar{width:1020px;min-height:56px;margin:0 auto;border-top:1px solid #ececec;border-bottom:1px solid #d9d9d9;background:#f2f4f6;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:18px}
.nook-page-links{display:flex;align-items:center;gap:0;flex-wrap:wrap}.nook-page-links a{display:block;padding:19px 13px 17px;color:#111;text-decoration:none;text-transform:uppercase;letter-spacing:.01em;font-family:inherit;font-size:14px;font-weight:400;line-height:1.15;white-space:nowrap}.nook-page-links a:hover{background:#fff;color:#000;text-decoration:none}
#searchform{margin:0;flex:0 0 205px}#searchform #s{font-size:12px;width:100%;color:#111;border:1px solid #c8c8c8;background:#fff;margin:0;padding:7px 9px;height:31px}
#nav{display:none}
#main{background:#fff;width:1020px;margin:5px auto 0;padding:0;display:grid;grid-template-columns:minmax(0,51fr) minmax(0,21fr) minmax(0,28fr);align-items:start;overflow:hidden}
#content{background:#fff;float:none;width:auto;min-width:0;margin:0;padding:0 5px;text-align:justify;border-right:#666 1px dashed;min-height:400px}
.entry{float:left;width:468px;margin:5px 0 14px}
.entry h2,.archive-heading h2{background:#ddd;display:block;font-family:inherit;font-size:27px;line-height:1.15;font-weight:700;border-top:#666 1px dashed;margin:0;padding:5px;text-align:left;color:#666}
.entry h2 a{color:#666}.entry h2 a:hover{color:#B60510;text-decoration:none}
.permalink{background:#e3e3e3;border-top:#666 1px dashed;margin:0;padding:5px;font-size:11px;line-height:1.45;text-align:left}
.entry-body{padding:7px 3px 2px;font-size:18px;line-height:1.6;color:#000;text-align:justify;overflow-wrap:anywhere}
.entry-body p{margin:0 0 1em}.entry-body h2,.entry-body h3,.entry-body h4{background:none;border:0;padding:0;text-align:left}.entry-body blockquote{padding:0 10px;border:1px #666 dashed;background:#fff;margin:10px 0}.entry-body img{padding:0 5px 0 0;max-width:100%;height:auto}.entry-body iframe,.entry-body video{max-width:100%}
.post-tags{border-top:1px dashed #999;margin-top:14px;padding:7px 3px;font-size:11px}
.browse-table{width:468px;border-collapse:collapse;margin:0 0 8px;font-size:11px}.browse-table td{width:50%;vertical-align:top}.browse-next{text-align:right}
.archive-heading{width:468px;margin:5px 0 12px}.archive-heading>div{padding:7px}
.navigation{display:block;clear:both;text-align:left;margin:10px 0 20px;min-height:24px}.alignright{float:right}.alignleft{float:left}
#lsidebar{background:#fff;float:none;width:auto;min-width:0;border-right:#666 1px dashed;overflow:hidden;margin:5px 0 0 5px;padding:0 5px 0 0}
#rsidebar{background:#fff;float:none;width:auto;min-width:0;margin:5px 0 0 5px;padding:0}
#lsidebar>ul,#rsidebar>ul{list-style:none;margin:0;padding:0}
#lsidebar>ul>li,#rsidebar>ul>li{list-style:none;margin:0 0 20px;padding:0}
#lsidebar h2,#rsidebar h2{background:#7A807D;font-family:inherit;font-size:24px;line-height:1.15;color:#f5f5f5;border-bottom:dashed 1px #666;border-top:dashed 1px #666;margin:0 7px 3px 0;padding:3px 5px;text-align:right}
#lsidebar ul ul,#rsidebar ul ul{list-style:none;margin:0;padding:0 3px}
#lsidebar ul ul li,#rsidebar ul ul li{list-style:none;border:0;margin:0;padding:1px 0 3px 14px;position:relative;font-size:18px;line-height:1.6;color:#000}
#lsidebar ul ul li:before,#rsidebar ul ul li:before{content:"›";position:absolute;left:2px;top:0;color:#777}
#lsidebar .widget p,#rsidebar .widget p{margin:4px 7px 4px 3px;font-size:18px;line-height:1.6;color:#000}
.tagcloud{padding:4px 7px 4px 3px;line-height:1.6}.tagcloud a{display:inline-block;margin-right:3px}
.boxcomments{background:#fff;border-left:1px dashed #666;border-right:1px dashed #666;border-bottom:1px dashed #666;margin-bottom:20px;width:470px;padding:5px}.boxcomments h2,.boxcomments h3{font-size:12px;color:#000;font-weight:700;margin:0;padding:5px;background:none;border:0}.comment-list{padding-left:22px}.comment-body{border-top:1px dashed #aaa;padding:8px 0}.comment-meta{font-size:11px}#commentform{border-top:1px dashed #666;margin:0;padding:15px 15px 1px}#commentform input{max-width:100%;margin:0 5px 10px 0;padding:3px}#commentform textarea{width:100%;margin:0 0 10px;padding:4px}

/* Nook-inspired profile/connect item, adapted to the 2010 right sidebar. */
.nook-profile{background:#fff!important;border:0!important;padding:14px 12px 12px!important;margin:0 0 20px!important}
.nook-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nook-hello{color:#777;font-size:14px;margin:0 0 5px}.nook-name{font-family:inherit;font-style:italic;font-size:24px;line-height:1.15;color:#111;letter-spacing:-1px}.nook-avatar{width:72px;height:72px;object-fit:cover;border-radius:50%;padding:0!important;flex:0 0 72px}.nook-bio{font-size:18px;line-height:1.6;color:#000;margin:18px 0 20px}.nook-connect-title{font-family:inherit;font-style:italic;font-size:24px;line-height:1.15;color:#111;margin:0 0 13px}.nook-connect-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid #777;
  column-gap:12px;
}

.nook-connect-grid a{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#111;
  text-decoration:none;
  padding:10px 8px;
  border-top:1px solid #777;
  min-width:0;
}

.nook-connect-grid a:nth-child(1),
.nook-connect-grid a:nth-child(2),
.nook-connect-grid a:nth-child(3){
  border-top:0;
  justify-content:flex-start;
}

.nook-connect-grid a:nth-child(2){
  transform:translateX(-14px);
}

.nook-connect-grid a:nth-child(4),
.nook-connect-grid a:nth-child(5){
  grid-column:1 / -1;
  justify-content:flex-start;
  padding-left:8px;
}.nook-icon{width:30px;height:30px;min-width:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:16px;line-height:1;text-align:center}.nook-icon svg{width:16px;height:16px;display:block;fill:#fff}.nook-disabled{cursor:default}

#footer{background:#7A807D;color:#fff;font-size:11px;clear:both;height:30px;width:1020px;line-height:30px;margin:0;padding:0 0 0 5px;font-style:italic}#footer a{color:#fff}
.nook-footer{width:1020px;background:#eef1f4;clear:both;padding:10px 20px 9px;text-align:center;color:#080808}.nook-footer-icons{display:flex;justify-content:center;gap:10px;margin:0}.nook-footer-icons a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;text-decoration:none;line-height:1}.nook-footer-icons svg{width:16px;height:16px;display:block;fill:#fff}.nook-icon svg{width:16px;height:16px;display:block;fill:#fff}

/* Responsive layout: one fluid container, three proportional columns until the genuine mobile breakpoint. */
#wrap,#top,#header,#nook-pagebar,#main,#footer,.nook-footer{width:min(97vw,1500px);max-width:1500px;margin-left:auto;margin-right:auto}
#header img{display:block;width:100%;height:auto}
#main,#main.tfm-three-column{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,18fr) minmax(0,27fr);width:min(97vw,1500px);max-width:1500px;margin-left:auto;margin-right:auto;justify-content:stretch;overflow:visible}
#main.tfm-three-column>#content{grid-column:1;grid-row:1}
#main.tfm-three-column>#lsidebar{grid-column:2;grid-row:1}
#main.tfm-three-column>#rsidebar{grid-column:3;grid-row:1}
.entry,.archive-heading,.browse-table,.boxcomments{width:100%;max-width:100%}
#content,#lsidebar,#rsidebar{min-width:0}
.entry-body img,.entry-body iframe,.entry-body video,.entry-body embed,.entry-body object{max-width:100%;height:auto}
.entry-body{overflow-wrap:anywhere;word-break:normal}
#nook-pagebar{gap:clamp(8px,1.5vw,24px);padding-inline:clamp(8px,1.5vw,22px)}
.nook-page-links{min-width:0}.nook-page-links a{padding-left:clamp(7px,1vw,14px);padding-right:clamp(7px,1vw,14px)}
#searchform{flex:0 1 220px;min-width:130px}

@media(max-width:900px) and (min-width:621px){
  #wrap,#top,#header,#nook-pagebar,#main,#footer,.nook-footer{width:97vw;max-width:none}
  #main,#main.tfm-three-column{display:grid!important;width:97vw!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,55fr) minmax(0,18fr) minmax(0,27fr)!important}
  #main.tfm-three-column{grid-auto-flow:row!important;justify-content:stretch!important}
  #main.tfm-three-column>#content{grid-column:1!important;grid-row:1!important}
  #main.tfm-three-column>#lsidebar{grid-column:2!important;grid-row:1!important}
  #main.tfm-three-column>#rsidebar{grid-column:3!important;grid-row:1!important}
  #content,#main.tfm-three-column>#content{grid-column:1!important;width:auto!important;max-width:none!important;padding-left:6px;padding-right:6px}
  #lsidebar,#main.tfm-three-column>#lsidebar{grid-column:2!important;width:auto!important;max-width:none!important;margin-left:3px;padding-right:3px}
  #rsidebar,#main.tfm-three-column>#rsidebar{grid-column:3!important;width:auto!important;max-width:none!important;margin-left:3px;padding-right:3px}
  .entry-body,#lsidebar ul ul li,#rsidebar ul ul li,#lsidebar .widget p,#rsidebar .widget p,.nook-bio,.tagcloud,.tagcloud a{font-size:clamp(14px,1.8vw,18px)}
  .entry h2,.archive-heading h2{font-size:clamp(21px,3vw,27px)}
  #lsidebar h2,#rsidebar h2,.nook-name,.nook-connect-title{font-size:clamp(19px,2.6vw,24px)}
}

@media(max-width:620px){
  html,body{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  #wrap,#top,#header,#nook-pagebar,#main,#footer,.nook-footer{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  #wrap{overflow-x:hidden!important}
  #main,#main.tfm-three-column{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-auto-flow:row!important;width:100%!important;min-width:0!important;max-width:100%!important}
  #content,#lsidebar,#rsidebar,#main.tfm-three-column>#content,#main.tfm-three-column>#lsidebar,#main.tfm-three-column>#rsidebar{display:block!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:6px 10px!important;border-right:0!important;grid-column:auto!important;grid-row:auto!important;position:static!important}
  #content{order:1}#rsidebar{order:2}#lsidebar{order:3}
  .entry,.archive-heading,.browse-table,.boxcomments{width:100%!important;max-width:100%!important;float:none}
  .entry-body,#lsidebar ul ul li,#rsidebar ul ul li,#lsidebar .widget p,#rsidebar .widget p,.nook-bio,.tagcloud,.tagcloud a{font-size:16px;line-height:1.55}
  .entry h2,.archive-heading h2{font-size:24px}
  #lsidebar h2,#rsidebar h2,.nook-name,.nook-connect-title{font-size:22px}
  #nook-pagebar{min-height:0;display:block;padding:4px 8px}
  .nook-page-links{display:flex;justify-content:center;flex-wrap:wrap}
  .nook-page-links a{padding:10px 8px 9px;font-size:14px;white-space:normal;text-align:center}
  #searchform{width:100%;margin:4px 0;min-width:0}
  #header img{width:100%;height:auto}
  .nook-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nook-connect-grid a:nth-child(2){transform:none}
  .nook-connect-grid a:nth-child(4),.nook-connect-grid a:nth-child(5){grid-column:auto}
  .nook-footer{padding-left:10px;padding-right:10px}
  .nook-footer-icons{gap:10px}.nook-footer-icons a{width:30px;height:30px}.nook-footer-icons svg{width:16px;height:16px}
}
