@charset "UTF-8";
/* CSS Document */

.cook_table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0px; display: block; font-size: 13px
}

.cook_table th, .cook_table td {
  padding: 15px 10px;
  border: 1px solid var(--greymenu);
  text-align: left;
  vertical-align: top;
}

.cook_table th {
  background-color: var(--green10);
}

/* -------- MOBILE STYLE -------- */
@media (max-width: 768px) {
.cook_table {width: 100%}

  .cook_table thead,
  .cook_table tbody,
  .cook_table th,
  .cook_table td,
  .cook_table tr {
    display: block;
    width: 100%;
  }

  .cook_table thead {
    display: none;
  }

  .cook_table tr {
    margin-bottom: 30px;
    padding: 0px; border-bottom: 1px solid var(--lngrey)
  }

  .cook_table td {
    border: none;
    padding: 0.5rem 0;
  }

  .cook_table td::before {
    content: attr(data-label) ":";
    font-weight: bold;
    display: block;
    margin-bottom: 0.2rem;
  }
}