/* STYLES  FOR JEMIMA D PAGES */
/* Needs to be reloaded to web for alterations to work */

/* 	h1 - always centred -----------------------------------------------------------------  h1 */
h1 {
  text-align: center;
}

/*Style definition for FLEXIBLE COLUMN view  -----------------------------------------------  3 Columns*/

/*Need to have box-sizing line in the html file that uses this:
 <style>* { box-sizing: border-box; } </style>
 and also the viewport command:  
 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 Viewport needs to go in the head section.    Or it wont work!*/

body { margin: 0;
  font-family: Times; }

.header { text-align: center;
  padding: 0px; }

.row { display: flex;
  flex-wrap: wrap;
  padding: 0 4px; }

/* Create four equal columns that sits next to each other */
.column { flex: 33%;
  max-width: 33%;
  padding: 0 25px; }

.column img { margin-top: 8px;
  vertical-align: middle; }

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) { .column {   flex: 50%;
    max-width: 50%;
  } }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) { .column {   flex: 100%;
    max-width: 100%;
  } }



/* NAVIGATION BAR - to ensure top navigation bars adapt for mobiles--------------------    topnav */


body {margin: 0;}

ul.topnav {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  overflow: hidden; }

ul.topnav li {float: left;}

ul.topnav li a {
  color: black;
  text-align: center;
  padding: 2px 2px; }

@media screen and (min-width: 600px) {
  ul.topnav li {float: none;} }


/* this one was here already - 
it is to do with tables I think! 
and may relate to the old calendar?*/
TD.wdf {
	background : #90ee90;
	color : #000000;
	}

TD.wdp {
	background : #ffff00;
	color : #000000;
}

TD.wdb {
	background : #FFa070;
	color : #000000;
}

TD.wef {
	background : #3cb371;
	color : #000000;
}

TD.wep {
	background : #ffcc00;
	color : #000000;
}

TD.web {
	background : #ff6f50;
	color : #000000;
}