/* Center all content in the header */
.site-header { text-align: center; }

/* Make Tiny Theme Images Full Browser Width */

@media (max-width: 767px) {
  article img, .e-content img, .p-summary img {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-radius: 0 !important;
    max-width: none !important;
  }
}

/* Divider between posts 
.post-preview {
border-bottom: 1px solid var(--code);
margin-bottom: 2em;
} */

/* remove stats from navigation */
nav a[href='/stats/'] {
    display: none;
}

/* remove feeds from navigation */
nav a[href='/feeds/'] {
    display: none;
}

/* remove hyperlink underline unless hover or clicked */

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

img {
  width: 100%;
  height: auto;
}

/* set img max-width */

img {
max-width: 100%;
/* max-width: 600px; */
width: auto;
height: auto;
}

:root {
	--text: #000000;
	--link: #EE6000;
	--link_visited: #EE6000;
	--accent1: #333333;
	--accent2: #666666;
	--background: #ffffff;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fcd9ae;
}

/* Dark mode */

/* --background: #141414; */

@media (prefers-color-scheme: dark) {
	:root {
		--text: #f8f8f2;
		--link: #FF4F00;
		--link_visited: #FF4F00;
		--accent1: #f8f8f2;
		--accent2: #f8f8f2;
		--background: #1c1c1e;
		--code: #44475a;
		--button-text: #282a36;
		--blockquote: #282828;
	}
}

/* Change the font */

@import url(https://fonts.bunny.net/css?family=source-code-pro:400);

body {
	max-width: 50em;
	margin: 2em auto;
	font-family: 'Source Code Pro',
		monospace;
	font-size: 14px;
	padding: 0 1em;
	line-height: 1.6;
	color: var(--text);
	background-color: var(--background); 

/* Offset the link underline to give it a bit of a pop */

a {
color: var(--link);
text-underline-offset: 5px;	
}

/* Changing to a more standard blockquote type */

blockquote {
	border-left: 3px solid var(--link);
}

/* To increase or decrease the area around nav buttons adjust the line-height of the elements. The site uses these nav button styles in two areas: The nav bar and the comments/email buttons on single posts.  */

nav ul li, ul.reply-buttons li {
    line-height: 2.4em;
    margin-right: 2em auto;
}

.photos-grid__column img {
  border:2px solid #000;
}

.microblog_collection img {
    width: calc(100% / 3) !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    border-radius: 0 !important;
    margin: 0 !important;
}