.arabic-text {
font-size:1.375rem;
}
.arabic-text td {
line-height: 30px;
}
ol > li::marker {
font-weight: normal;
font-size:1.125rem;
}
ol > li > ol > li::marker {
font-weight: normal;
}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background: #888888;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
img {
height: auto;
max-width: 100%;
outline: 0;
vertical-align: baseline;
}
img.with_border {
border: 1px dotted #000;
border-radius: 1px;
padding: 0px;
}
a,abbr,article,b,bdi,bdo,big,blockquote,body,button,canvas,caption,center,cite,code,col,del,div,dl,dt,em,embed,figure,font,footer,form,frame,frameset,header,hgroup,hr,html,i,iframe,input,label,li,map,mark,menu,nav,ol,option,output,p,pre,progress,q,rp,rt,ruby,s,script,section,select,small,span,strike,strong,sub,summary,table,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video {
border: 0;
font: inherit;
line-height: 22px;
margin: 0;
outline: 0;
padding: 0;
text-indent: 0;
vertical-align: baseline;
}
html {
overflow-y: scroll;
}
body,button,input,select,textarea {
color: #000000;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.125rem;
font-weight: 300;
}
body {
background-color: rgb( 220, 220, 220 );
background-image:     linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) );
}
a,a:hover,a:active,a:focus {
color: rgb( 13, 61, 155 );
color: rgba( 18, 90, 222, 1 );
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active,a:focus {
background: rgb( 235, 235, 235 );
background: rgba( 50, 50, 50, .1 );
}
#page a {
transition: all .1s ease-in;
}
h1,
h2,
h3,
h4,
h5,
h6 {
border: 0;
font: inherit;
margin: 0;
outline: 0;
padding: 0;
text-indent: 0;
vertical-align: baseline;
clear: both;
font-family: Times, 'Times New Roman', serif, Cambria;
font-weight: bold;
margin-bottom: 12px;
margin-top: 15px;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1 {
line-height: normal;
}
h2 {
line-height: normal;
}
h3 {
line-height: normal;
}
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1.0rem;
}
p {
margin-bottom: 10px;
}
b,strong {
font-weight: bold;
}
del,s,strike {
color: rgb( 200, 200, 200 );
color: rgba( 200, 200, 200, 1 );
text-decoration: line-through;
}
em,i {
font-style: italic;
}
hr {
background: rgb( 230, 230, 230 );
background: rgba( 230, 230, 230, 0.8 );
border: none;
color: rgb( 230, 230, 230 );
color: rgba( 230, 230, 230, 0.8 );
clear: both;
float: none;
margin: 0 0 25px;
width: 100%;
height: 1px;
}
dl {
margin: 0 0 26px;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 0 26px;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ul ul ul ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-roman;
}
ol ol ol {
list-style: lower-alpha;
}
ol ol ol ol {
list-style: upper-alpha;
}
table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 15px;
table-layout: fixed;
max-width: 100%;
width: 100%;
}
tfoot {
font-size: 0.625rem;
}
th,td,caption {
padding: 0 5px;
}
th {
background: rgb( 240, 240, 240 );
background: rgba( 240, 240, 240, 0.8 );
border-bottom: 0px solid rgb( 220, 220, 220 );
border-bottom: 0px solid rgba( 220, 220, 220, 0.8 );
font-size: 1.0rem;
line-height: auto;
text-align: left;
}
td {
border-bottom: 0px solid rgb( 230, 230, 230 );
border-bottom: 0px solid rgba( 230, 230, 230, 0.8 );
line-height: auto;
word-wrap: break-word;
}
.grid-item.highlighted {
background-color: #fff000;
padding: 7px;
}
.grid-container-5cols {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
width: 100%;
}
.grid-container-4cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
width: 100%;
}
.grid-container-3cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
width: 100%;
}
.grid-container-2cols {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
width: 100%;
}
.grid-item {
background-color: white;
text-align: left;
}
.grid-item-with-border {
background-color: white;
border: 1px solid #ddd;
text-align: left;
}
.grid-item img {
width: 100%;
height: auto;
display: block;
padding: 0px;
}
.grid-item .caption {
padding: 5px 0 5px 0;
}
.grid-item .caption-ar {
padding: 5px 0 5px 0;
text-align: right;
direction: rtl;
}
.grid-hymns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.hymn-iframe {
width: 100%;
height: 280px;
}
.toc-header {
color:black;
}
.dated-table td {
padding-bottom: 5px;
}
sup {
font-size: 1.0rem;
line-height: 0;
}
sup a {
color:red;
font-weight: bold;
line-height: 0;
}
sup a:hover {
color: orange;
text-decoration: underline;
}
sup a:focus {
color: red;
outline: 2px solid orange;
background: #00000000;
}
.footnotes {
margin-top: 40px;
border-top: 1px solid #ccc;
}
.custom-article h1 {
text-align: center;
}
.custom-article h1::before {
display: block;
}
.custom-article h3::before {
}
.title-font-trajan {
font-family:Trajan;
font-size:;
}
ul,
ol {
margin: 0 40px 10px 40px;
}
ol ol {
list-style-type: lower-alpha;
}