.arabic-text {
font-size: 1.375rem;
}
.arabic-text td {
line-height: 30px;
}
.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-item.highlighted {
background-color: #fff000;
padding: 7px;
}
.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-top: 5px;
}
.dated-table tbody tr:nth-child(even) {
background-color: #f5f5f5;
}
.clear-table {
width:100%;
bgcolor:white;
border-collapse:collapse;
border-spacing:0px;
padding:0px;
cellpadding:0px;
cellspacing:0px;
}
.footnotes {
margin-top: 40px;
border-top: 1px solid #ccc;
}
.text_divider {
display: block;
margin: 0px auto;
max-width: 90px;
}
.customimg {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
border: 1px black dotted;
}