/* G1MRA style sheet by Adrian Johnstone a.johnstone@rhul.ac.uk 2025-10-14 */
body {font-family: sans-serif; background-color:#fefddf; font-size: 17px;}
h1 {color:#165f4b; font-weight:bold; font-size: 24px; text-align:center;}
h2 {color:#165f4b; font-weight:bold; font-size: 17px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;}
h3 {color:#FF0000; font-weight:bold; font-size: 17px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;}
a, a:link {text-decoration: none;color: #372AAC;}
a:hover {background-color: #ddd; }

/* Boxes that set flex properties */
.vbox    {display:flex; flex-direction:column;}
.hbox    {display:flex; flex-direction:row; flex-wrap: wrap; }
.cbox    {display:flex; justify-content:center;}
.fill    {flex-grow: 1;}

/* Boxes that set styling properties */
.wbox    {display:flex; flex-direction:column; max-width:1000px; min-width:200px; font-size:17px; line-height:1.4;}
.wbox p  {margin:17px 0px 0px 0px}
.tbox    {display:flex; flex-direction:column; max-width:700px; min-width:200px; font-size:17px; line-height:1.4;}
.tbox p  {margin:17px 0px 0px 0px}
.sbox    {flex-direction:column; max-width:300px; min-width:200px; padding: 0px 10px; background-color:#eeedcf; font-size:13px;  line-height:1.4}
.sbox h1 {margin:12px 0px 0px 0px;}
.sbox h2 {font-size: 14px; margin:10px 0px 0px 0px;}
.sbox p  {font-size: 13px; margin:3px 0px 3px 0px;}
.zbox    {margin-top:10px; flex-direction:column; max-width:300px; min-width:200px; padding: 0px 10px; background-color:#fefddf; font-size:13px; line-height:1.4}
.zbox h1 {margin:12px 0px 0px 0px;}
.zbox h2 {font-size: 14px; margin:10px 0px 0px 0px;}
.zbox p  {font-size: 13px; margin:3px 0px 3px 0px;}

/* Navigation bar styling */
.navbar  {background-color: #165f4b; display: flex; padding: 2px 2px;}
.navbar  a {float: left; color: #f2f2f2; text-align: center; padding: 0px 8px; font-size: 20px;}
.navbar  a:hover {background-color: #ddd; color: black;}     /* Change the color of links on hover */
.navbar  a.active {background-color: #04AA6D; color: white;} /* Add a color to the active/current link */
.flags {display: flex; flex-direction: column; font-size: 0; line-height: 0;}
.flags a img {width:30px; padding: 4px 0px;}

/* Image bar styling */	
.imageBar {background-color:#ddd; display: flex; flex-wrap: wrap; line-height: 0; max-width:100%; justify-content:space-around}
.imageBar a img {height: 150px; padding: 2px 2px;}