/*
Theme Name: journalism-theme-2023-11
Theme URI: http://www.journalismdesign.com
Version: 1.0.0
Author: Irwin Chen
Author URI: 
Description: Designed by Irwin, coded by Jonathan.
*/

/* Single-post sidebar: full-width, compact list */
body.single article.post .post-body.post-sidebar ol,
body.single article.post .post-body.post-sidebar p,
body.single article.post .post-body.post-sidebar ul{width:auto;padding-inline-start:0;font-size:.875em;line-height:1.4}
body.single #content .post-sidebar ul li{padding-left:1.5em;background-size:12px 4px;background-position:left .6em;margin-top:.75em}
body.single #content .post-sidebar ul li:first-child{margin-top:0}

/* Post sidebar: sticky at the md breakpoint, optional colored box */
@media (min-width:1200px){
	body.single article.post .post-sidebar{align-self:start;margin-block-start:6em;position:sticky;inset-block-start:25px;max-block-size:calc(100dvh - 50px);overflow-y:auto;overscroll-behavior:contain}
}
body.single article.post .post-sidebar--pink{--sb-bg:#ff0064;--sb-fg:#fff}
body.single article.post .post-sidebar--yellow{--sb-bg:#dcf500;--sb-fg:#373737}
body.single article.post .post-sidebar--teal{--sb-bg:#50f5f0;--sb-fg:#373737}
body.single article.post .post-sidebar--blue{--sb-bg:#143cff;--sb-fg:#fff}
body.single article.post .post-sidebar--box{
	padding-block:1.5em;
	padding-inline:1.5em;
	background-color:var(--sb-bg);
	color:var(--sb-fg);
	h3.title{margin-block-start:0;color:var(--sb-fg);text-decoration-color:var(--sb-fg)}
	a{color:var(--sb-fg);text-decoration-color:var(--sb-fg)}
	a:hover{opacity:.7}
}
body.single #content .post-sidebar--box ul li{background-image:linear-gradient(var(--sb-fg),var(--sb-fg))}

/* Real bold for body text: GT Sectra Bold as the 700 weight of gt-sectra-regular,
   so <strong> and <b> use the bold cut instead of a faint browser-faked bold */
@font-face{font-family:gt-sectra-regular;src:url(css/fonts/gt-sectra-bold.woff) format("woff"),url(css/fonts/gt-sectra-bold.ttf) format("truetype");font-style:normal;font-weight:700}