/*
main styling
(C) 2006-25 Michael A Smith

revision Notes:
20250121 copyright udpate, page break introduced;
20241218 improvements to ftmn;
20241214 old css removed, footer menu added;
20241212 header improvements;
20241206 various minor improvements;
20241130 finalAnswer CSS added;
20241126 external link css added;
20241104 name update, header colours reverted to Ukrainian;
20241024 refNum included, comment compression;
20241022 header colour halloweened;
20240623 comment compression;
20240126 two3rds rendering improvements, copyright updated, removed out of date code and comment compression;
...
20201031 revision notes started.
-oOo-

css for tags */

*                   {box-sizing:border-box;}
html                {scroll-behavior:smooth;}
body                {
font-family:  Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
background:white;
width:97%;
}
header, footer{
    border-color:blue lightgray yellow lightgray;
    background-color:lightgray;
    border-style: solid none solid none;
    border-radius:1.0em;}
div                 {float:left;width:100%;}
h1, h2, p, address  {text-align:center;}
a:link              {color:blue;text-decoration:none;}
a:visited           {color:blue;text-decoration:none;}
a:hover             {color:blue;text-decoration:underline;}
a:active            {color:green;text-decoration:underline;}
a[href^="http"]:not([href*="physicsandmathstutoring.co.uk"])::after {
  content: "⇗";
}
table               {border-collapse:collapse;}
tr                  {vertical-align:text-top;}
th, td              {text-align:center;padding:5px;border:0.1em solid black;}
dl                  {margin: 5%;}
dt                  {font-weight:bold;margin: 1em 0 0 0;}
li, hr              {margin: 0.5em 0 0.5em 0;}


/* css labels used throughout a standard doc */

.ttl{
    background-color:lightgray;
    border-style:solid none solid none;
    border-radius:1.0em;}
.slvr       {color:silver;}
.nvbr       {margin:0.5em 0 0 0;}
.mnbr       {text-align:left;padding:0 0 0 1em;}
.rtnbtn     {float:right;border:2px solid blue;border-radius:0.75em;width:1.5em;height:1.5em;margin:0.5em 0.5em 0.5em 0.5em;text-align:center;}
.fotr       {border-color: blue lightgray yellow lightgray; margin: 0 0 40em 0;}
.ftmn       {margin:0;border-left:1px solid black;border-right:1px solid black;white-space:nowrap;padding:0 0.5em 0 0.5em;}
.main       {margin:1em 0 1em 0;padding:0 5% 0 5%;min-height: 600px;}
.zr         {padding:0;margin:0;}
.lftbornon  {float: left; width: auto; border-style: none;  border-color: inherit;  margin:0.1em;}
.lftborred  {float: left; width: auto; border-style: solid; border-color: red;      margin:0.1em;}
.lftborgrn  {float: left; width: auto; border-style: solid; border-color: green;    margin:0.1em;}
.lftborblk  {float: left; width: auto; border-style: solid; border-color: black;    margin:0.1em;}
.oveflox    {overflow-x:auto;}
.hght195    {border:none;width:100%;height:195px;}
.halves     {float:left; width:49.1%;}
.thirds     {float:left; width:32.9%;}
.forths     {float:left; width:24.6%;}
.two3rds    {float:left; width:66.2%;}
.three4ths  {float:left; width:75%;}
.chev       {color:blue;font-size:1.5em;}
.rot        {transform:rotate(180deg);}
.cntr       {margin: 0 auto 0 auto;}
.cent       {height:100%;width:100%;}
.hi10       {height:10em;}
.ddg        {display:block;height:40px;border:none;margin: 0 auto 0 auto;}
.marovrundr {margin:1em 0 1em 0;}
.marg5floR  {margin:0.5em;float:right;}
.disnon     {display:none;}
.nowrap     {white-space:nowrap;}
.jstfy      {text-align: justify;}
.dshd       {border-top:1px dashed black;border-bottom:none;}
.refNum     {font-size:xx-small;}
.finalAnswer{border-bottom:double;padding:0.5em;}


/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {.halves, .thirds, .forths, .three4ths, .two3rds {width:100%; /* The width is 100%, when the viewport is 800px or smaller */}}
/* Use a media query to add a break point at 1200px: */
@media screen and (min-width:1200px) {.main {min-height: 800px;float:none;width:1100px;margin:1em auto 1em auto; /* The width is 1100px, when the viewport is 1200px or greater */}}

/* page-break-after an element or as an empty element */
@media print {.pagebreak {page-break-after:always;}}


/* css used in indiviual or multiple docs */

.rd         {color: red;}/* in home */
.grytxt     {color:#dddddd;}/* in availability */