@import url("nord.css");
@import url("highlight.css");

:root{
	--nord-background: #1C1F2B;
	--nord-code-bg: #2D3143;
	--nord-code-fg: #9DBED8;
	--panel-padding: 2em;
	--neg-panel-padding: -2em;
}


* {
	margin: 0;
	padding: 0;
}

html, body { height: 100%; }

body {
	direction: RTL;
	text-align: justify;
	background-color: var(--nord-background);
	color: var(--nord4);
	font-family: Alef, sans-serif;
	line-height: 1.5em;
	font-size: 16pt;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
    font-family: "simple_clm", sans-serif;
	margin: 0;
	padding: 0;
}

p {
	margin: 1em 0;
}

a {
	color: var(--nord9);
	text-decoration: none;
}

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

blockquote {
	padding-right: 1em;
	border-right: 1px solid;
	font-size: 90%;
}

.bigimage {
	max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*** Pelican Simple theme ***/

.vcard {
	display: none;
}

#contentinfo {
	display: none;
}

.translations {
	direction: LTR;
}


/*** HEADER ***/

header .header {
	border-bottom: 3px solid;
	border-color: var(--nord2);
	background: var(--nord1);
	text-align: right;
	padding: 10px;
	width: 100%;
}

header h1.title {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: sblhebrew-stripped;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: 30pt;
}

header h1.title a {
	color: var(--nord4);
}

header h1.title a:hover {
	color: var(--nord14);
}

#menuicons a {
	color: var(--nord4);
}

#menuicons a:hover {
	color: var(--nord14);
}

#menuicons {
	font-size: 90%;
}

#menuicons ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuicons ul li {
	display: inline;
	margin-left: 0.75em;
}

#menuicons ul li:last-child{
	display: inline;
	margin-left: 0em;
}



/*** PANEL ***/

.panel {
    margin-bottom: 20px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: var(--panel-padding);
	padding-right: var(--panel-padding);
    background-color: var(--nord0);
	/*border-radius: 6px 6px 6px 6px;*/
	overflow: hidden;
	margin: 3em auto 2em;
	width: 42em;
	width: 64ch;
	max-width: 90%;
}

.panel .panel-header {
	background-color: var(--nord1);
    padding: 10px 20px 10px 20px;
    margin: 0px;
	margin-left: var(--neg-panel-padding);
	margin-right: var(--neg-panel-padding);
    font-weight: bold;
    font-family: "simple_clm", sans-serif;
	border-bottom: 0.25em solid var(--nord-background);
	/*border-radius: 6px 6px 0px 0px;*/
}

.panel .panel-header a {
	color: var(--nord4);
}


.panel h1, h2, h3, h4, h5, h6 {
    padding: 10px 10px 10px 20px;
	margin-left: var(--neg-panel-padding);
	margin-right: var(--neg-panel-padding);
	margin-top: 5ex;
	background-color: var(--nord1);
}

.panel h1 {
}

.panel h2 {
	font-size: 90%;
}

.panel h3 {
	font-size: 80%;
    font-weight: normal;
}

.panel ul, .panel ol {
	padding-left: var(--panel-padding);
	padding-right: var(--panel-padding);
	margin-right: 10px;
}



/*** TAGS ***/

.tags ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}
.tags ul li { display: inline; }
.tags ul li:after { content: " · "; }
.tags ul li:last-child:after { content: ""; }


.published {
	float: left;
	clear: left;
}



/*** ARCHIVE ***/

.archive {
	background-color: var(--nord0);
}

.archive .panel-header {
	background: var(--nord1);
}

.archive a {
}

.archive a:hover {
}

.archive .date {
	padding-left: var(--panel-padding);
}



/*** CODE ***/

.highlight, p > pre, p > code, p > nobr > code, li > code, h5 > code, .note > code, pre {
	background: var(--nord-background);
	padding: 5px;
	overflow: auto;
	direction: ltr;
	unicode-bidi: bidi-override;
	font-family: Iosevka;
}



/*** COMMENTS ***/

.comments {
	margin-bottom: 6ex;
}

.comment_date {
	float: left; clear: left;
	font-size: small;
	direction: ltr;
}

.comment_content {
	margin-top: -1em;
}

.comment_gravatar {
	//float: left; clear: left;
	//margin-right: 10px;
	//margin-bottom: 10px;
	margin-right: 0.5em;
}



/*** POST THUMBNAIL ***/

.post-thumb {
	float:left; clear: left;
	padding: 5px;
	margin-left: var(--neg-panel-padding);
	margin-right: 20px;
	margin-bottom: 20px;
	border-bottom: 0.25em solid var(--nord-background);
	border-right: 0.25em solid var(--nord-background);
}


/*** FONTS ***/

.bibheb {
	font-family: 'SBL Hebrew', 'Taamey Frank CLM', 'Taamey David CLM', 'Ezra SIL';
}



.toc {
	padding: 1em;
	font-size: small;
	line-height: 1.0rem;
	background-color: var(--nord-background);
	display: inline-block;
}

.toc ul {
	margin: 0;
}

.toctitle {
	font-weight: bold;
}




.old-site-warning {
	width: 32em;
	width: 48ch;
	max-width: 80%;
}

.old-site-warning .panel-header {
    color: var(--nord13);
}