/* content text details */
/* Tested and uploaded 19 Dec 2023*/
/* date colour changed Nov 2024*/
/* strike style added to show past retreats added Mar 2025*/
html {
font-size: 62.5%;
}

heading { 
/* used on all pages*/
color: #008000; 
font-family: Cambria, serif;
font-style: normal;
font-weight: bold;
text-decoration: none; 
font-size: 2.4rem;
}

sub-head { 
/* used on all pages*/
color: #008000; 
font-family: Cambria, serif;
font-style: normal;
font-weight: bold;
text-decoration: none; 
font-size: 2.1rem;
}

theme { 
/* used on programme page*/
color: #008000; 
font-family: Cambria, serif;
font-style: normal;
font-weight: bold;
text-decoration: none; 
font-size: 1.8rem;
text-align: left;
}

date { 
/* used on programme page*/
/* #C0392B was used for the russet in 2024*/
color: #2196F3;
font-family: Cambria, serif;
font-style: normal;
font-weight: bold;
text-decoration: none; 
font-size: 1.8rem;
text-align: right;
}

green {
/* for programme page but does not work?*/
color: #008000; 
font-family: Tahoma;
font-style: normal;
font-weight: bold;
text-decoration: none; 
font-size: 1.6rem;
}

normal {
/* used on all pages*/
color: #000000; 
font-family: Tahoma;
font-style: normal;
font-weight: normal;
text-decoration: none; 
font-size: 1.6rem;
}

small {
/* used on home, find-us and contact pages*/
color: #000000; 
font-family: Tahoma;
font-style: normal;
font-weight: normal;
text-decoration: none; 
font-size: 1.2rem;
}

italic {
/* used on diy and find-us pages*/
color: #000000; 
font-family: Tahoma;
font-style: italic;
font-weight: normal;
text-decoration: none; 
font-size: 1.6rem;
}

strike {
/* used on programme page and anywhere else that has old information on it*/
text-decoration-line: line-through;
text-decoration-color: red;
text-decoration-style: solid;
}

/* indent on diy page varies according to screen width to maintain readability
used on diy page*/
@media screen and (max-device-width: 600px) {
indent {
  text-indent: 50px;
}
}
@media screen and (min-device-width: 600px) {
indent {
  text-indent: 150px;
}
}
 