/* CSS variables used in p-xxxx.css files - default values       7 April 2020 */

:root {
/* -------------------------------------------------------------------------- */
/* -------- Global variable defaults (may be overwritten in site css) ------- */
  
  --sticky-foot-height: 1.5em;  
                          /* height of sticky footer - where should this be? */
  
/* ------------------ used in more than one p-xxxx.css file ----------------- */
  
 --content-ensp: "\2002";                     /* Unicode variable required in */
 --content-emsp: "\2003";                     /*     :before & :after content */
  
  --spacing: 0.75rem;   /* default size of padding and margins - must be rems */
  --border: 1px solid gray;                                 /* default border */
  
/* -------------------- 3-column layout (p-3col-flex.css) ------------------- */
  
  --w-l-col: 15;                   /* unitless value for use in complex calcs */
  --w-r-col: 10;                   /* unitless value for use in complex calcs */
  --w-leftcol:  calc(1rem * var(--w-l-col));  /* 3-col: width of left column  */
  --w-rightcol: calc(1rem * var(--w-r-col));  /* 3-col: width of right column */

/* ------------------------- Menu stuff (p-menus.css) ----------------------- */
  
  --menu-offset-v: 50%;                           /* sub-menu vertical offset */
  --menu-offset-h: calc(var(--spacing) * 4);    /* sub-menu horizontal offset */
  
  /* FontAwesome arrows for menus (in ::before & ::after) */
  --fa-chevron-lt: "\f053";
  --fa-chevron-rt: "\f054";
  --fa-chevron-up: "\f077";
  --fa-chevron-dn: "\f078";
  
/* ----------------------- Page Objects (p-objects.css) --------------------- */

  --neg-spacing: calc(0rem - var(--spacing));             /* negative spacing */
  --border-radius: var(--spacing);                   /* default border radius */
  --box-shadow: 2px 5px 20px 0 rgba(0,0,0,0.4);         /* default box shadow */
  --bg-object: rgba(255,255,255,0.50);   /* default background for panel etc. */

  /* Figure defaults */
  --figcap-font-size: 0.8em;
  --fig-bg: var(--bg-object);
  --fig-bdr: none;
  --fig-rad: var(--spacing);
  --fig-shad: var(--box-shadow);
  
  /* .flexmode default spacing and adjustment values */
  --fbox-margin: calc(var(--spacing) / 2);
  --fbox-space-more: calc(var(--spacing) - var(--fbox-margin));
  --fbox-space-less: calc(0rem - var(--fbox-margin));

  
/* ---------------------- Not Used (except --w-multicol) -------------------- */
  
  /* multi-column defaults - for page objects maybe */
  --w-multicol: 18em;                           /* min width of 2 cols (each) */
  --w-multicol-max: calc(var(--w-multicol * 2));      /* max width of columns */
  --w-multicol-3: calc(var(--w-multicol) * 4 / 3);       /* 3 col min (24rem) */

  /* Maximum line length to base @media break-points on - just for reference? */
  --line-length-max: 40em;
  
  /* @media break-points - CAN'T USE IN @MEDIA !!!!  - for reference only     */
      /* defaults used by h1 etc */
  --break-sm: 30rem; /*  480px @ 16px - @media break-points */
  --break-md: 45rem; /*  720px */
  --break-lg: 60rem; /*  960px */
  --break-xl: 75rem; /* 1200px */

}