*
{
  font-family: 'Montserrat';  
} 

.row
{
  z-index: 5;
  position: relative;  
}

.fw-600
{
  font-weight: 600;
}

a.textlink
{
  color: inherit;
  font-weight: 600;
}

.gray-bg
{
	background-color: rgba(217,220,222, 0.8);
}

.blue-bg
{
	background-color: rgba(199, 223, 244, 0.8);
}

/* FUNGUJE SUPER ALE LINKY JSOU PRES OBSAH */
 /* TJ musim osetrit position a z-index elementu ktere chci mit nad */

.custom-bg {
  position: relative;
  background: white;
  overflow: visible;
}

.custom-bg::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  --gap: calc((100% - 7px) / 8);

  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15));

  background-size:
    1px 100%,
    1px 100%,
    1px 100%,
    1px 100%,
    1px 100%,
    1px 100%,
    1px 100%;

  background-position:
    calc(var(--gap) * 1 + 0px) 0,
    calc(var(--gap) * 2 + 1px) 0,
    calc(var(--gap) * 3 + 2px) 0,
    calc(var(--gap) * 4 + 3px) 0,
    calc(var(--gap) * 5 + 4px) 0,
    calc(var(--gap) * 6 + 5px) 0,
    calc(var(--gap) * 7 + 6px) 0;

  background-repeat: no-repeat;
}



/* FUNGUJE ale linky jsou pod veskerym obsahem tj napr i pod pozadim ROWs */
/**

.custom-bg {
  position: relative;
  background: white;
  z-index: 0; 
}

.custom-bg > * {
  position: relative; 
  z-index: 1;
}

.custom-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0; 

  
  --gap: calc((100% - 7px) / 8);

  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15)),
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.15));

  background-size:
    1px 100%,1px 100%,1px 100%,1px 100%,1px 100%,1px 100%,1px 100%;

  background-position:
    calc(var(--gap) * 1 + 0px) 0,
    calc(var(--gap) * 2 + 1px) 0,
    calc(var(--gap) * 3 + 2px) 0,
    calc(var(--gap) * 4 + 3px) 0,
    calc(var(--gap) * 5 + 4px) 0,
    calc(var(--gap) * 6 + 5px) 0,
    calc(var(--gap) * 7 + 6px) 0;

  background-repeat: no-repeat;
}
*/