@font-face { font-family: 'Noto'; font-style: normal; font-weight: 400; font-display: auto; src: url('/images/noto_regular.woff2') format('woff2') ;}
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 700; font-display: auto; src: url('/images/noto_bold.woff2') format('woff2') ;}
@keyframes fadeInOpacity {	0% {opacity: 0;	} 	100% {opacity: 1;} }

:root {--color:black;	--backgroundColor:#BFF1F8;		--theme:midnightBlue; --a:blue; --commentary:maroon ;	--user_comment:#606060;	--highlight:white;
--greenYellow: greenYellow;	--yellow: yellow;	--lightPink:lightPink;}

body{font-family: 'Noto' , Serif ;font-size:1.25em;line-height:2em;direction:rtl;background-image:url('/images/wall.png'); background-attachment: fixed;background-position: right;color:var(--color);background-color:var(--backgroundColor)}
a , a:visited{text-decoration:none;border:none;color:var(--a)}
button {min-width:4em ; padding:0.5em; }
h1,h2,h3{margin-right:0.5em}
h3{margin-block-end:0;}
textarea{width:100%;}
img, audio, video, iframe , embed {max-width:100% ; border-radius:0.5em}
summary{cursor:pointer}
iframe{width:90vw;height:50vw}
#chapter_body{text-align:justify; line-height:2em}
.verse{color:gray; margin:0.25em }
.verse:focus ~ .text_diacritic , .verse:focus ~ .text , .text_diacritic:focus {background-image: linear-gradient(rgb(255,255,255,0.5),rgb(255,255,255,0.5)) !important;}
.text_diacritic{display:none}
.text, .text_diacritic{border-radius:0.25em}
.commentary {display:none;color:var(--commentary)}
.commentary, .post_text {white-space: pre-wrap;margin:0.5em}
.commentary:empty{_display:none !important}
.user_comment{color:var(--user_comment); white-space:pre-wrap;} .user_comment::before{content:'📝';margin-left:1em;filter:grayscale(100%)}
.user_comment:empty{display:none !important}
.topbar		{padding:0.5em;background:var(--theme);border-radius:0.25em 0.25em 0 0;color:gold; }
.topbar a , .topbar a:visited , .button , .button a , .button a:visited {color:white !important}
.bottombar	{position:fixed;bottom:0;left:0;_direction:ltr}
.button		{padding:0.5em;background:var(--theme);border-radius:0.5em 0.5em 0.5em 0;margin:0.25em;display:inline-block;cursor: pointer;}
.icon{height:1.5em;vertical-align:middle}
.item { max-width:30vw ; max-height: 25vh }  .item:hover{scale:1.1} .item:active{scale:0.9}
.tile {max-width:90vw ;max-height: 50vh} .tile:hover{scale:1.1} .tile:active{scale:0.9}
.admin{display:none}
.granted{filter: grayscale(0%)}    .default , .denied{filter: grayscale(100%)}
.dropdown{max-height:50vh;overflow:auto;border-right:1px dotted gray;margin-right:0.5em}
.inbox td{border-bottom:1px solid; padding-right:0.5em;vertical-align:top }
.fadeIn {opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-fill-mode:backwards; animation-duration: 2s;}
.moon::before {content:'🌙'}