/* main.css
	Hastag listserver #listserver
	source_date = "2024-10-31T11:01:33.000Z"
	file_version = 38;

	good read: https://defensivecss.dev + https://ishadeed.com/ 
*/

/*  1. NormalizeCSS 					================================ */
	/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*	html{line-height:calc(1em+.5rem);-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*/
	/* prevent native link and image dragging | https://github.com/hammerjs/hammer.js/issues/641 */
/*	img, a{ -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ user-drag: none; -webkit-user-drag: none; }*/

/* 2. Patch with Andy Bells CSS reset 2023 */
/*	*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*/

/* 3. Fonts */
	@font-face {
	    font-family: barlow semi condensed;
	    font-style: normal;
	    font-weight: 300;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-Light.woff) 
	    	format('woff')
	}

	@font-face {
	    font-family: barlow semi condensed;
	    font-style: italic;
	    font-weight: 300;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-LightItalic.woff) 
	    	format('woff')
	}
	@font-face {
	    font-family: barlow semi condensed;
	    font-style: normal;
	    font-weight: 400;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-Regular.woff) 
	    	format('woff')
	}

	@font-face {
	    font-family: barlow semi condensed;
	    font-style: italic;
	    font-weight: 400;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-Italic.woff) 
	    	format('woff')
	}
    @font-face {
        font-family: barlow semi condensed;
        font-style: normal;
        font-weight: 500;
        src: 
        	local('Barlow Semi Condensed'), 
        	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-Medium.woff) 
        	format('woff')
    }

    @font-face {
        font-family: barlow semi condensed;
        font-style: italic;
        font-weight: 500;
        src: 
        	local('Barlow Semi Condensed'), 
        	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-MediumItalic.woff) 
        	format('woff')
    }
	@font-face {
	    font-family: barlow semi condensed;
	    font-style: normal;
	    font-weight: 700;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-Bold.woff) 
	    	format('woff')
	}
	@font-face {
	    font-family: barlow semi condensed;
	    font-style: italic;
	    font-weight: 700;
	    src: 
	    	local('Barlow Semi Condensed'), 
	    	url(/assets/fonts/barlow/woff/BarlowSemiCondensed-BoldItalic.woff) 
	    	format('woff')
	}

/* 4. Further patches */
	:root {
		--bs-body-font-family: "Barlow Semi Condensed",Helvetica, Arial, sans-serif;
		--theme-color: #f7d948;   				/* yellow */
		--theme-color-light: #fff2b1;   				/* yellow */
		--theme-accent-color: #5b8403;			/* green  */
		--grey-5: #00000055;
		--selection-color: var(--theme-color);
		--focus-filter: brightness(0.9);

		--icon-heart: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-heart' viewBox='0 0 16 16'><path d='m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15'/></svg>");
		--icon-heart-fill: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235b8403' class='bi bi-heart-fill' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314'/></svg>");
	}

	textarea,input{
		font:inherit;
		letter-spacing: inherit;
		word-spacing: inherit;
	}
	iframe{
		border:0
	}
	body{
		font-family:Barlow,"Barlow Condensed",sans-serif;
		padding: 1em 5%;
		
		-epub-hyphens: auto;
	    -webkit-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;
	    -webkit-hyphenate-limit-before: 4;
	    -webkit-hyphenate-limit-after: 5;
	    -ms-hyphenate-limit-chars: 10 3 4;
	    hyphenate-limit-chars: 10 3 4;
	    -webkit-hyphenate-limit-lines: 3;
	}
	ul {
		padding: 0;
		list-style-type: none;
	}
	ul li:before {
	    content: "●";
	    display: inline-block;
	    width: 0.8em;
	    margin-left: -0.8em;
	}
/* 5. Main Layout */
	body {
	    margin: 0;
	    font-family: var(--bs-body-font-family);
	    font-size: var(--bs-body-font-size);
	    font-weight: var(--bs-body-font-weight);
	    line-height: var(--bs-body-line-height);
	    color: var(--bs-body-color);
	    text-align: var(--bs-body-text-align);
	    background-color: var(--bs-body-bg);
	    -webkit-text-size-adjust: 100%;
	    -webkit-tap-highlight-color: transparent;
	}
	body main {
		max-width: 100%;
	}
	#favourites:empty, 
	#intro {
		display: none;
	}
	#favourites:empty ~ #intro {
		display: block;
	}
	section.lists table {
		width: 100%;
	}
	section.lists table .posts_count,
	section.lists table .posts_recent {
		text-align: right;
	}
	.favourite {
		width: 2em;
	/*	background-image: var(--icon-heart);
		background-repeat: no-repeat;
		background-position: center right;*/
		cursor: pointer;
	}
	h3 {
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	button.btn:not(.btn-light) {
		text-transform: uppercase;
/*		font-weight: 600;*/
		letter-spacing: 0.1em;
	}
	h3.hashlist:before {
		content: "🟡";
		display: inline-block;
		transform: translateX(-0.2em) translateY(-0.05em);
		width: 1.3em;
		font-size: 0.85em;
	}
	.favourite:before {
		content: "⚪️";
	}
	.favourite.true:before {
		content: "🟡";
	}

	.favourite.true {
/*		background-image: var(--icon-heart-fill);*/
	}
	#activation button {
	    margin-left: 0.5em;
	    min-width: 10em;
	}
	#activation label {
		display: inline-block;
		width: 100%;
	}
	#activation input {
		width: -webkit-fill-available;
		/*border-radius: 4px;
		border: 1px solid #3333;*/
		margin-bottom: 0.5em;
	}
/* ================= big sections, articles =================*/

	::selection {
		background: var(--selection-color); /* WebKit/Blink Browsers */
	}
	::-moz-selection {
		background: var(--selection-color); /* Gecko Browsers */
	}
	html, body {
		-epub-hyphens: auto;
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
			/* https://css-tricks.com/almanac/properties/h/hyphenate-limit-chars/#:~:text=As%20their%20names%20imply%2C%20%2Dwebkit,of%20characters%20after%20the%20hyphen. */
		-webkit-hyphenate-limit-before: 4;  /* For Safari */
		-webkit-hyphenate-limit-after: 5;   /* For Safari */
		-ms-hyphenate-limit-chars: 10 3 4;
		hyphenate-limit-chars: 10 3 4;    			
		-webkit-hyphenate-limit-lines: 3;   /* For Safari */
	}