:root {
  /* ESIEA COLOR */
  --esiea-blue: #36a9e1;
  --esiea-orange: #f59e00;
  --esiea-dark: #151d34; 
  --esiea-creme: #fdf8f1;

  /* OpenLab COLOR */
  --openlab-main: var(--esiea-blue);
  --openlab-blue:var(--esiea-dark) ;
  --openlab-grey-blue: color-mix(in srgb, var(--esiea-blue) 50%, var(--esiea-dark) 50%);

  /* default color override */
  --yellow: var(--openlab-orange);
  --primary: var(--openlab-main);
  --secondary: var(--openlab-blue);
  --warning: var(--esiea-orange);
}

/*todo : add ESIEA graphic chart fonts*/

button,button[type="submit"],input[type="button"],a[role="button"]
{
    background-color:var(--esiea-orange);
    border-color: var(--esiea-orange);
}

ol.breadcrumb 
{
  li:nth-child(even)
  {
    padding-left: 0;
    padding-right:  0;

    + li
    {
      padding-left: 0;
    }
  }
  :has(+ li:nth-child(even))
  {
    padding-right: 0;
  }
}

header+main
{
  padding-top: 0;
}

.flex{
  display: flex;
  flex-wrap: wrap;
  gap:1rem;
}

.flex > *
{
  min-width: 20vw;
  max-width:calc(30vw - 2rem);
}