/* wrc.css - CSS for use of the WRC website and subsiduary sites such as Silver Sculls */

/* Special styles for use when printing */
@media print
{ /* Content deemed unsuitable for printing (but user can work around) */
  .noprint, .menu, .publicNotes { display:none !important; }

  /* General adjustments that work well when printing */
  body { color:black; background-color:white; font-size:10pt; }
  a, a:visited { color:inherit; text-decoration:inherit; }

  /* Division headings (except first) in start lists */
  .division {break-before:right; page-break-before:right; }
  .firstDivision {break-before:auto; page-break-before: auto; } /* Over-rides */
} /* End of print styles

/* Entries in various columns of listings */
.adjustedTime, .event, .eventName, .handicapTime, .marshall, .overallPosition,
  .penaltySecs, .rawTime, .startNumber {text-align:center;}
.crew {text-align:left; }

.heading th.eventName {font-size:125%;}

/* Highlight winning crews */
.winner, .pot {font-weight:bold;}

/* Scratched entries appear crossed-out */
.scratched { text-decoration:line-through; }

/* Errors in data entry are highlighted */
.error { color:red; }

/* Styles for page titles */
.titlebar h1 { margin:0px; text-align:center; }
.titlebar h2 { margin:0px; text-align:center; }

/* Links in top menu are styled like buttons */
div.menu, ul.menu { display:flex; flex-wrap:wrap; padding: 0.4em 0em;
           justify-content:center; margin:0px auto; padding:0px;}
.menu > * { display:block; float:left; }
.menu a, .menu span { display:block; background-color:#0080ff; color:black; margin:0.1em; padding:0.1em 0.5em;
         border-radius:0.5em; text-decoration:none; transition-duration:0.5s }
.menu a:first-child, .menu span:first-child {margin-left:0px;}
.menu a:last-child, .menu span:last-child {margin-right:0px;}
.menu a:hover, .menu span:hover {background-color:#00c0ff; }
.menu a:focus, .menu li:active {background-color:#00ff00;}

/* Links in a menu page are styled like buttons and spread across the page */
ul.menuButtonPage { justify-content:space-around; flex-shrink:0; text-align:center; }
.menuButtonPage li { margin:1em; padding:1em; border:solid 1px; border-radius:1em; max-width:20em; }
.menuButtonPage a { float:none; margin:0.5em auto; }

/* Various standard paragraphs and divisions */
.publicNotes
{ padding:2em; max-width:60em; margin:0px auto 1em auto; border:1px solid;
  background-color:white;
}

/* Additional styles for documentation pages */
.pageImage {max-width:40em; width: 50%; font-size: 0.5em; margin: 1em; float:left; background-color:#ddd;}
.pageImage input, .pageImage button {font-size: inherit;}
h4, h3 {margin-top:1em; margin-bottom:0.5em;}
p {margin:0.5em 0px;}
h4 + p, h3 + p {margin-top:-0.3em;}