/* *
 * Site-chrome CSS extracted from legacy.css.
 * Generated by tools/legacy-css-audit/extract-chrome.js — do not edit by hand.
 * Source: css/legacy.css selectors used by every audited page (see legacy-css-catalog.md).
 * @see docs/superpowers/plans/2026-05-30-menutech-theme-rewrite-p8-legacy-css-elimination.md
  *
  * Wrapped in `@layer legacy` so SDC CSS (unlayered or @layer components)
  * and Tailwind utilities (@layer utilities) consistently win over these
  * Materialize-era resets and components without specificity gymnastics.
  * The `@layer legacy, theme, base, components, utilities;` order is
  * declared in src/theme.css.
  */

@layer legacy {

html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.15;
  /* 1 */
}




body {
  margin: 0;
}




article,
aside,
footer,
header,
nav,
section {
  display: block;
}




h1 {
  margin: 0.67em 0;
  font-size: 2em;
}




a {
  -webkit-text-decoration-skip: objects;
  /* 2 */
  background-color: transparent;
  /* 1 */
}




b,
strong {
  font-weight: inherit;
}




b,
strong {
  font-weight: bolder;
}




img {
  border-style: none;
}




svg:not(:root) {
  overflow: hidden;
}




button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  font-family: sans-serif;
  /* 1 */
}




button,
input {
  overflow: visible;
  /* 1 */
}




button,
select {
  text-transform: none;
  /* 1 */
}




button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}




textarea {
  overflow: auto;
}




html {
  box-sizing: border-box;
}




*, *:before, *:after {
  box-sizing: inherit;
}




button,
input,
optgroup,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Dubai, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}




/* Materialize ul reset (`ul:not(.browser-default) { padding-left: 0; list-style-type: none }`
   + `> li { list-style-type: none }`) removed in P9c.x. Tailwind 4's base layer
   already covers both behaviours via `* { padding: 0 }` and
   `ol, ul, menu { list-style: none }`. The `.browser-default` opt-out class was
   never used in this codebase. */




a {
  -webkit-tap-highlight-color: transparent;
  color: #009fed;
  text-decoration: none;
}




.z-depth-1, .sidenav, .btn-floating, .btn, .btn-small, .btn-large, .card, .card-panel, nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}




i {
  line-height: inherit;
}




@media only screen and (max-width : 992px) {

  .hide-on-med-and-down {
    display: none !important;
  }


}





table, th, td {
  border: none;
}




table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}




tr {
  border-bottom: 1px solid #d0d0d0;
}




td, th {
  display: table-cell;
  padding: 15px 5px;
  border-radius: 2px;
  text-align: left;
  vertical-align: middle;
}




/* Removed unused @keyframes indeterminate / indeterminate-short (Materialize
   linear-progress preloader) — verified zero `animation:` consumers. */




.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}




a {
  text-decoration: none;
}




html {
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Dubai, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}




@media only screen and (min-width: 0) {

  html {
    font-size: 14px;
  }


}





@media only screen and (min-width: 992px) {

  html {
    font-size: 14.5px;
  }


}





@media only screen and (min-width: 1200px) {

  html {
    font-size: 15px;
  }


}





h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}




h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}




h1 {
  margin: 22.6666666667 0 13.6 0;
  font-size: 34;
  line-height: 110%;
}




h2 {
  margin: 16 0 9.6 0;
  font-size: 24;
  line-height: 110%;
}




h3 {
  margin: 13.3333333333 0 8 0;
  font-size: 20;
  line-height: 110%;
}




h4 {
  margin: 9.3333333333 0 5.6 0;
  font-size: 14;
  line-height: 110%;
}




h5 {
  margin: 9.3333333333 0 5.6 0;
  font-size: 14;
  line-height: 110%;
}




h6 {
  margin: 9.3333333333 0 5.6 0;
  font-size: 14;
  line-height: 110%;
}




strong {
  font-weight: 500;
}




.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}




.container-fluid {
  padding-right: 2em;
  padding-left: 2em;
}




.container {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}




@media only screen and (min-width : 601px) {

  .container {
    width: 85%;
  }


}





@media only screen and (min-width : 993px) {

  .container {
    width: 80%;
  }


}





@media only screen and (min-width : 1201px) {

  .container {
    width: 70%;
  }


}





.container .row {
  margin-right: -1.2rem;
  margin-left: -1.2rem;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}




.container .col {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}




.container .s12 {
  flex: 0 0 100%;
  max-width: 100%;
}




@media only screen and (min-width : 601px) {

  .container .m4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }


}





/* Removed unused @keyframes pulse (Materialize FAB pulse) — verified zero
   `animation:` consumers. */




body,
input,
select,
textarea,
body * {
  box-sizing: border-box;
  font-family: Dubai, sans-serif;
}




body::after, body::before,
input::after,
input::before,
select::after,
select::before,
textarea::after,
textarea::before,
body *::after,
body *::before {
  box-sizing: border-box;
}




@font-face {
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/menutech_next/fonts/menutech/menutech.eot?3n5iec");
  src: url("/themes/custom/menutech_next/fonts/menutech/menutech.eot?3n5iec#iefix") format("embedded-opentype"), url("/themes/custom/menutech_next/fonts/menutech/menutech.ttf?3n5iec") format("truetype"), url("/themes/custom/menutech_next/fonts/menutech/menutech.woff?3n5iec") format("woff"), url("/themes/custom/menutech_next/fonts/menutech/menutech.svg?3n5iec#menutech") format("svg");
  font-family: "menutech";
  font-display: swap;
}




@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/menutech_next/fonts/material-icons/material-icons.woff2") format("woff");
  font-family: "Material Icons";
  font-display: swap;
}




.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}




@font-face {
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Light.eot");
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Light.woff2") format("woff2"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Light.woff") format("woff"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Light.ttf") format("truetype");
  font-family: "Dubai";
  font-display: swap;
}




@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Regular.eot");
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Regular.woff2") format("woff2"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Regular.woff") format("woff"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Regular.ttf") format("truetype");
  font-family: "Dubai";
  font-display: swap;
}




@font-face {
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Medium.eot");
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Medium.woff2") format("woff2"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Medium.woff") format("woff"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Medium.ttf") format("truetype");
  font-family: "Dubai";
  font-display: swap;
}




@font-face {
  font-style: normal;
  font-weight: bold;
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Bold.eot");
  src: url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Bold.woff2") format("woff2"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Bold.woff") format("woff"), url("/themes/custom/menutech_next/fonts/dubai/DubaiW23-Bold.ttf") format("truetype");
  font-family: "Dubai";
  font-display: swap;
}




html {
  color: rgba(0, 0, 0, 0.87);
  font-size: 100%;
}




body {
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.4285714286rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.0071428571rem;
  font-weight: 300;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  margin-bottom: 0;
  overflow-x: hidden;
  background-color: #ffffff;
  color: #1e2031;
  font-weight: 300;
}




@media only screen and (max-width: 960px) {

  body {
    font-size: 14px;
    font-size: 1rem;
  }


}





body .region-content {
  width: 100%;
}




body .region-content iframe,
body .region-content img {
  max-width: 100%;
}




body .region-content img {
  height: auto;
  object-fit: cover;
}




h1 {
  font-size: 34px;
  font-size: 2.4285714286rem;
  line-height: 42px;
  line-height: 3rem;
  letter-spacing: 0px;
  letter-spacing: 0rem;
  font-weight: 700;
  text-transform: inherit;
  margin: 0 0 14px 0;
  margin-bottom: 1.4rem;
  color: #212121;
}




h2 {
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 32px;
  line-height: 2.2857142857rem;
  letter-spacing: 0px;
  letter-spacing: 0rem;
  font-weight: 700;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




h3 {
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 28px;
  line-height: 2rem;
  letter-spacing: 0.05px;
  letter-spacing: 0.0035714286rem;
  font-weight: 500;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




h4 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.4285714286rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.0071428571rem;
  font-weight: 500;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




@media only screen and (max-width: 960px) {

  h4 {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }


}





h5 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.4285714286rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.0071428571rem;
  font-weight: 500;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




@media only screen and (max-width: 960px) {

  h5 {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }


}





h6 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.4285714286rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.0071428571rem;
  font-weight: 500;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




@media only screen and (max-width: 960px) {

  h6 {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }


}





a {
  color: #009fed;
  text-decoration: none;
}




a:visited {
  color: #21b6ff;
}




a:hover {
  color: #54c7ff;
}




a:hover {
  text-decoration: none;
}




.title {
  font-size: 20px;
  font-size: 1.4285714286rem;
  line-height: 28px;
  line-height: 2rem;
  letter-spacing: 0.05px;
  letter-spacing: 0.0035714286rem;
  font-weight: 500;
  text-transform: inherit;
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
  color: #212121;
}




.field {
  margin-bottom: 1.2em;
}




.field:before, .field:after {
  display: table;
  content: " ";
}




.field:after {
  clear: both;
}




.field--item > p {
  margin-top: 0;
}




body {
  padding-top: 72px !important;
}




body,
input,
select,
textarea,
body * {
  box-sizing: border-box;
  font-family: Dubai, sans-serif;
}




body::after, body::before,
input::after,
input::before,
select::after,
select::before,
textarea::after,
textarea::before,
body *::after,
body *::before {
  box-sizing: border-box;
}




.region-gallery {
  max-width: 100vw;
  background: #ffffff;
}




.field--name-field-title-above-highlighted-be{margin-top:40px;margin-bottom:10px;color:#212121;font-weight:700;font-size:24px;line-height:32px;text-align:center}




.field--name-field-text-above-highlighted-ben{margin-bottom:0}




.field--name-field-text-above-highlighted-ben p{color:#212121;font-weight:400;font-size:16px;line-height:20px;text-align:center}




.field--name-field-text-above-highlighted-ben p a{color:#009fed;font-weight:500}




.field--name-field-h>.field--items{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center}




.field--name-field-h>.field--items>.field--item{flex:0 0 100%;width:100%;max-width:100%;margin:10px 0 0 0;padding:20px;background-color:#e8f4fc}




@media only screen and (min-width : 768px){
.field--name-field-h>.field--items>.field--item{flex:0 0 33.3333%;max-width:33.3333%}
}





.field--name-field-h>.field--items>.field--item:nth-of-type(2n){background:rgba(232,244,252,.5)}




.field--name-field-h>.field--items>.field--item h4{margin-bottom:0;text-align:center}




.field--name-field-h>.field--items>.field--item h4 a{color:#212121;font-weight:500;font-size:18px;line-height:22px;text-decoration:underline}




@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}




@keyframes fadeIn{from{opacity:0}to{opacity:1}}




@-webkit-keyframes fadeInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}




@keyframes fadeInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}




/* Enterprise banner rules extracted to components/sections/enterprise-banner/enterprise-banner.css (UNLAYERED, so its margin/padding beats Tailwind preflight). */




/* #block-tableblock rules extracted to components/sections/table-block/table-block.css (UNLAYERED, beats Tailwind preflight). */




/* Breadcrumb rules extracted to css/breadcrumb.css (UNLAYERED, Phase 2.5) —
   attached by templates/navigation/breadcrumb.html.twig. */





/* P8c: flat-button override — transparent bg, blue text, no
   text-transform. Used widely (e.g. "More on writing your menus online"
   secondary CTA on menu_type detail pages). legacy.css:3110-3135. */





/* P8c: generic Drupal field label styling. legacy.css:5983. */




.field--label {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.8571428571rem;
}





/* P8c: pagination rules used by view.case_studyes_tests.page_1 and any
   other paginated list view. legacy.css:572-617 + :6046-6065. */




.pagination li {
  display: inline-block;
  height: 30px;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
}




.pagination li a {
  display: inline-block;
  padding: 0 10px;
  color: #444;
  font-size: 1.2rem;
  line-height: 30px;
}




.pagination li.active a {
  color: #fff;
}




.pagination li.active {
  background-color: #009fed;
}




.pagination li.disabled a {
  color: #999;
  cursor: default;
}




.pagination li i {
  font-size: 2rem;
}




.pagination li.pages ul li {
  display: inline-block;
  float: none;
}




@media only screen and (max-width : 992px) {

  .pagination {
    width: 100%;
  }

  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }

  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }


}





.pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}




.pagination li {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: auto;
}




.pagination li.is-active a {
  color: #fff;
}




.pagination li.is-active {
  background-color: #009fed;
}

}
/* end @layer legacy */