/* use Firefox inspector to detect elements */

/* 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;
}

/* Scroll bar */
/* width */
/*::-webkit-scrollbar {
  width: 20px;
}*/

/* Track */
/*::-webkit-scrollbar-track {
  background: #ffffff;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
  background: #888888;
  / * border-radius: 10px; rounded edges * /
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #555;
}*/

/* Images */
img {
    height: auto;
    max-width: 100%; /* Prevent images from overflowing their boundaries. */
    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; /* spacing between lines */
    margin: 0;
    outline: 0;
    padding: 0;
    text-indent: 0;
    vertical-align: baseline;
}

body,button,input,select,textarea {
    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;
}
body {
    background-color: rgb( 220, 220, 220 ); /* 3/3 background colour behind LYOS (everything/level 3) */
    background-image:     linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) );
}

/* 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;
}

/* Typography */
p {
    margin-bottom: 10px; /* Paragraph spacing (spacing between paragraphs) margin-top: 0px; */
}
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;
}

/* Lists */
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;
}
/* Tables */
table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 15px; /*Gap below table*/
    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;
}

/* footnotes */
sup {
    font-size: 0.8rem;
}

/* Custom Article */
.title-font-trajan {
    font-family:Trajan;
    font-size:;
    text-align: center;
}

/* Lists */
ul,
ol {
    margin: 0 40px 10px 40px; /* Clockwise: Top, Right, Bottom, Left */
    /*padding-left: 26px;*/
}
/*ul[dir="rtl"],
ol[dir="rtl"] {
    margin: 0 40px 10px 0px; Clockwise: Top, Right, Bottom, Left
    padding-right: 26px;
}*/

/* pad any p inside an ol or ul */
/*ol p,
ul p {
    padding-left: 25px;
}

ol p[dir="rtl"],
ul p[dir="rtl"] {
    padding-right: 25px;
}*/

/* Nested lists (child entries in lists) */
.nested_list {
    list-style: none;
    margin-left: 10px;
    margin-bottom: 0px;
    padding-left: 10px;
    border-left: none;
}

.nested_list li::before {
    content: "↳ ";
}
