/*
Theme Name: MOCKUP Manufacturing
Theme URI: https://mockuptech.com/
Author: MOCKUP
Description: Custom WordPress theme for the MOCKUP manufacturing website.
Version: 1.0.0
Text Domain: mockup
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
html, body { max-width: 100%; overflow-x: clip; }
.wp-block-post-content { margin: 0; }
.mockup-form-message { margin-top: 12px; font-weight: 700; }
.mockup-form-message.is-error { color: #a83232; }
.mockup-form-message.is-success { color: #087f7d; }

@media (max-width: 680px) {
  .siteHeader .nav.shell,
  .serviceDetailPage .innerHero.shell {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }
  .siteHeader .mobileMenu { margin-left: auto; flex: 0 0 auto; }
  .serviceDetailPage .innerHero > * { min-width: 0; max-width: 100%; }
  .serviceDetailPage .innerHero h1 {
    width: 100%;
    font-size: 36px;
    line-height: .98;
    white-space: normal;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }
  .serviceDetailPage .innerHero > p {
    width: 100%;
    white-space: normal;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }
  .cncLanding .cncHero.shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }
  .cncHeroCopy,
  .cncHeroCopy > * { min-width: 0; max-width: 100%; }
  .cncIndustryPage .cncHero h1,
  .cncLanding .cncHero h1 {
    width: 100%;
    font-size: 40px;
    line-height: .96;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .cncHeroCopy > p { width: 100%; white-space: normal; overflow-wrap: break-word; }
}