/* blog.actsintuitively.org restore: the customised Mapache theme CSS (assets/css/style.css) was never archived.
   Base = Mapache 2.0.8 (mapache.css) + the main site's own CSS (same header/nav/utility classes); this file holds
   the theme's renamed utilities ("s-" for Mapache's "u-") and the few rules neither file has. */
@font-face{font-family:Roboto;src:url(/assets/css/fonts/Roboto-Regular.ttf) format("truetype");font-weight:300 500;font-display:swap}
@media only screen and (max-width:992px){.s-displaynonel{display:none!important}}
@media only screen and (max-width:766px){.s-displaynonem{display:none!important}}
@media only screen and (min-width:993px){.s-displaynonegt{display:none!important}}
.hide{display:none!important}
.s-padtop{padding-top:20px}
.s_btmborder{border-bottom:1px solid rgba(0,0,0,.08)}
.s-tags{margin:0 6px 8px 0}
.i-arrow_downward:before{content:"\E5DB"}
.i-login:before{content:"\E890"}
.cover-location,.footer-location{opacity:.85}
.entry-byline{color:rgba(0,0,0,.54);font-size:14px;margin:6px 0}
.entry-byline a{color:inherit}
.entry-excerpt{color:rgba(0,0,0,.7);margin-top:6px}
.post-img{display:block;max-width:100%;height:auto;margin:0 auto}
.post-comments:empty{display:none}
.prev-post,.next-post{display:inline-block;margin:10px 20px 10px 0}
.scroll_top{position:fixed;right:20px;bottom:20px;z-index:50;opacity:0;visibility:hidden;transition:opacity .2s}
.scroll_top.visible{opacity:1;visibility:visible}
.search-suggest-results ul{margin:0;padding:.5rem 0;list-style:none}
.search-suggest-results li{padding:.35rem 1rem}
.ai-search-page{display:flex;gap:10px;flex-wrap:wrap;margin:1rem 0}
.ai-search-page input{flex:1 1 240px;min-width:0;padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}
.ai-search-results{padding-left:1.25rem}
.ai-search-results li{margin-bottom:1rem}
.ai-search-results li p{margin:.25rem 0 0;color:#555}
/* cover photo layer (the custom theme styled .cover-background itself; Mapache used u-absolute0 u-bg-cover) */
.cover-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
.cover-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35)}
.cover-wrap img{max-width:min(520px,90%);height:auto}
/* feed + sidebar layout (main style-min.css sets .content{order:1}; the sidebar follows it on the right) */
#sidebar{order:2}
@media only screen and (min-width:993px){
  #sidebar{-ms-flex-preferred-size:300px!important;flex-basis:300px!important;max-width:300px!important;flex-shrink:0}
  .feed-entry-wrapper .entry-pagination>.row{flex-wrap:nowrap;align-items:flex-start}
  .feed-entry-wrapper .entry-body{padding-left:20px;flex:1 1 0!important;min-width:0;max-width:none!important}
}
.entry-pagination{padding:20px 0}
.entry-image--link{display:block;position:relative}
.entry-image--bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}
.entry-image img{display:block;width:100%;height:100%;object-fit:cover}
.entry.entry--small{align-items:center;padding:8px 0}
.entry.entry--small .entry-image{flex:0 0 90px;max-width:90px;margin:0 12px 0 0}
.entry.entry--small .entry-image--link{height:64px}
.entry.entry--small .entry-title{font-size:1rem;margin:0}
.sidebar-items .s-tags{display:inline-block}
/* post/page bodies start below the site's 100px (75px on small screens) fixed header */
.main>.container:first-child{padding-top:120px}
@media only screen and (max-width:991px){.main>.container:first-child{padding-top:95px}}
figure.entry-image,figure.post-image{margin-left:0;margin-right:0}
.entry-image--link{margin-left:0!important;margin-right:0!important}
/* Icons: the theme used the same Glyphicons set as the main site (rules in style-min.css); Mapache forces its own
   font with !important on every i- class, so hand these back. i-navigate_* exist only in the Mapache font. */
.i-search:before,.i-tag:before,.i-arrow_downward:before,.i-arrow_upward:before,.i-keyboard_arrow_down:before,.i-login:before{font-family:Glyphicons!important}
.i-facebook:before,.i-instagram:before,.i-twitter:before,.i-feed:before,.i-linkedin:before,.i-youtube:before,.i-pinterest:before{font-family:GlyphiconsSocial!important}
/* Cosmoball's tall ascenders were clipped by .content{overflow:hidden} on post pages */
body.is-article .content{overflow:visible}
.post-title{line-height:1.4;padding-top:6px}