@charset "UTF-8";
:root {
  --border: #ddd;
}

body {
  font-size: clamp(1em, 5vmin, 2em);
  /*corrugated linear gradient*/
  --s: 40px;
  --c1: #ebeeee;
  --c2: #ffffff;
  --g1: conic-gradient(at 37.5% 87.5%, #0000 75%, var(--c1) 0);
  --g2: conic-gradient(at 12.5% 62.5%, #0000 75%, var(--c2) 0);
  background: var(--g2) calc(var(--s) / 4) calc(var(--s) / 4), var(--g2) calc(5 * var(--s) / 4) calc(5 * var(--s) / 4), var(--g1), var(--g1) var(--s) var(--s) var(--c2);
  background-size: calc(2 * var(--s)) calc(2 * var(--s));
}
body main .catering-container {
  padding: 20px;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
body main .catering-container > div > p {
  padding: 20px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
}
body main .catering-container .banner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body main .catering-container .banner h1 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body main .catering-container .banner h1 img {
  max-height: 1.5em;
}
body main .catering-container .banner a {
  color: black;
  padding: 3px 6px;
}
body main .catering-container .catering-description {
  padding: 20px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
body main .catering-container .service-options-holder,
body main .catering-container .package-options-holder {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
body main .catering-container .service-options-holder .service-options-description {
  padding: 20px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
body main .catering-container .service-options,
body main .catering-container .package-options {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
body main .catering-container .service-option,
body main .catering-container .package-option {
  padding: 20px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex: 1 1 25%;
  min-width: 280px;
}
body main .catering-container .foodlist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
body main .catering-container .foodlist .bullet {
  display: none;
}
body main .catering-container .foodlist span {
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.0745098039);
  display: flex;
  align-items: center;
  gap: 15px;
}
body main .catering-container .foodlist span:before {
  content: "● ";
  color: var(--link);
}
body main .catering-container .inquiry {
  padding: 20px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
}
body main .catering-container .inquiry .form {
  border: 1px solid #dbcece;
  padding: 5px;
  font-size: 22px;
}
body main .catering-container .inquiry .form * {
  font-size: inherit !important;
}
body main .catering-container h2,
body main .catering-container h3,
body main .catering-container h4 {
  margin-bottom: 16px;
}
body .bullet {
  color: var(--link);
  margin-left: 10px;
  margin-right: 10px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  /* transform: skewX(-2deg); */
}

/*# sourceMappingURL=catering.css.map */