/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
.wk-textile-index-container {
  height: calc(100% - 100px); }

.wk-textile-index {
  display: flex;
  flex-direction: column;
  padding: 50px 0; }
  .wk-textile-index .wk-textile-category {
    width: 100%;
    padding-bottom: 30px; }
    @media all and (min-width: 48em) {
      .wk-textile-index .wk-textile-category {
        width: calc(50% - 20px); } }
    @media all and (min-width: 62.5em) {
      .wk-textile-index .wk-textile-category {
        width: calc(33.333% - 20px); } }

.wk-textile-popup {
  display: none; }
  .wk-textile-popup.active {
    display: block;
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-color: gray;
    z-index: 9999; }