/*
CSS Utilities for Cake websites - initiated march 2022
*/

/* Hiding elements classes */
.cake-hidden{
    transform: scale(0);
}
/* Move element far away from screen */
.cake-away{
    position: absolute;
    left: -10000px;
    top: -10000px;
}

/* Accessible hiding allows an element to disappear from the screen, while being accessible to screen reader users. 
Technically, the solution is to add a CSS class on the element that should not be visible. */
.cake-visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; /* added line */
      border: 0;
}