/* Make numbers in ordered lists equal size to font: */
ol > li::marker {
    font-weight: normal; /* was bold */
    font-size: 1.125rem;
}

ol > li > ol > li::marker { /* 2nd level */
    font-weight: normal;
}

/* Tables */
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
table {
    max-width: 100%;
    width: 100%;
    table-layout: fixed;
}
table img {
    max-width: 100%;
}

/* Default page */
#page-liner {
    background-color: #ffffff;
    margin: 5px auto 5px auto; /* [t, r, b, l]. add [10px auto 10px auto] to add gap above and below website. */
    max-width: 1200px;
    box-shadow: 0px 0px 2px #5b5b5b;
}
#page-liner:after {
    content: '';
    display: table;
    clear: both;
}


/* Body */
body {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    line-height: 1.15; /* automatic; will be fontsize * thisvalue */
    font-weight: 300;
}
b,strong {
    font-weight: bold;
}

/* Links -------------------------------------------------------------- */
a,a:hover,a:active,a:focus {
    color: rgb( 13, 61, 155 );
    color: rgba( 18, 90, 222, 1 ); /* <<<<<< COLOUR OF LINKS (was 13, 61, 155) */
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    /* color: rgb( 190, 110, 0 ); <<<<<< COLOUR OF LINKS HOVER */
}
a:active,a:focus {
    background: rgb( 235, 235, 235 );
    background: rgba( 50, 50, 50, .1 );
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    border: 0;
    font: inherit;
    margin: 0; /* outside the element */
    outline: 0;
    padding: 0; /* inside the element */
    text-indent: 0;
    vertical-align: baseline;
    clear: both;
    font-family: Times, 'Times New Roman', serif, Cambria;
    font-weight: bold;
    margin-bottom: 12px; /* free space after titles */
    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;
}


/* Grids (books) -------------------------------------------------------------- */
.grid-container-5cols {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 4 columns */
    gap: 10px;
    width: 100%;
}

.grid-container-4cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 10px;
    width: 100%;
}

.grid-container-3cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 4 columns */
    gap: 10px;
    width: 100%;
}

.grid-container-2cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 4 columns */
    gap: 10px;
    width: 100%;
}

.grid-item {
    background-color: #ffffff;
}

.grid-item-with-border { /* This border will include the text */
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.grid-item img {
    width: 100%;
    height: auto;
    display: block;
    padding: 0px;
}

.grid-item .caption {
    padding: 5px 0 5px 0;  /* top, right, bottom, left */
}

.grid-item .caption-ar {
    padding: 5px 0 5px 0;
    direction: rtl;
}

/* Text Dividers */
.text_divider {
    display: block; /*display: block makes the image act like its own line*/
    margin: 0px auto; /*margin: auto horizontally centers it*/
    max-width: 90px; /* You can adjust margin-top / margin-bottom for spacing */
}

/* Headers */
.toc-header {
    color: #000000;
}

/* Images */
img {
    height: auto;
    max-width: 100%; /* Prevent images from overflowing their boundaries. */
    outline: 0;
    vertical-align: baseline;
}
img.with_border {
    border: 1px dotted #000000;
    border-radius: 1px;
    padding: 0px;
}

/* Inputs/Buttons (for password entry) */
button,input {
    border: 0;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-indent: 0;
    vertical-align: baseline;
}

button,input {
    color: #000000;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.125rem; /* global font size of all pages and all text */
    font-weight: 300;
}