/*  http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	box-sizing: border-box;
}

body, html {
	height: 100%;
}

body {
	font: 400 13px/1.5 var(--body-font);
	color: var(--text-color);
	background-color: var(--background-color);
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	font: bold 2em/1 var(--title-font);
}

a {
	text-decoration: none;
	transition-duration: var(--transition-duration);
	color: var(--link-color);
}

a:hover {
	color: var(--hover-link-color);
}

a > *, a:hover > * {
	transition-duration: var(--transition-duration);
}

iframe {
	border: 0;
}

img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover; 
}

svg.feather {
	stroke-width: 1;
}

input, button {
    padding: 0;
    border: none;
    background: none;
    outline: none;
}

button {
	transition-duration: var(--transition-duration);
	cursor: pointer;
}

/* ================================================================
	HELPERS
================================================================ */

.invisible {
	opacity: 0;
	visibility: hidden;
}

.visible {
	opacity: 1;
	visibility: visible;
}

.visible, .invisible {
	transition: opacity var(--transition-duration), visibility var(--transition-duration);
}
      
.d-flex-a-center {
    display: flex;
    align-items: center;
}
      
.d-flex-aj-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
      
.d-block {
    display: block;
}
      
.d-hidden {
    display: none;
}
      
.w-100 {
    width: 100%; 
}

.h-100 {
    height: 100%; 
}

.wh-100 {
    width: 100%; 
    height: 100%; 
}

.p-r {
    position: relative;
}

.ox-h {
    overflow-x: hidden;
}

.oy-h {
    overflow-y: hidden;
}

.ox-auto {
    overflow-x: auto;
}

.oy-auto {
    overflow-y: auto;
}

/* ================================================================
	TUMBLR CUSTOM
================================================================ */

/* Default tumblr controls */
iframe.tmblr-iframe.iframe-controls--desktop {
	transform: scale(0.7);
	filter: invert(100%);
	top: 10px;
}

/* Default tumblr lightboxes */
.tmblr-lightbox {
	background-color: rgba(250,250,250,0.8) !important;
}

.tmblr-lightbox .vignette {
	background-image: none !important;
}

.tmblr-lightbox .lightbox-image {
	box-shadow: 0 3px 12px rgba(150,150,150,0.6)!important;
}

.tumblr-lightbox-loaded-trigger {
    cursor: pointer;
}

/* ================================================================
	TUMBLR NPF 
================================================================ */
.post a.post_media_photo_anchor {
	/* Reset possible post content link style */
	background: none;
	border: none;
	padding: 0px;
	/* Ensure full width */
	width: 100%;
}

/* ================================================================
	CUSTOM POSTS
================================================================ */
.photoset-container .photoset-row {
	display: flex;
	gap: var(--photoset-spacing);
}

.photoset-container .photoset-row:not(:last-of-type) {
	margin-bottom: var(--photoset-spacing);
}

/* Rows containing only 1 image */
.photoset-container .photoset-row-1 img {
	width: 100%;
}

/* Rows containing 2 images */
.photoset-container .photoset-row-2 img {
	width: calc(50% - (var(--photoset-spacing) / 2));
}

/* Rows containing 3 images (current max restriction) */
.photoset-container .photoset-row-3 img {
	width: calc(33.33% - (var(--photoset-spacing) / 1.5));
}